-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
136 lines (127 loc) · 5.76 KB
/
blog.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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Emmanuel Karanja</title>
<!-- Theme color -->
<meta name="theme-color" content="#fff">
<meta name="apple-mobile-web-app-status-bar" content="#fff">
<!-- Main styles -->
<link rel="stylesheet" href="./dist/css/styles.css">
<!-- Fontawesome icons -->
<script src="https://kit.fontawesome.com/885fbd8d84.js"></script>
</head>
<body>
<div class="container">
<header id="header" class="header-wrapper">
<header class="header">
<div class="logo">
<a href="/me">
<h1>ekaranja</h1>
</a>
</div>
<nav class="nav main-menu">
<menu class="menu">
<ul>
<li><a href="/#home">Home</a></li>
<li><a href="/#about">About</a></li>
<li><a href="/#skills">Skills</a></li>
<li><a href="/#projects">Projects</a></li>
<li><a href="/#contact">Contact</a></li>
<li><a href="/#blog">Blog</a></li>
</ul>
</menu>
<div class="mode-ctrl">
<label for="themeToggle">Dark mode</label>
<div>
<input type="checkbox" name="mode" id="themeToggle" class="theme-toggle">
<label for="themeToggle" class="theme-toggle-label"></label>
</div>
</div>
</nav>
<div class="menu-toggle bars">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
</header>
</header>
<div class="content">
<div class="blog-post">
<div class="blog-post-title">
<h1>Amazing article from me to you</h1>
</div>
<div class="blog-post-details">
<div class="author">By <strong>Emmanuel Karanja</strong></div>
<div class="time">
<p>20th · Nov · 2019</p>
</div>
</div>
<div class="blog-post-image">
<img src="./images/blog/blog1.jpg" alt="Blog image">
</div>
<article>
<p>
Lorem ipsum dolor sit amet, <a href="#" target="_blank">consectetur</a> adipisicing elit. Quidem
totam quam
nostrum obcaecati officiis enim
tempora aut excepturi voluptatem, omnis quibusdam suscipit laboriosam explicabo provident
temporibus
recusandae
voluptates, aspernatur aliquam.
Cum necessitatibus accusamus vel aliquid repellat, quidem, iure, quibusdam praesentium tempora
rem
numquam
dolorem molestiae iste magnam saepe! Voluptatum deleniti iusto cupiditate odio. Expedita nemo
esse
inventore
iste. Doloribus, error?
Delectus culpa, explicabo blanditiis numquam dolor esse dolores ea cupiditate quasi quae,
provident
excepturi
facere deserunt animi impedit minus reiciendis quibusdam. Distinctio tempore omnis quidem
exercitationem, rem
eius sit dolorum.
Molestiae nesciunt iure optio tenetur ipsa, assumenda odio soluta temporibus eligendi non
obcaecati
nulla,
excepturi fugit, ipsam voluptatibus. Dolore delectus iste error deserunt consequatur cum quam
similique laborum
itaque mollitia.
Cupiditate placeat officiis similique minus asperiores exercitationem numquam iure alias
delectus,
perspiciatis
magni consectetur inventore iusto! Fugiat dignissimos, possimus mollitia officia, dolorem ea
nulla
sunt
excepturi molestiae, culpa perspiciatis animi.
</p>
</article>
</div>
</div>
<footer id="footer" class="footer-wrapper">
<div class="footer">
<div class="logo">
<a href="/me">
<h1>ekaranja</h1>
</a>
</div>
<nav class="nav">
<ul>
<li><a href="#home">Home</a></li>
<li><a target="_blank" href="https://twitter.com/karanja_14">Twitter</a></li>
<li><a target="_blank" href="https://www.facebook.com/emmanuel.karanja.14">Facebook</a></li>
</ul>
</nav>
<div class="credits">
<p>Illustrations from <a href="https://undraw.co/illustrations" class="u-dotted">undraw.co</a></p>
<p>Emmanuel Karanja ©2019</p>
</div>
</div>
</footer>
</div>
<script type="module" src="./dist/js/main.js"></script>
</body>
</html>