-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
184 lines (174 loc) · 9.48 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
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<title>Blog</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-transparent p-4">
<!-- <a class="navbar-brand" href="#">Navbar</a> -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02"
aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<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="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search" placeholder="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>
<div class="container">
<div class="row" style="margin-top: 60px">
<div class="col-sm-12" style="">
<img src="https://picsum.photos/id/1004/5616/3744" alt="yoga" height="" width="100%" class="img-fuild">
</div>
</div>
</div>
<div class="container py-5">
<div class="row">
<div class="col-md-1 text-center">
<i class="fa fa-3x fa-instagram m-1"></i><br>
<i class="fa fa-3x fa-facebook-square m-1"></i><br>
<i class="fa fa-3x fa-envelope-o m-1"></i>
</div>
<div class="col-md-8">
<h1>Living Yoga</h1>
<p>A consonant cluster is a group or sequence of consonants that appear together in a
syllable without a vowel between them. In English consonants are found to be clustered
in word initial, medial and word final positions. The consonant clusters/ sequence
belonging to a single syllable are known as intra syllabic clusters whereas the
consonant clusters belonging to two different syllables in a single word are known as
inter-syllabic clusters. Thus, in linguistics, a consonant cluster also known as
consonant blend is a group of consonants which have no intervening vowels in between
them. The maximum possibility of consonant cluster is three consonants in the beginning
and four in final position.
Some examples:
A consonant cluster is a group or sequence of consonants that appear together in a
syllable without a vowel between them. In English consonants are found to be clustered
in word initial, medial and word final positions. The consonant clusters/ sequence
belonging to a single syllable are known as intra syllabic clusters whereas the
consonant clusters belonging to two different syllables in a single word are known as
inter-syllabic clusters. Thus, in linguistics, a consonant cluster also known as
consonant blend is a group of consonants which have no intervening vowels in between
them. The maximum possibility of consonant cluster is three consonants in the beginning
and four in final position.
Some examples:
A consonant cluster is a group or sequence of consonants that appear together in a
syllable without a vowel between them. In English consonants are found to be clustered
in word initial, medial and word final positions. The consonant clusters/ sequence
belonging to a single syllable are known as intra syllabic clusters whereas the
consonant clusters belonging to two different syllables in a single word are known as
inter-syllabic clusters. Thus, in linguistics, a consonant cluster also known as
consonant blend is a group of consonants which have no intervening vowels in between
them. The maximum possibility of consonant cluster is three consonants in the beginning
and four in final position.
Some examples:
</p>
</div>
<div class="col-md-3 blog-sidebar">
<div class="p-3 bg-dark rounded">
<h4 class="font-weight-normal text-center" style="color: white">Other Articles</h4>
<div class="row">
<div class="p-3 col-md-12" style="color: white">
<img src="https://picsum.photos/id/100/2500/1656" alt="..." class="img-thumbnail"
height="100" width="100">
<p>caption</p>
<img src="https://picsum.photos/id/1/5616/3744" alt="..." class="img-thumbnail" height="100"
width="100">
<p>caption</p>
<img src="https://picsum.photos/id/1000/5626/3635" alt="..." class="img-thumbnail"
height="100" width="100">
<p>caption</p>
</div>
</div>
<div class="row mt-3">
<div class="col-md-12">
<h4 class="float-left" style="color:darkgray">Previous</h4>
<h4 class="float-right" style="color: white">Next</h4>
</div>
</div>
</div>
</div>
</div>
<div class="row m-5">
<div class="col-md-8"><img src="https://picsum.photos/id/1001/5616/3744" class="img-fluid"></div>
</div>
<hr>
<p style="display: inline; border-bottom: black solid 2px; margin-right: 20px">0 Comments</p>
<p style="display: inline"> www.yourwebsite.com</p>
<hr>
<div class="row">
<div class="input-group mb-2">
<div class="input-group-prepend">
<img src="https://picsum.photos/id/1001/5616/3744" class="img-fuild img-thumbnail" height="48"
width="50">
<!-- <div class="input-group-text">@</div> -->
</div>
<input type="text" class="form-control form-control-lg" id="inlineFormInputGroup"
placeholder="Begin the conversation">
</div>
</div>
<div class="row">
<div class="col-md-12 p-5 text-center font-weight-light">
<h4>be the first to comment</h4>
</div>
</div>
<footer class="pt-4 my-md-5 pt-md-5 border-top">
<div class="row">
<div class="col-md-2">
<a href="">carolina.com</a>
<p>follow Us</p>
<small class="d-block mb-3 text-muted">© 2017-2019</small>
</div>
<div class="col-md-2">
<h5>Features</h5>
<ul class="list-unstyled text-small">
<li><a class="text-muted" href="#">Cool stuff</a></li>
<li><a class="text-muted" href="#">Random feature</a></li>
<li><a class="text-muted" href="#">Team feature</a></li>
<li><a class="text-muted" href="#">Stuff for developers</a></li>
<li><a class="text-muted" href="#">Another one</a></li>
<li><a class="text-muted" href="#">Last time</a></li>
</ul>
</div>
<div class="col-md-2">
<h5>Resources</h5>
<ul class="list-unstyled text-small">
<li><a class="text-muted" href="#">Resource</a></li>
<li><a class="text-muted" href="#">Resource name</a></li>
<li><a class="text-muted" href="#">Another resource</a></li>
<li><a class="text-muted" href="#">Final resource</a></li>
</ul>
</div>
<div class="col-md-6">
<h5>Sign Up for the news letter</h5>
<form>
<div class="form-group">
<input type="email" class="form-control" id="exampleFormControlInput1"
placeholder="[email protected]">
</div>
</form>
</div>
</div>
</footer>
</div>
</body>
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</html>