This repository has been archived by the owner on Nov 7, 2019. It is now read-only.
/
post.html
147 lines (138 loc) · 5.22 KB
/
post.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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="en">
<head>
<!-- This is a work-in-progress design mockup for svlt/front -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="referrer" content="never">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Vault</title>
<link rel="stylesheet" href="assets/css/style.min.css">
</head>
<body>
<div class="navbar navbar-dark bg-primary navbar-fixed-top">
<div class="container">
<a class="navbar-brand" href=".">
<i class="icon icon-svlt"></i> <span>Vault</span>
</a>
<ul class="nav navbar-nav">
<li class="nav-item">
<a class="nav-link nav-link-home" href=".">Stream</a>
</li>
<li class="nav-item">
<a class="nav-link nav-link-user" href="profile.html">Profile</a>
</li>
<li class="nav-item">
<a class="nav-link nav-link-mail" href="messages.html">Messages</a>
</li>
</ul>
<div class="pull-xs-right">
<form class="form-inline navbar-form pull-xs-left">
<label class="sr-only" for="search">Search</label>
<input class="form-control form-control-sm" type="search" id="search" name="q" placeholder="Search">
</form>
<ul class="nav navbar-nav pull-xs-left">
<li class="nav-item">
<a class="nav-link" id="btn-notifications" href="notifications.html" title="Notifications">
<span class="sr-only">Notifications</span>
<i class="icon icon-bell"></i>
</a>
</li>
<li class="nav-item">
<div class="dropdown dropdown-nav-user">
<a class="nav-link" href="profile.html" id="ddUser" data-toggle="dropdown">
<img src="../app-design-img/profile-pics/men/49.jpg" class="profile-pic" alt>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="ddUser">
<a class="dropdown-item" href="profile.html">Profile</a>
<a class="dropdown-item" href="settings.html">Settings</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="login.html">Log out</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-3 hidden-md-down col-user">
<div class="card card-profile">
<div class="card-img-top card-profile-banner" style="background-color: #1d2d3b; background-image: url(../app-design-img/cover/sm.jpg);" data-username="ken"></div>
<a class="card-profile-pic" href="profile.html">
<img class="card-profile-img" src="../app-design-img/profile-pics/men/49.jpg" alt>
</a>
<div class="card-block text-center">
<h4 class="card-title">Ken Taylor</h4>
<p>I'm a test user! My name comes from one of Alan's old Facebook adventures.</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-8 col-stream">
<article class="card card-block card-post">
<div class="media media-post">
<a class="media-left" href="profile.html">
<img class="media-object profile-pic" src="../app-design-img/profile-pics/women/37.jpg" alt>
</a>
<div class="media-body">
<header>
<a class="name" href="profile.html">June Whitely</a>
<span class="timestamp">12 min</span>
</header>
<p>Donec id elit non mi porta gravida at eget metus. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</article>
</div>
<div class="col-lg-3 col-md-4 col-side">
<div class="card card-recommended">
<div class="card-block">
<h4 class="card-title">Recommended buddies</h4>
<br>
<ul class="media-list">
<li class="media">
<a class="media-left" href="profile.html">
<img class="media-img profile-pic" src="../app-design-img/profile-pics/men/22.jpg" alt>
</a>
<div class="media-body">
<strong>Dennis Collins</strong><br>
<button class="btn btn-primary-outline btn-sm" type="button">
<i class="icon icon-add-user"></i> Add Buddy
</button>
</div>
</li>
<li class="media">
<a class="media-left" href="profile.html">
<img class="media-img profile-pic" src="../app-design-img/profile-pics/women/86.jpg" alt>
</a>
<div class="media-body">
<strong>Jackie Harper</strong><br>
<button class="btn btn-primary-outline btn-sm" type="button">
<i class="icon icon-add-user"></i> Add Buddy
</button>
</div>
</li>
</ul>
</div>
<div class="card-footer text-muted">
<small><a href="#">View all recommended buddies</a></small>
</div>
</div>
<div class="card card-copyright">
<div class="card-block">
<p>© 2015 SafeWorks</p>
<nav class="nav">
<a class="nav-link" href="#">About</a>
<a class="nav-link" href="#">Terms</a>
<a class="nav-link" href="#">Help</a>
<a class="nav-link" href="https://github.com/svlt">GitHub</a>
</nav>
</div>
</div>
</div>
</div>
</div>
<script src="assets/js/script.min.js"></script>
</body>
</html>