-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
87 lines (75 loc) · 4.85 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<html>
<head><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap" rel="stylesheet">
<title>My Learning Journal</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<nav>
<p><a href="index.html" class="bigger-text"><i class="fa-solid fa-chalkboard-user"></i> My learning journal</a></p> <ul>
<li><a href="home.html" class="nav-link">HOME</a></li>
<li> <a href="about.html" class="nav-link edge">ABOUT ME</a></li>
</ul>
</nav>
<main>
<div class="learning-section-one first" id="first-cont">
<div class="first-cont">
<p class="bg-date">JUNE, 2023</p>
<h2 class="bg-big-text">My journey as a frontend student.</h2>
<p class="bg-small-text">After several months of learning in the Frontend Developer Career Path, I've made the big jump over to the Bootcamp to get expert code reviews of my Solo Projects projects and meet like-minded peers.</p>
</div>
</div>
<div class="blog-container">
<div class="learning-section-two">
<img src="images/laptop.jpeg" class="learning-laptop">
<p class="date">JULY 1, 2023</p>
<h3 class="blog">Blog One</h3>
<p class="mobile-paragraphs">I'm excited to start a new learning journey as a Scrimba Bootcamp student! After several months of learning in the Frontend Developer Career Path.</p>
</div>
<div class="learning-section-two">
<img src="images/ideas.jpeg" class="learning-laptop">
<p class="date">JULY 2, 2023</p>
<h3 class="blog">Blog Two</h3>
<p class="mobile-paragraphs">Stumbling on scrimba was the best thing that happened to me last year. I was taught that it is okay to ask google.It is normal not to know all. Research while writing codes is totally normal and not a sin.</p>
</div>
<div class="learning-section-two">
<img src="images/designs.jpeg" class="learning-laptop">
<p class="date">JULY 3, 2023</p>
<h3 class="blog">Blog Three</h3>
<p class="last mobile-paragraphs">My goal is to take my time and be good in what I am learning as this will help me bring ideas to life as well as implement ideas in a unique way.</p>
</div>
<div class="learning-section-two" >
<img src="images/laptop.jpeg" class="learning-laptop">
<p class="date">JULY 4, 2023</p>
<h3 class="blog">Blog Four</h3>
<p class="mobile-paragraphs">I'm excited to start a new learning journey as a Scrimba Bootcamp student! After several months of learning in the Frontend Developer Career Path.</p>
</div>
<div class="learning-section-two">
<img src="images/ideas.jpeg" class="learning-laptop">
<p class="date">JULY 5, 2023</p>
<h3 class="blog">Blog Five</h3>
<p class="mobile-paragraphs">Stumbling on scrimba was the best thing that happened to me last year. I was taught that it is okay to ask google.It is normal not to know all. Research while writing codes is totally normal and not a sin.</p>
</div>
<div class="learning-section-two">
<img src="images/designs.jpeg" class="learning-laptop">
<p class="date">JULY 6, 2023</p>
<h3 class="blog">Blog Six</h3>
<p class="last mobile-paragraphs">My goal is to take my time and be good in what I am learning as this will help me bring ideas to life as well as implement ideas in a unique way.</p>
</div>
</div>
<section class="view">
<p class="view-more" id="view-more"> View more</p>
</section>
<footer class="landing-footer">
<p class="footer-big">My Learning Journal</p>
<p class="footer-small">Copyright ©2023</p>
</footer>
</main>
</body>
</html>