-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
170 lines (156 loc) · 12.5 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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<!doctype html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Jekyll v3.8.6">
<title>Project Home</title>
<link rel="shortcut icon" type="image/png" href="images/favicon.png">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<meta name="theme-color" content="#563d7c">
</style>
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:700,900" rel="stylesheet">
<link href="blog.css" rel="stylesheet">
</head>
<body>
<div class="container">
<header class="blog-header py-3">
<div class="Logo">
<h1><img height="70px" src="images/icon.jpg">Healthy<strong>Life</strong></h1>
<h6 style="color: #1338BE;font-size: 12px;">An Elegant Life Style</h6>
</div>
</header>
<div class="nav-scroller py-1 mb-2">
<nav style="border-style:solid;border-width:0.5px;border-bottom:0px;border-right:0px;border-left:0px;border-color:#dcdcdc;" class="nav_mid">
<a class="button1" href="#"><strong>Home</strong></a>
<a class="button1" href="#"><strong>Contact</strong></a>
<a class="button1" href="#"><strong>About</strong></a>
<a class="button1" class="btn" href="#"><strong>404Page</strong></a>
</nav>
</div>
<div class="jumbotron">
<p style="font-size: 24px;margin-left: 50px;"><strong>She Alteration Everything...</strong></p>
<p style="margin-left: 50px;"><strong>It bachelor cheerful of mistaken.<br>Tore has sons put upon wife use bred seen.<br>Its dissimilar invitation ten has discretion unreserved.<br>Had you him...</strong></p>
</div>
<main role="main" class="container">
<div class="row">
<div class="col-md-8 blog-main">
<div class="col-md-12">
<div class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
<div class="col p-4 d-flex flex-column position-static">
<h3 style=" text-align: center;color: #333333;padding: 2px;" class="mb-0"><strong>Applauded Attempted Strangers</strong></h3>
<div style="text-align: center;color: #555555;padding: 5px;" class="mb-1 text-muted">Author        March 27,2017        0</div>
<img style="margin-bottom: 2px;max-width: 100%;max-height: 100%;" src="images/run.jpg">
<p style="font-size: 14px;padding: 4px;margin-bottom: 2px;" align="justify">It bachelor cheerful of mistaken. Tore has sons put upon wife use bred seen. Its dissimilar invitation ten has discretion unreserved. Had you him humoured jointure ask expenses learning-Blush on in Jokes sense do do. Brother hundred he assured reached on up no. On am nearer missed lovers. To it mother extent temper figure better. Sudden she...</p>
<a style="margin-bottom: 5px;width: 180px" class="btn btn-outline-secondary" href="#">Continue Reading</a>
</div>
</div>
</div>
<div class="col-md-12">
<div class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
<div class="col p-4 d-flex flex-column position-static">
<h3 style=" text-align: center;color: #333333;padding: 2px;" class="mb-0"><strong>Pleased Anxious As In By Viewing</strong></h3>
<div style="text-align: center;color: #555555;padding: 5px;" class="mb-1 text-muted">Author        March 27,2017        0</div>
<img style="margin-bottom: 2px;max-width: 100%;max-height: 100%;" src="images/goal.jpg">
<p style="font-size: 14px;padding: 4px;margin-bottom: 2px;" align="justify">It bachelor cheerful of mistaken. Tore has sons put upon wife use bred seen. Its dissimilar invitation ten has discretion unreserved. Had you him humoured jointure ask expenses learning-Blush on in Jokes sense do do. Brother hundred he assured reached on up no. On am nearer missed lovers. To it mother extent temper figure better. Sudden she...</p>
<a style="margin-bottom: 5px;width: 180px" class="btn btn-outline-secondary" href="#">Continue Reading</a>
</div>
</div>
</div>
<div class="col-md-12">
<div class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
<div class="col p-4 d-flex flex-column position-static">
<h3 style=" text-align: center;color: #333333;padding: 2px;" class="mb-0"><strong>Particular Way The Roughly</strong></h3>
<div style="text-align: center;color: #555555;padding: 5px;" class="mb-1 text-muted">Author        March 27,2017        0</div>
<img style="margin-bottom: 2px;max-width: 100%;max-height: 100%;" src="images/weight.jpg">
<p style="font-size: 14px;padding: 4px;margin-bottom: 2px;" align="justify">It bachelor cheerful of mistaken. Tore has sons put upon wife use bred seen. Its dissimilar invitation ten has discretion unreserved. Had you him humoured jointure ask expenses learning-Blush on in Jokes sense do do. Brother hundred he assured reached on up no. On am nearer missed lovers. To it mother extent temper figure better. Sudden she...</p>
<a style="margin-bottom: 5px;width: 180px" class="btn btn-outline-secondary" href="#">Continue Reading</a>
</div>
</div>
</div>
<div class="col-md-12">
<div class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
<div class="col p-4 d-flex flex-column position-static">
<h3 style=" text-align: center;color: #333333;padding: 2px;" class="mb-0"><strong>Ability Thought Enquire Settled</strong></h3>
<div style="text-align: center;color: #555555;padding: 5px;" class="mb-1 text-muted">Author        March 27,2017        0</div>
<img style="margin-bottom: 2px;max-width: 100%;max-height: 100%;" src="images/deer.jpg">
<p style="font-size: 14px;padding: 4px;margin-bottom: 2px;" align="justify">It bachelor cheerful of mistaken. Tore has sons put upon wife use bred seen. Its dissimilar invitation ten has discretion unreserved. Had you him humoured jointure ask expenses learning-Blush on in Jokes sense do do. Brother hundred he assured reached on up no. On am nearer missed lovers. To it mother extent temper figure better. Sudden she...</p>
<a style="margin-bottom: 5px;width: 180px" class="btn btn-outline-secondary" href="#">Continue Reading</a>
</div>
</div>
</div>
</div><!-- /.blog-main -->
<aside class="col-md-4 blog-sidebar">
<div class="p-4 mb-3 bg-light rounded">
<form class="form-inline">
<input class="form-control mr-sm-2" type="search" placeholder="Enter Keyword" aria-label="Search">
<button class="btn btn-outline-success my-1 my-sm-0" type="submit">Find</button>
</form>
</div>
<div class="p-4 mb-3 bg-light rounded">
<h4 class="font-italic"><u>Social</u></h4>
<ol class="list-unstyled">
<li><a style="background-color:#3b5998;margin-bottom: 5px;" class="btn d-flex flex-column position-static" href="#">Like us on Facebook</a></li>
<li><a style="background-color:#dd4b39;margin-bottom: 5px;" class="btn d-flex flex-column position-static" href="#">Circle us on Google+</a></li>
<li><a style="background-color:#00acee;margin-bottom: 5px;" class="btn d-flex flex-column position-static" href="#">Follow us on Twitter</a></li>
</ol>
</div>
<div class="p-4 mb-3 bg-light rounded">
<h4 class="font-italic"><u>Newsletter</u></h4>
<div class="col p-1 d-flex flex-column position-static">
<a style="background-color:#2DB5B0;padding: 27px;font-size: 20px;margin-bottom: 15px" class="btn" href="#">Join Our Newsletters</a>
<p style="text-align: center;margin-bottom: 15px;font-size: 13px">Get All The Latest Updates<br>Delivered Straight Into Your Inbox For Free!</p>
<form class="form-inline" style="margin-bottom: 20px">
<input class="form-control mr-sm-2" type="Email" placeholder="Enter your Email Address" aria-label="Join Now">
<button class="btn" btn- type="submit" style="text-align: center;">Join</button>
</form>
</div>
</div>
<div class="p-4 mb-3 bg-light rounded">
<h4 class="font-italic"><u>I am the Author</u></h4>
<a style="background-color:#2DB5B0;padding: 27px;font-size: 16px;margin-top: 15px" class="btn" href="#">Hello,my name is Jack Daniel.<br>I'am a 50 year old self-employed Tennessee.</a>
</div>
<div class="p-2 mb-3 bg-light rounded">
<h4 class="font-italic"><u>Popular Posts</u></h4>
<ol class="list-unstyled mb-0">
<li><img style="margin-bottom: 10px;max-width: 100%;max-height: 100%;" src="images/food.jpg"></li>
<li><img style="margin-bottom: 10px;max-width: 100%;max-height: 100%;" src="images/cycle.jpg"></li>
<li><img style="margin-bottom: 10px;max-width: 100%;max-height: 100%;" src="images/article.jpg"></li>
<li><img style="margin-bottom: 10px;max-width: 100%;max-height: 100%;" src="images/books.jpg"></li>
</ol>
</div>
<div class="p-2 mb-3 bg-light rounded">
<h4 class="font-italic"><u>Label</u></h4>
<ol class="list-unstyled">
<p><a style="margin-bottom: 3px;border-radius: 0px;" class="btn" href="#">Sports</a><a style="color: #FFF;" class="button">3</a> <a style="margin-bottom: 3px;border-radius: 0px;" class="btn" href="#">Technology</a><a style="color: #FFF;" class="button">2</a><br>
<a style="margin-bottom: 3px;border-radius: 0px;" class="btn" href="#">Beauty</a><a style="color: #FFF;" class="button">6</a> <a style="margin-bottom: 3px;border-radius: 0px;" class="btn" href="#">Food</a><a style="color: #FFF;" class="button">2</a><br><a style="margin-bottom: 3px;border-radius: 0px;" class="btn" href="#">Travel</a><a style="color: #FFF;" class="button">6</a> <a style="margin-bottom: 3px;border-radius: 0px;" class="btn" href="#">Music</a><a style="color: #FFF;" class="button">6</a><br><a style="margin-bottom: 3px;border-radius: 0px;" class="btn" href="#">Magazine</a><a style="color: #FFF;" class="button">2</a> <a style="margin-bottom: 3px;border-radius: 0px;" class="btn" href="#">Featured Posts</a><a style="color: #FFF;" class="button">8</a></p>
</ol>
</div>
</aside><!-- /.blog-sidebar -->
</div><!-- /.row -->
</main><!-- /.container -->
<div style="background-color: #333333;color: #ffffff;padding: 30px" class="row">
<div class="col-md-4">
<h2 style="font-size: 20px;" class="font-italic"><u>Know Us</u></h2>
<p style="font-size: 14px;margin-right: 25px" align="justify">LOREM Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a gallery of type and scrambled it to make a taye of specimen book.<br>LOREM Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<div class="col-md-4">
<h2 style="font-size: 20px;" class="font-italic"><u>OurTeam</u></h2>
<p style="margin-bottom: 3px"><img src="images/1.jpg"> <img src="images/2.jpg"></p>
<p style="margin-bottom: 3px"><img src="images/3.jpg"> <img src="images/4.jpg"></p>
</div>
<div class="col-md-4">
<h2 style="font-size: 20px" class="font-italic"><u>Video of the Day</u></h2>
<video width="100%" style="margin-top: 5px;border-radius: 5px" controls>
<source src="video/blank.mp4" type="video/mp4">
</video>
</div>
</div>
<footer>
<p style="text-align: center;background-color: #000000;color: #ffffff;padding: 15px;" >Copyright Ⓒ 2020 All Right Reserved.|Created by Prakhar Pipersania</p>
</footer>
</body>
</html>