-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpost.html
79 lines (74 loc) · 4.29 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="This the template of bussiness company.">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />
<link rel="stylesheet" href="css/utility.css">
<link rel="stylesheet" href="css/style.css">
<title>Post One</title>
</head>
<body>
<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>
<!-- Article-->
<main>
<section class="post">
<h2>Blog Post One</h2>
<p class="meta"><i class="fas fa-user"></i>Posted by <strong>Jhon Doe</strong> | September 27 2020<p>
<img src="img/blog/blog1.jpg" alt="">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga, voluptatem placeat. Amet repellendus voluptatem provident eos aspernatur maxime possimus neque at!</p>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sunt aliquid non sed dignissimos consequuntur numquam tempora in, delectus quasi odit veniam modi facilis et ea optio provident facere necessitatibus expedita placeat nam laborum vero sint labore? Quos impedit commodi consequatur ipsa nemo quibusdam sapiente tempore, quam non blanditiis tempora fuga.</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dignissimos nisi maiores molestias? Modi, fuga dolor! Quas quia necessitatibus illum neque porro ab soluta dolorum officiis temporibus sunt libero possimus aperiam fugit optio voluptatum ipsum, non similique sed architecto. Nobis libero consequuntur similique. Dicta facilis consectetur obcaecati ad quis necessitatibus mollitia aspernatur perspiciatis blanditiis voluptas! Nostrum consequuntur beatae quis dignissimos quisquam voluptates nisi dolorum sit mollitia error necessitatibus, illum nam ipsum autem maiores a perferendis aspernatur in similique sapiente eos obcaecati.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam enim ex placeat error vel, est odit! Non quisquam explicabo aspernatur. Iste laboriosam cumque facilis debitis numquam unde dicta eveniet, saepe ex aut maiores nobis beatae. Corrupti reprehenderit modi officiis possimus quo, explicabo repellendus incidunt quas qui aliquam fuga, porro suscipit. Explicabo fugit non eum vero sapiente architecto doloribus autem quae!</p>
</section>
</main>
<!-- Footer -->
<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 © - 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>