-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
104 lines (95 loc) · 3.8 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- style -->
<link rel="stylesheet" href="CSS/about.css" />
<link rel="stylesheet" href="CSS/mediaqueriesabout.css" />
<!-- fonts -->
<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=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap"
rel="stylesheet"
/>
<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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet"
/>
<!-- icons -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
/>
<title>Karol Learning Journal</title>
</head>
<body>
<header>
<div class="header-container">
<div class="logo">
<img src="images/logo.png" class="logo-image" alt="Logo" />
<h1><a href="index.html">My learning journal</a></h1>
</div>
<div class="links hiden">
<ul class="primary-nav">
<li><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT ME</a></li>
</ul>
</div>
<div class="bar-icon">
<i class="fa-solid fa-bars"></i>
</div>
</div>
</header>
<main>
<section class="hero-post">
<img class="hero-about-image" src="images/me.jpg" alt="post images" />
<div class="featured-post">
<h2 class="post-title">
Hi there! My name is Karol and welcome to my learning journal.
</h2>
<p class="post-preview">
After several months of learning in the Frontend Developer Career
Path, I've made the big jump over to learning the fundementals of
HTML, CSS and Javascript. The Scrimba is amazing platform for
learning how to code.
</p>
</div>
<p class="post-text">
<span class="post-test-subhead">
How I stay committed to learning
</span>
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. 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.
<span class="post-test-subhead"> How I got started</span>
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. 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>
</section>
<div class="recent-post">Recent Post</div>
<div class="container">
<!-- content here -->
</div>
<div class="viewmore">
<button id="viewmore-btn" class="viewmore-btn">View More</button>
</div>
<footer class="footer">
<div class="footer-div">
<h3>My Learning Journal</h3>
<p>Copyright ©<span id="footer-year">2024</span></p>
</div>
</footer>
</main>
<script src="JS/home.js" type="module"></script>
</body>
</html>