-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex3.html
112 lines (104 loc) · 6.31 KB
/
index3.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
<!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="css/slateblue.css">
<!-- common css -->
<link rel="stylesheet" href="css/common.css">
<title>bootcatch clean blog!</title>
</head>
<body>
<!-- navbar start -->
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<a class="navbar-brand" href="index.html">Bootcatch</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Custom
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Sample Post</a>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Login</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Sign up</a>
</li>
</ul>
</div>
</nav>
<!-- navbar ends -->
<!-- blog intro -->
<div class="blog-post justify-content-center d-flex align-items-center" style="background-image: url('img/girl4.jpg')">
<div class="text bg-light pl-3 pr-3 pt-3">
<h1>
Celebrating Diwali festival.
</h1>
<div class="w-100 pr-3 pl-3">
<hr>
<div class="footer ">
<span class="font-italic">Posted by <a href="#">Bootcatch Team</a> on <span class="text-primary"> September 24, 2019</span></span>
</div>
<hr>
</div>
</div>
</div>
<!-- blogs start-->
<div class="container mt-5">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="row">
<div class="col-md-12">
<h2 class="mt-0 mb-1">Celebrating Diwali festival.</h2>
<p> Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Consequuntur facilis, nam dolor nostrum error, repellendus at reiciendis voluptatibus ducimus molestiae enim obcaecati natus nihil maiores corporis similique cumque impedit eaque.
</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam quod eveniet dignissimos nemo voluptas. Repellat enim maiores, quod, quos dignissimos optio at recusandae fugit aspernatur commodi id. Placeat, nobis id!</p>
<div class="mb-3">
<img src="img/girl3.jpg" class="img-fluid" alt="bootcatch clean blog">
</div>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Necessitatibus ullam vel sequi omnis corporis labore deserunt dolor alias. Voluptates accusamus ipsum est doloribus at? Rem nemo distinctio odit esse ea?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum eos, autem maxime voluptatum dolore quos tempore, quasi placeat vel molestiae ut porro earum. At iusto placeat perferendis maiores reprehenderit nesciunt?</p>
<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Consequuntur facilis, nam dolor nostrum error, repellendus at reiciendis voluptatibus ducimus molestiae enim obcaecati natus nihil maiores corporis similique cumque impedit eaque.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam quod eveniet dignissimos nemo voluptas. Repellat enim maiores, quod, quos dignissimos optio at recusandae fugit aspernatur commodi id. Placeat, nobis id!</p>
</p>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. </p>
</div>
</div>
</div>
</div>
</div>
<div class="blog-footer py-3 text-center bg-light">
<p class="m-0">2019 © Copyright by <a href="#">Bootcatch.com</a>, Made with <a href="http://www.bootcatch.com/slateblue/alerts" target="_blank">SlatelBlue Theme</a></p>
</div>
<!-- ends blogs -->
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>