-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog.html
89 lines (82 loc) · 4.14 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@200;300;400&family=Zilla+Slab:wght@500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/CSS/style.css">
<link rel="stylesheet" media="screen and (max-width: 768px)" href="/CSS/mobile.css">
<title>Abike | blog</title>
</head>
<!-- Navigation -->
<nav class="main-nav">
<div class="nav-container">
<h4 class="logo m-heading"><a href="index.html">Abike</a></h4>
<ul>
<li class="nav-link"><a href="#">Top stories</a></li>
<li class="nav-link"><a href="#">News</a></li>
<li class="nav-link"><a href="#">Trends</a></li>
<li class="nav-link"><a href="#">Forum</a></li>
</ul>
<button class="harmburger"> Menu</button>
</div>
</nav>
<!-- Article -->
<article class="article-container">
<div class="article-div">
<img src="/images/pexels-jill-wellington-40815.jpg" alt="win">
<h3>Don't stop learning and practicising.</h3>
<div class="author-div">
<address class="author">By <a rel="author" href="#">Abike Ladele</a></address>
<span> on</span> <time title="September 23rd, 2020">09/23/20</time> <a class="coding" href="#">Coding</a>
</div>
<p>I started my journey as a coder early this year. I kept several late nights, ate late, slept for few hours in the night if I do sleep at all and kept reading, learning and practicising. But during the lockdown (which was as a result of the pandemic) I became quite lazy and reduced my learning hours. Which I ended up regretting as it affected <a href="#">read more.</a></p>
</div>
</article>
<article class="article-container">
<div class="article-div">
<img class= "win" src="/images/pexels-jill-wellington-40815.jpg" alt="win">
<h3>Don't stop learning and practicising.</h3>
<div class="author-div">
<address class="author">By <a rel="author" href="#">Abike Ladele</a></address>
<span> on </span> <time title="September 23rd, 2020">09/23/20</time> <a class="coding" href="#">Coding</a>
</div>
<p>I started my journey as a coder early this year. I kept several late nights, ate late, slept for few hours in the night if I do sleep at all and kept reading, learning and practicising. But during the lockdown (which was as a result of the pandemic) I became quite lazy and reduced my learning hours. Which I ended up regretting as it affected <a href="#">read more.</a></p>
</div>
</article>
<article class="article-container">
<div class="article-div">
<img class="win" src="/images/pexels-jill-wellington-40815.jpg" alt="win">
<h3>Don't stop learning and practicising.</h3>
<div class="author-div">
<address class="author">By <a rel="author" href="mailto:ladeleayodele@outlook.com">Abike Ladele</a></address>
<span> on </span> <time title="September 23rd, 2020">09/23/20</time> <a class="coding" href="#">Coding</a>
</div>
<p class="win1">I started my journey as a coder early this year. I kept several late nights, ate late, slept for few hours in the night if I do sleep at all and kept reading, learning and practicising. But during the lockdown (which was as a result of the pandemic) I became quite lazy and reduced my learning hours. Which I ended up regretting as it affected... <a href="#">(read more)</a>.</p>
</div>
</article>
<!-- Aside -->
<aside class="aside-container">
<div class="aside-content">
<h4>Related</h4>
<ul>
<li><a href="#">Top stories</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Trends</a></li>
<li><a href="#">Forum</a></li>
</ul>
<a class="tel" href="tel:08189021044">08189021044</a>
</div>
</aside>
<!-- Footer -->
<footer class="footer-container">
<h5 class="m-heading">Abike Ladele © 2020</h5>
<ul>
<li class="footer-links"><a href="stories.html">Top stories</a></li>
<li class="footer-links"><a href="news.html">News</a></li>
<li class="footer-links"><a href="trends.html">Trends</a></li>
<li class="footer-links"><a href="forum.html">Forum</a></li>
</ul>
</footer>
<body>
</html>