-
Notifications
You must be signed in to change notification settings - Fork 0
/
post.html
61 lines (61 loc) · 3.04 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
<!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="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link rel="stylesheet" href="/css/utility.css" />
<link rel="stylesheet" href="/css/style.css" />
</head>
<body id="home">
<header class="hero blog">
<div id="navbar" class="nav__bar 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 class="hero__title">Our Blog</h1>
</div>
</header>
<main>
<section class="post">
<h2 class="post__title">Blog Post One</h2>
<p class="meta">
<i class="fas fa-user "></i> Posted by <strong>Steve Smith</strong>
| April 24 2022
</p>
<img src="./images/blog/blog1.jpg" alt="">
<p class="solutions__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi placeat beatae non adipisci voluptas. Laudantium, illo animi? Distinctio, accusantium ullam!</p>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Itaque sit esse et labore odio dolore mollitia omnis iste sint culpa fugit, praesentium ipsa est similique, quidem aliquid officia, doloremque nam. Neque reiciendis praesentium eligendi! Maiores accusantium molestiae mollitia modi magnam itaque ex. Dolores voluptate, nemo temporibus ea reprehenderit ipsam et aut quis porro esse. Sapiente eveniet tenetur iure beatae blanditiis.</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Autem totam possimus vel saepe aliquid eaque cupiditate dolores nemo sed, itaque officia labore eligendi quo quia facere, optio amet aspernatur odio accusamus? Exercitationem laudantium dolores rem commodi, odit quod perspiciatis nam sed ipsum corporis doloribus hic omnis? Laboriosam cupiditate dolore ullam.</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 © 2022 - EdgeLedger</p>
</footer>
</body>
</html>