/
article-11.html
140 lines (136 loc) · 8.14 KB
/
article-11.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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">
<!-- Local CSS -->
<link rel="stylesheet" href="css/style.css">
<title>Blog Travel | Article</title>
</head>
<body>
<header id="mainheader">
<div class="container">
<div class="row pt-2">
<div class="subnav-info col-lg-8 pt-2">
<ul class="small">
<li><i class="fa fa-calendar"></i></li>
<li>Sunday, Feb 11, 2021</li>
</ul>
</div>
<div class="subnav-social col-lg-4">
<ul class="small">
<li><i class="fab fa-facebook-f"></i></li>
<li><i class="fab fa-twitter"></i></li>
<li><i class="fab fa-linkedin"></i></li>
<li><i class="fab fa-instagram"></i></li>
<li><i class="fab fa-youtube"></i></li>
<li><i class="fab fa-pinterest"></i></li>
</ul>
</div>
</div>
</div>
<hr>
<div class="container">
<div class="row">
<div class="col-lg-5 logo mt-2">
<a href="index.html"><img src="img/logo.png" alt=""></a>
</div>
<div class="col-lg-7">
<a href="#"><img src="img/ad.png" alt="" class="w-100"></a>
</div>
</div>
</div>
<div class="container">
<nav class="navbar">
<ul class="text-uppercase">
<li><a href="index.html">Home</a></li>
<li><a href="travel.html">Travel</a></li>
<li><a href="places.html">Places</a></li>
<li><a href="food.html">Food</a></li>
</ul>
</nav>
</div>
</header>
<div id="article" class="mt-4">
<div class="container">
<div class="row">
<div class="col-lg-8">
<img src="img/feature-11.jpg" alt="" class="w-100">
<h2 class="pt-4 pb-2">Lorem, ipsum dolor sit amet consectetur</h2>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maxime quia nemo eum! Quasi ea fuga ab libero molestiae sit nam, incidunt voluptatem suscipit deserunt nobis rem dolor eius numquam nostrum quod tempore cumque magni. Omnis cum fugit sapiente architecto. Veniam deserunt ullam at consequatur incidunt! Molestiae ducimus officia dicta autem tempore sed quam eaque, eos itaque voluptates est! Sint, officia!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae velit facere id voluptates sunt non nihil! Nulla qui expedita sunt nemo, adipisci pariatur temporibus labore excepturi omnis porro ex quis dolor architecto, eum dolore aperiam accusantium facere aut at quas magni exercitationem quo ipsam maiores. Consequatur sapiente praesentium voluptas enim at eveniet, rem, iste beatae unde corrupti id ipsum error possimus autem dolorum illo a asperiores perferendis quas! Qui nihil, id laudantium tenetur vero blanditiis at. A quas sint minus nostrum accusamus earum dolor deleniti velit debitis libero ab exercitationem soluta, quia obcaecati, recusandae quae, et sapiente est eos magni corrupti delectus quaerat quis. Delectus assumenda ab, temporibus aspernatur minus pariatur labore est quia, magnam nulla libero. Autem, atque quis.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui debitis doloribus quibusdam totam inventore tempore sit delectus sapiente ipsa quidem numquam eos quae, maxime doloremque molestias in quo eligendi cumque! Optio iusto doloremque, non ex deleniti aut laudantium veniam dolorem!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia assumenda est necessitatibus ut veritatis repellat dolorem fugit placeat nihil recusandae.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam aut quas impedit quia natus aliquid beatae placeat eum obcaecati fugiat, quis veniam saepe iusto vel consequuntur temporibus vitae praesentium sequi nulla ut commodi. Ab dolorem optio nobis laboriosam a at dolore adipisci repudiandae deleniti eum, deserunt eius sit sequi, nam quos enim consequatur. Obcaecati maxime doloribus ab nobis excepturi temporibus, rem facilis suscipit architecto voluptates eius cupiditate non itaque beatae omnis autem amet recusandae aut, aliquam ut tempore. Cupiditate aliquid dolores debitis perferendis, nulla, itaque officiis optio dicta ipsa qui ea inventore at consectetur iusto, illum aperiam labore hic mollitia eligendi pariatur iure. Voluptates enim nulla reprehenderit cum quas! Obcaecati ipsum minima rem dolorum molestias illum blanditiis ipsa optio a.</p>
</div>
<div class="sidebar col-lg-4">
<h4 class="text-uppercase">Recent Post</h4>
<hr>
<div class="row">
<div class="col-lg-4">
<img src="img/feature-2.jpg" alt="" class="w-100">
</div>
<div class="col-lg-8">
<h6><a href="article-2.html" class="text-dark">Lorem ipsum dolor sit amet consectetur.</a></h6>
<p class="text-secondary small">February 11, 2021</p>
</div>
</div>
<hr>
<div class="row">
<div class="col-lg-4">
<img src="img/feature-3.jpg" alt="" class="w-100">
</div>
<div class="col-lg-8">
<h6><a href="article-3.html" class="text-dark">Lorem ipsum dolor sit amet consectetur.</a></h6>
<p class="text-secondary small">February 11, 2021</p>
</div>
</div>
<hr>
<div class="row">
<div class="col-lg-4">
<img src="img/feature-4.jpg" alt="" class="w-100">
</div>
<div class="col-lg-8">
<h6><a href="article-4.html" class="text-dark">Lorem ipsum dolor sit amet consectetur.</a></h6>
<p class="text-secondary small">February 11, 2021</p>
</div>
</div>
<hr>
<div class="row">
<div class="col-lg-4">
<img src="img/feature-5.jpg" alt="" class="w-100">
</div>
<div class="col-lg-8">
<h6><a href="article-5.html" class="text-dark">Lorem ipsum dolor sit amet consectetur.</a></h6>
<p class="text-secondary small">February 11, 2021</p>
</div>
</div>
<hr>
<div class="row">
<div class="col-lg-4">
<img src="img/feature-6.jpg" alt="" class="w-100">
</div>
<div class="col-lg-8">
<h6><a href="article-6.html" class="text-dark">Lorem ipsum dolor sit amet consectetur.</a></h6>
<p class="text-secondary small">February 11, 2021</p>
</div>
</div>
</div>
</div>
</div>
</div>
<hr>
<footer id="mainfooter" class="text-center p-3">
<p class="small">Blog Travel © 2020</p>
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</body>
</html>