-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy patharticles.html
108 lines (104 loc) · 4.21 KB
/
articles.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
105
106
107
108
<!DOCTYPE html>
<html lang="en">
<head>
<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/normalize/8.0.1/normalize.css">
<link rel="stylesheet" href="css/articles.css">
<title>Articles</title>
</head>
<body>
<header>
<nav>
<div class="logo">
<img class="logo-img" src="images/image 17.png" alt="site logo">
<p class="logo-text">My learning journal</p>
</div>
<ul class="nav-list">
<li class="nav-list-item"><a href="index.html">Home</a></li>
<li class="nav-list-item"><a href="about.html">About Me</a></li>
</ul>
</nav>
</header>
<main class="container">
<section class="article-main">
<div class="article-main-texts">
<p class="article-main-title">My new journey as a bootcamp student.</p>
<p class="article-main-date">JULY 23, 2022</p>
<p>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 class="article-main-img" src="images/blog-image-hero.png" alt="logo">
<div class="article-main-body">
<p><strong>How I stay committed to learning</strong>
<br>
<br>
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>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><strong>How I got started</strong>
<br>
<br>
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>That helped me grow what I was learning, and I realized that posting my learning summaries was also helping
others
learn and stay motivated.
</p>
</div>
</section>
<section class="article-recent-posts">
<p class="article-recent-posts-title">Recent Posts</p>
<div class="row-1">
<div class="article-card">
<h2 class="article-card-title">Blog one</h2>
<img class="article-card-img" src="images/blog-image-06.png" alt="a blog image">
<p class="article-card-date">JULY 23, 2022</p>
<p class="article-card-body">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="article-card">
<h2 class="article-card-title">Blog two</h2>
<img class="article-card-img" src="images/blog-image-04.png" alt="a blog image">
<p class="article-card-date">JULY 23, 2022</p>
<p class="article-card-body">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="article-card">
<h2 class="article-card-title">Blog three</h2>
<img class="article-card-img" src="images/blog-image-05 (1).png" alt="a blog image">
<p class="article-card-date">JULY 23, 2022</p>
<p class="article-card-body">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>
</section>
</main>
<footer>
<p class="footer-text">My Learning Journal</p>
<p class="footer-copyright">Copyright ©2022</p>
</footer>
</body>
</html>