-
Notifications
You must be signed in to change notification settings - Fork 0
/
aboutme.htm
91 lines (85 loc) · 4.27 KB
/
aboutme.htm
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
<!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="aboutme.css">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<title>Solo Project/JOURNAL/</title>
</head>
<body>
<header>
<div class="top-nav">
<div class="logo">
<img src="images/image 17.svg" alt="logo">
<span>My learning journal</span>
</div>
<img src="images/icon-hamburger.svg" class="open-nav" id="open-nav">
<div class="nav-links">
<ul>
<li><a href="index.html" target="_self">HOME</a></li>
<li><a href="article.htm" target="_self">ARTICLE</a></li>
<li><a href="aboutme.htm" target="_self">ABOUT ME</a></li>
</ul>
</div>
</div>
</header>
<main>
<section class="aboutme-section">
<div class="aboutme-intro">
<img src="images/image 18.svg" alt="writer's images" class="user-image">
<div>
<h1>Hi there! My name is Roku and welcome to my learning journal.</h1>
<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>
</div>
<div class="aboutme-textbox">
<h3>How I stay committed to learning</h3>
<p>
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.
</br>
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>
<h3>How I got started</h3>
<p>
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 grok 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="post-section">
<h3>Recent Post</h3>
<div class="recent-post">
<img src="images/blog-image-06.png" alt="image showing a laptop">
<span class="date-info">JULY 23, 2022</span>
<h2>Blog one</h2>
<p>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="recent-post">
<img src="images/blog-image-04.png" alt="A hand holding a bulb">
<span class="date-info">JULY 23, 2022</span>
<h2>Blog two</h2>
<p>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="recent-post">
<img src="images/blog-image-05.png" alt="Inflared color">
<span class="date-info">JULY 23, 2022</span>
<h2>Blog five</h2>
<p>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>
</section>
<div>
<a href="" class="view-more">View More</a>
</div>
</main>
<footer>
<div class="my-footer">
<h4>My Learning Journal</h4>
<p class="copyright">Copyright @2022</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>