-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
127 lines (116 loc) · 5.35 KB
/
index.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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css" integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous">
<!-- css link -->
<link rel="stylesheet" href="./css/mobile.css">
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/utility.css">
<title>Responsive Blog Web Template with Harry Bhai</title>
</head>
<body>
<!-- Navigation menu with logo -->
<section class="navItems">
<div class="main max-width-1 m-auto">
<div class="left">
<form action="/search.html" method="get">
<input class="form-input" name="query" type="text" placeholder="Search">
<button class="btn">Search</button>
</form>
</div>
<div class="middle">
<div class="item">
<a href="/"><img src="./image/logo.jpg" alt="#" class="logo"></a>
</div>
</div>
<div class="right">
<nav class="navigation">
<ul>
<li><a href="/">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="/contact.html">Contact</a></li>
<li><a href="#">Service</a></li>
<li><a href="/blog.html">Blog</a></li>
</ul>
</nav>
</div>
</div>
</section>
<!-- Navigation menu with logo end -->
<!-- =============================================== -->
<!-- Content section start -->
<section class="content max-width-1 m-auto">
<div class="content-left">
<h1>The heaven for Bloggers</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos quidem consequatur et blanditiis adipisci cumque quam, doloremque inventore distinctio natus! Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, magnam. Lorem ipsum dolor
sit amet consectetur adipisicing elit. Similique, asperiores.</p>
</div>
<div class="content-right">
<img src="./image/content.jpg" alt="Sorry 404">
</div>
</section>
<hr>
<!-- Content section end -->
<!-- ======================================== -->
<!-- Articles section start -->
<section class="article_sec container m-auto">
<div class="home_articles max-width-1 m-auto">
<h2 class="t_c tc_br">Articles You would love to read!</h2>
<div class="home_article">
<img src="./image/news.jpg" alt="404">
<div class="h_ar_content">
<h3>Lorem ipsum dolor sit amet consectetur adipisicing.</h3>
<span>Author Name</span>
<span>27 june | 7 min read</span>
</div>
</div>
<div class="home_article">
<img src="./image/home.jpg" alt="404">
<div class="h_ar_content">
<h3>Lorem ipsum dolor sit amet consectetur adipisicing.</h3>
<span>Author Name</span>
<span>27 june | 7 min read</span>
</div>
</div>
<div class="home_article">
<img src="./image/news.jpg" alt="404">
<div class="h_ar_content">
<h3>Lorem ipsum dolor sit amet consectetur adipisicing.</h3>
<span>Author Name</span>
<span>27 june | 7 min read</span>
</div>
</div>
<div class="home_article">
<img src="./image/news.jpg" alt="404">
<div class="h_ar_content">
<h3>Lorem ipsum dolor sit amet consectetur adipisicing.</h3>
<span>Author Name</span>
<span>27 june | 7 min read</span>
</div>
</div>
</div>
</section>
<!-- Articles section end -->
<!-- ================================== -->
<!-- Footer section start -->
<section class="footer">
<p> Copyright @iblog <span>| jahirul Islam |</span> All right reserved to Almighty ALLAH </p>
<div class="social_icon">
<ul>
<li>
<a href="#"><i class="fa fa-facebook-square" aria-hidden="true"></i></a>
</li>
</ul>
</div>
</section>
<!-- ================================== -->
<!-- Optional JavaScript -->
<!-- Popper.js first, then Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js" integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/" crossorigin="anonymous"></script>
</body>
</html>