-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathprofile.html
83 lines (77 loc) · 4.7 KB
/
profile.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
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>User Profile</title>
<link rel="stylesheet" href="assets/css/bootstrap.css">
<link rel="stylesheet" href="assets/css/font-awesome.css">
<link rel="stylesheet" href="assets/css/profile.css">
</head>
<body>
<div class="navbar navbar-default navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Parky</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav ">
<li><a href="index.html">Home</a></li>
<li><a href="editProfile.html">Edit Profile</a></li>
<li><a href="map.html">Map</a></li>
</ul>
</div>
</div>
</div>
<div class="container">
<section style="padding-bottom: 50px; padding-top: 50px;">
<div class="row">
<div class="col-md-4">
<img src="assets/img/default_profile_photo.png" class="img-rounded img-responsive" />
<br />
<br />
<h3>Registered Username</h3>
<br />
<h4>Registered Name</h4>
<br />
<h4>Registered Email</h4>
</div>
<div class="col-md-8">
<div class="alert alert-info">
<h2>User Bio </h2>
<h4>Username</h4>
<p>
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident,
similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio
cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe
eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus
asperiores repellat.
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident,
similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio
cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe
eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus
asperiores repellat.
</p>
</div>
<div >
<a href="#" class="btn btn-social btn-facebook">
<i class="fa fa-facebook"></i> Facebook</a>
<a href="#" class="btn btn-social btn-google">
<i class="fa fa-google-plus"></i> Google</a>
<a href="#" class="btn btn-social btn-twitter">
<i class="fa fa-twitter"></i> Twitter </a>
<a href="#" class="btn btn-social btn-linkedin">
<i class="fa fa-linkedin"></i> Linkedin </a>
</div>
</div>
</div>
</section>
</div>
</body>
</html>