-
Notifications
You must be signed in to change notification settings - Fork 0
/
post.html
103 lines (97 loc) · 4.02 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" />
<title>Post One</title>
<link rel="stylesheet" href="./css/utilities.css" />
<link rel="stylesheet" href="./css/style.css" />
<link
href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;1,300&display=swap"
rel="stylesheet"
/>
<script
src="https://kit.fontawesome.com/5bb162662f.js"
crossorigin="anonymous"
></script>
</head>
<body id="home">
<header class="hero blog">
<div class="navbar top" id="navbar">
<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 Us">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>Kunal Dhingra</strong> | April 15 2020
</p>
<img src="./images/blog/blog1.jpg" alt="">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Reiciendis officiis possimus facilis placeat, repellendus
sit autem numquam, iste neque totam inventore, magni
necessitatibus accusamus ex mollitia excepturi debitis.
Blanditiis, distinctio!
</p>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Quidem nam cupiditate ipsa enim culpa. Hic sint ut minima et
consequatur necessitatibus blanditiis delectus fuga
aspernatur quidem rem, sapiente, exercitationem in ipsa!
Fuga sed dolorem perferendis animi facere non nobis, quia
nemo facilis iure tenetur temporibus quisquam asperiores?
Voluptatibus cumque, corrupti libero explicabo tenetur
reprehenderit alias repellendus nisi soluta exercitationem
id.
</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;
}, 500);
} else {
navbar.classList.add("top");
scrolled = false;
}
};
</script>
</body>
</html>