forked from vikingeducation/project_prep_facebook_pages
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
88 lines (76 loc) · 4.61 KB
/
about.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
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About</title>
<!-- Bootstrap CSS -->
<link href="css/styles.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<nav class="fb-head navbar-default">
<div class="container navbar">
<div class="navbar-header">
<a class="navbar-brand" href="#">
<img class="img-responsive" alt="Facelook" src="images/facelook.png">
</a>
<a class="navbar-brand fb-head" href="#">Facelook</a>
</div>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
</form>
<p class="navbar-text navbar-right fb-head">Signed in as <a href="#" class="navbar-link">Plain Jane</a></p>
</div>
</nav>
<div class="container">
<div class="botron1 jumbotron">
</div>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="profile-img">
<img src="images/profile.png">
</div>
<ul class="nav navbar-nav" role="tablist">
<li role="presentation"><a href="#">Timeline</a></li>
<li role="presentation" class="active"><a href="#">About</a></li>
<li role="presentation"><a href="#">Photos<span class="badge">123</span></a></li>
<li role="presentation"><a href="users.html">Friends</a></li>
</ul>
<p class="navbar-text navbar-right"><a href="#">Edit Profile</a></p>
</div>
</nav>
<div class="content main-container">
<div class="row">
<div class="col-md-12 header-bg">
<h3 class="text-center">About</h3>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h3>Basic Information</h3>
<div class="table">
<p class="table-row"><span class="table-cell"><strong>Birthday</strong>:</span> <span class="table-cell">July 31st, 1980</span></p>
<p class="table-row"><span class="table-cell"><strong>College</strong>:</span> <span class="table-cell">Hogwarts College</span></p>
<p class="table-row"><span class="table-cell"><strong>Hometown</strong>:</span> <span class="table-cell">Godrick's Hollow, England</span></p>
<p class="table-row"><span class="table-cell"><strong>Currently Lives</strong>:</span> <span class="table-cell"> Goldrick's Hollow, England</span></p>
</div>
<h3>Contact Information</h3>
<div class="table">
<p class="table-row"><span class="table-cell"><strong>Email</strong>:</span> <span class="table-cell">[email protected]</span></p>
<p class="table-row"><span class="table-cell"><strong>Telephone</strong>:</span> 555-435-3256</span></p></div>
</div>
<div class="col-md-8">
<h3>Words to Live By</h3>
<p>Explicabo unde or incididunt, sit. Illo dicta so lorem but doloremque.</p>
<h3>About Me</h3>
<p>Explicabo unde or incididunt, sit. Illo dicta so lorem but doloremque. Culpa omnis for cupidatat. Aute irure dolorem consequat. Ut quaerat dolor. Eaque nequeporro yet id. Iure ullam. Inventore si, so unde. Accusantium voluptatem occaecat. Commodo reprehenderit, yet velit magna voluptas ut but doloremque. Consequat. Aperiam esse nihil for exercitationem but ipsa for velit. Magni enim aliquam but quaerat. Quasi vitae dolore vel magna. Exercitation ea consectetur or dolore incidunt and velit minima. Aliquid. Quasi beatae. Nequeporro sunt in. Occaecat proident quam, commodi. </p>
</div>
</div>
</div>
</div>
</body>
</html>