-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
133 lines (133 loc) · 4.27 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<div class="container">
<div class="row">
<div class="jumbotron">
<h1>Bootstrap Practice</h1>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="row">
<div class="col-md-6>
<div class="jumbotron">
<h1>Bootstrap Practice</h1>
<p>Sed finibus sapien luctus pretium interdum. Etiam accumsan nibh neque. Integer congue magna orci, vitae suscipit mi tincidunt quis. Suspendisse fringilla, orci eu aliquet ultricies, libero ipsum maximus massa, et mollis leo massa sed felis. Suspendisse molestie elit non mollis gravida.</p>
</div>
</div>
<div class="col-md-6">
<div class="well">
<h2>Lorem Ipsum</h2>
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetur adipiscing elit</li>
<li>Integer finibus</li>
<li>Nisl tempus semper semper</li>
<li>Purus nisl hendrerit tellus</li>
</ul>
</div>
<div class="row">
<div class="panel panel-info">
<div class="panel-heading">
<h2 class="panel-title">Et Consequat Magna</h2>
</div>
<div class="panel-body">
<ul>
<li>Orci ut velit</li>
<li>Pellentesque cursus justo</li>
<li>In felis condimentum cursus</li>
</ul>
</div>
<div class="panel-footer">
<p>Panel Footer</p>
</div>
</div>
<ul>
<li>Proin dignissim lectus enim</li>
<li>Eu bibendum mauris euismod in</li>
<li>Morbi dictum</li>
<li>Ex et malesuada pellentesque</li>
</ul>
<h2 class="bg-success">Morbi Lacinia Mollis Tortor</h2>
<ul>
<li class="bg-danger">A sodales elit tempor ut</li>
<li>Ut elit augue</li>
<li>Imperdiet eu est faucibus</li>
<li class="bg-danger">Tristique hendrerit mi</li>
<li>Proin in ex lectus</li>
<li class="bg-danger">Donec accumsan in nisi non ultricies</li>
</ul>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Practice</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="jumbotron">
<h1>Bootstrap Practice</h1>
<p>Sed finibus sapien luctus pretium interdum. Etiam accumsan nibh neque. Integer congue magna orci, vitae suscipit mi tincidunt quis. Suspendisse fringilla, orci eu aliquet ultricies, libero ipsum maximus massa, et mollis leo massa sed felis. Suspendisse molestie elit non mollis gravida.</p>
</div>
</div>
<div class="col-md-6">
<div class="well">
<h2>Lorem Ipsum</h2>
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetur adipiscing elit</li>
<li>Integer finibus</li>
<li>Nisl tempus semper semper</li>
<li>Purus nisl hendrerit tellus</li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="panel panel-info">
<div class="panel-heading">
<h2 class="panel-title">Et Consequat Magna</h2>
</div>
<div class="panel-body">
<ul>
<li>Orci ut velit</li>
<li>Pellentesque cursus justo</li>
<li>In felis condimentum cursus</li>
</ul>
</div>
<div class="panel-footer">
<p>Panel Footer</p>
</div>
</div>
</div>
<div class="col-md-4">
<h2>Nulla Semper Lorem</h2>
<ul>
<li>Proin dignissim lectus enim</li>
<li>Eu bibendum mauris euismod in</li>
<li>Morbi dictum</li>
<li>Ex et malesuada pellentesque</li>
</ul>
</div>
<div class="col-md-4">
<h2 class="bg-success">Morbi Lacinia Mollis Tortor</h2>
<ul>
<li class="bg-danger">A sodales elit tempor ut</li>
<li>Ut elit augue</li>
<li>Imperdiet eu est faucibus</li>
<li class="bg-danger">Tristique hendrerit mi</li>
<li>Proin in ex lectus</li>
<li class="bg-danger">Donec accumsan in nisi non ultricies</li>
</ul>
</div>
</div>
</div>
</body>
</html>