forked from DestinymH/DestinymH.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
examplehtml.html
127 lines (110 loc) · 3.35 KB
/
examplehtml.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Destiny Herring</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="Description" lang="en" content="ADD SITE DESCRIPTION">
<meta name="author" content="ADD AUTHOR INFORMATION">
<meta name="robots" content="index, follow">
<!-- icons -->
<link rel="apple-touch-icon" href="assets/img/apple-touch-icon.png">
<link rel="shortcut icon" href="favicon.ico">
<!-- Override CSS file - add your own CSS rules -->
<link rel="stylesheet" href="examplecss.css">
</head>
<body>
<div class="header">
<div class="container">
<h1 class="header-heading">Destiny Herring</h1>
</div>
</div>
<div class="nav-bar">
<div class="container">
<ul class="nav">
<li><a href="about.html">About</a></li>
<li><a href="photography.html">Photography</a></li>
<li><a href="#">Drawings</a></li>
<li><a href="#">Vacations</a></li>
</ul>
</div>
</div>
<div class="content">
<div class="container">
<div class="main">
<h1>My Life</h1>
<hr>
<!-- Heading levels -->
<h2>Photos</h2>
<hr>
<!-- Responsive images -->
<p></p>
<p><img class="img-responsive" src=" alt=""></p>
<!-- Lists -->
<h3>Unstyled list</h3>
<p>You can make the list unstyled using the <code>list-unstyled</code> class.</p>
<h3>Inline list</h3>
<p>You can make the list display inline using the <code>list-inline</code> class.</p>
<ul class="list-inline">
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
</ul>
<hr>
<!-- Blockquotes -->
<h3>Blockquotes</h3>
<p>The blockquote element is used to markup long quotations. Ideally, content inside should be wrapped in paragraph elements.</p>
<blockquote>
<p>The real names of our people were destroyed during slavery. The last name of my forefathers was taken from them when they were brought to America and made slaves, and then the name of the slave master was given, which we refuse, we reject that name today and refuse it. I never acknowledge it whatsoever.</p>
<footer><a href="http://en.wikipedia.org/wiki/Malcolm_X">Malcolm X</a></footer>
</blockquote>
<hr>
<h3>Buttons</h3>
<p>You can apply the <code>btn</code> class to any element that requires a button style.</p>
<p><a href="#" class="btn">Submit</a></p>
<hr>
<!-- Tables -->
<h3>Tables</h3>
<p>Tables should be given the class of <code>table</code>.</p>
<table class="table table-striped">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</th>
<th>Username</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="footer">
<div class="container">
© Copyright 2015
</div>
</div>
</body>
</html>