-
Notifications
You must be signed in to change notification settings - Fork 0
/
Practice.hmtl.html
74 lines (63 loc) · 4.62 KB
/
Practice.hmtl.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
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<title>Bootstrap Demo</title>
<!-- Bootstrap CDN -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
</head>
<body>
<!-- Creates the Overall Grid -->
<div class="container">
<!-- Row 1 -->
<div class="row">
<div class="col-sm-12">
<h1>Header</h1>
</div>
</div>
<!-- Row 2 (if you want 4 columns you use 4 (col-sm-3)-->
<div class="row">
<div class="col-sm-3">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt optio provident tempora amet, eveniet et, eum illum, culpa laborum dicta recusandae magni architecto. Illo saepe facilis, unde. Debitis, atque, doloremque?</p>
</div>
<div class="col-sm-3">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. At dolorum perferendis voluptates error ullam placeat repellendus. Repellendus error repellat veritatis recusandae voluptates earum rerum consectetur itaque, ipsam nihil. Alias, nemo.</p>
</div>
<div class="col-sm-3">
</div>
<div class="col-sm-3">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores ratione sint ex porro excepturi non dolorum, ullam ea quae vel earum, soluta obcaecati natus. Eligendi iusto accusantium mollitia debitis assumenda!</p>
</div>
</div>
<!-- Row 3 -->
<div class="row">
<div class="col-sm-2">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur optio dolorem dolores odio alias perferendis, commodi cum. Natus libero cum dolore officia quia eveniet modi reprehenderit soluta ratione quisquam? Sequi.</p>
</div>
<div class="col-sm-2">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur optio dolorem dolores odio alias perferendis, commodi cum. Natus libero cum dolore officia quia eveniet modi reprehenderit soluta ratione quisquam? Sequi.</p>
</div>
<div class="col-sm-2">
</div>
<div class="col-sm-2">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur optio dolorem dolores odio alias perferendis, commodi cum. Natus libero cum dolore officia quia eveniet modi reprehenderit soluta ratione quisquam? Sequi.</p>
</div>
<div class="col-sm-2">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur optio dolorem dolores odio alias perferendis, commodi cum. Natus libero cum dolore officia quia eveniet modi reprehenderit soluta ratione quisquam? Sequi.</p>
</div>
<div class="col-sm-2">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur optio dolorem dolores odio alias perferendis, commodi cum. Natus libero cum dolore officia quia eveniet modi reprehenderit soluta ratione quisquam? Sequi.</p>
</div>
</div>
<!-- Row 4 -->
<div class="row">
<div class="col-sm-6">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti illo voluptates blanditiis nisi! Ullam dolore aspernatur, ratione error similique veniam iusto, labore repellat eaque nostrum optio doloribus illo nihil dolor?</p>
</div>
<div class="col-sm-6">
<p>Lorem ipsum dolor sit amet, consectetur aEiusmod velit occaecat occaecat dolore est anim. Ex qui magna cupidatat laboris duis ad ad ex laboris officia sint excepteur cupidatat. Incididunt commodo et esse ex incididunt consectetur commodo nostrud anim quis elit mollit ea reprehenderit. Nostrud pariatur sint commodo esse voluptate dolore dolore aliquip. Enim aliquip nisi voluptate reprehenderit enim pariatur in deserunt id aliquip enim officia. Nostrud quis aute excepteur occaecat in eu deserunt elit exercitation labore eu proident culpa ullamco.Occaecat amet excepteur consectetur nulla aliqua officia. Irure adipisicing id excepteur minim officia do pariatur sint minim sit quis. Ullamco Lorem id laboris sint pariatur non est nulla in ex qui. Ex duis Lorem deserunt proident magna ex tempor tempor fugiat in. Consectetur velit ullamco veniam id. Cupidatat sint ex laboris cupidatat magna exercitation. Veniam cupidatat enim veniam Lorem dolor ex adipisicing commodo excepteur laborum.Esse veniam est ut minim non dolore eu amet aliqua minim fugiat. Sit Lorem consequat aliqua quis. Anim labore excepteur laborum excepteur incididunt. Consectetur et consequat ut proident enim enim aliquip labore.dipisicing elit. Commodi sequi ex quam quia iste, nemo molestias dolor, qui dolorem voluptatibus ipsa maxime voluptas et deserunt porro repellendus veritatis nesciunt quisquam.</p>
</div>
</div>
</div>
</body>
</html>