-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
104 lines (85 loc) · 5.94 KB
/
home.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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<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>
<section>
<div class="home-section-one">
<div class="desktop-view">
<p class="home-date">JUNE, 2022</p>
<h1 class="home-caption">My new journey as a frontend student.</h1>
<p class="home-body-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>
<img src="images/home.jpeg"class="home-first-image">
<div class="desktop-view">
<p class="heading">How I stay committed to learning</p>
<p class="mobile-paragraphs">I like to think of myself as a lifelong learner. I used to spend hours and hours learning, then try to create simple projects using what I learned or work new techniques into existing projects.</p>
<p class="mobile-paragraphs">While that was fun, I felt like it would be helpful to share what I was learning and most things about my journey with the world.</p>
<p class="heading">How I got started</p>
<p class="mobile-paragraphs">
I started simple and gradually grew my learning journal site. I would take notes about what I was learning. After each learning session, I'd use my notes to not only reflect on what I learned but also write short summaries of what I learned using my own words.</p>
<p class="mobile-paragraphs">That helped me grok what I was learning, and I realized that posting my learning summaries was also helping others learn and stay motivated.</p>
</div>
</div>
</section>
<p class="heading-two">Recent posts</p>
<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="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>
<footer class="home-footer">
<p class="footer-big">My Learning Journal</p>
<p class="footer-small">Copyright ©2023</p>
</footer>
</main>
</body>
</html>