-
Notifications
You must be signed in to change notification settings - Fork 0
/
post.html
103 lines (98 loc) · 3.65 KB
/
post.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css"
integrity="sha256-h20CPZ0QyXlBuAw7A+KluUYx/3pK+c7lYEpqLTlxjYQ="
crossorigin="anonymous"
/>
<link rel="stylesheet" href="css/utilities.css" />
<link rel="stylesheet" href="css/style.css" />
<title>Post One</title>
</head>
<body id="home">
<header class="hero blog">
<div id="navbar" class="navbar top">
<h1 class="logo">
<span class="text-primary"><i class="fas fa-book-open"></i> Edge</span
>Ledger
</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="index.html#about">About</a></li>
<li><a href="index.html#cases">Cases</a></li>
<li><a href="index.html#blog">Blog</a></li>
<li><a href="index.html#contact">Contact</a></li>
</ul>
</nav>
</div>
<div class="content">
<h1>Blog</h1>
</div>
</header>
<main>
<section class="post">
<h2>Blog Post One</h2>
<p class="meta">
<i class="fas fa-user"></i> Posted by <strong>John Doe</strong> |
April 23 2020
</p>
<img src="images/blog/blog1.jpg" alt="" />
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias illum,
animi earum ea amet sequi reiciendis sit corporis sunt iusto
cupiditate odio maxime adipisci cumque eligendi nemo dolore id itaque?
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat
molestias, a perspiciatis facilis rerum praesentium nihil. Ratione at
ab ipsam facere deleniti, tempora libero! Excepturi, soluta laudantium
aliquid hic vitae ex quaerat aperiam eligendi aut temporibus mollitia
sapiente animi illum minus dicta fugiat non provident ad iste maxime!
Consequuntur, repudiandae maxime. Reprehenderit, commodi laudantium.
Voluptatibus dolorem in tenetur nostrum minus!
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem voluptas
quibusdam nostrum dicta non vel nisi adipisci consequuntur molestiae
perspiciatis enim ipsum, illo molestias sequi dolor explicabo harum
laudantium soluta assumenda quidem quis dolorem. Nulla accusamus,
voluptate eos reiciendis aut obcaecati facilis assumenda dignissimos
neque dolore. Voluptates ut omnis velit?
</p>
</section>
</main>
<footer class="footer bg-dark">
<div class="social">
<a href="#"><i class="fab fa-facebook fa-2x"></i></a>
<a href="#"><i class="fab fa-twitter fa-2x"></i></a>
<a href="#"><i class="fab fa-youtube fa-2x"></i></a>
<a href="#"><i class="fab fa-linkedin fa-2x"></i></a>
</div>
<p>Copyright © 2020 - EdgeLedger</p>
</footer>
<script>
const navbar = document.getElementById('navbar');
let scrolled = false;
window.onscroll = function () {
if (window.pageYOffset > 100) {
navbar.classList.remove('top');
if (!scrolled) {
navbar.style.transform = 'translateY(-70px)';
}
setTimeout(function () {
navbar.style.transform = 'translateY(0)';
scrolled = true;
}, 200);
} else {
navbar.classList.add('top');
scrolled = false;
}
};
</script>
</body>
</html>