-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog-post-list.html
87 lines (84 loc) · 5.5 KB
/
blog-post-list.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
<!DOCTYPE html>
<html data-bs-theme="light" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Blog - Anyw3ar</title>
<link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i,600,600i&display=swap">
<link rel="stylesheet" href="/assets/css/baguetteBox.min.css">
<link rel="stylesheet" href="/assets/css/Custom.css">
<link rel="stylesheet" href="/assets/css/vanilla-zoom.min.css">
</head>
<body>
<nav class="navbar navbar-expand-lg fixed-top bg-body clean-navbar navbar-brand">
<div class="container"><a class="navbar-brand logo" href="#">
<picture><img src="/assets/img/logo/logo-graphic-plein-black.png" style="height: 50px;"></picture>
</a>
<div class="card" style="background-color: #c80815;"></div>
</div>
</nav>
<main class="page blog-post-list">
<section class="clean-block clean-blog-list dark">
<div class="container">
<div class="block-heading">
<h2 class="text-info">Blog Post List</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo.</p>
</div>
<div class="block-content">
<div class="clean-blog-post">
<div class="row">
<div class="col-lg-5"><img class="rounded img-fluid" src="/assets/img/tech/image4.jpg"></div>
<div class="col-lg-7">
<h3>Lorem Ipsum dolor sit amet</h3>
<div class="info"><span class="text-muted">Jan 16, 2018 by <a href="#">John Smith</a></span></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo.</p><button class="btn btn-outline-primary btn-sm" type="button">Read More</button>
</div>
</div>
</div>
<div class="clean-blog-post">
<div class="row">
<div class="col-lg-5"><img class="rounded img-fluid" src="/assets/img/tech/image4.jpg"></div>
<div class="col-lg-7">
<h3>Lorem Ipsum dolor sit amet</h3>
<div class="info"><span class="text-muted">Jan 16, 2018 by <a href="#">John Smith</a></span></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo.</p><button class="btn btn-outline-primary btn-sm" type="button">Read More</button>
</div>
</div>
</div>
<div class="clean-blog-post">
<div class="row">
<div class="col-lg-5"><img class="rounded img-fluid" src="/assets/img/tech/image4.jpg"></div>
<div class="col-lg-7">
<h3>Lorem Ipsum dolor sit amet</h3>
<div class="info"><span class="text-muted">Jan 16, 2018 by <a href="#">John Smith</a></span></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo.</p><button class="btn btn-outline-primary btn-sm" type="button">Read More</button>
</div>
</div>
</div>
<div class="clean-blog-post">
<div class="row">
<div class="col-lg-5"><img class="rounded img-fluid" src="/assets/img/tech/image4.jpg"></div>
<div class="col-lg-7">
<h3>Lorem Ipsum dolor sit amet</h3>
<div class="info"><span class="text-muted">Jan 16, 2018 by <a href="#">John Smith</a></span></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo.</p><button class="btn btn-outline-primary btn-sm" type="button">Read More</button>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="page-footer dark">
<div class="footer-copyright">
<p>© 2023 ANYW3AR, P2ENJOY</p>
</div>
</footer>
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
<script src="/assets/js/bs-init.js"></script>
<script src="/assets/js/baguetteBox.min.js"></script>
<script src="/assets/js/vanilla-zoom.js"></script>
<script src="/assets/js/theme.js"></script>
</body>
</html>