-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
90 lines (87 loc) · 4.27 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
88
89
90
<!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="styles.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="intro-section">
<div class="intro-body">
<span class="date-info">JULY 23, 2022</span>
<h1>My new journey as a bootcamp student.</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>
</section>
<section class="blog-section">
<div class="blog-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="blog-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="blog-post">
<img src="images/blog-image-02.png" alt="image showing a laptop">
<span class="date-info">JULY 23, 2022</span>
<h2>Blog three</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="blog-post">
<img src="images/blog-image-03.png" alt="a girl walking oon sand">
<span class="date-info">JULY 23, 2022</span>
<h2>Blog four</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="blog-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>
<div class="blog-post">
<img src="images/blog-image-01.png" alt="Web development image">
<span class="date-info">JULY 23, 2022</span>
<h2>Blog six</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>