-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstream.html
92 lines (78 loc) · 3.08 KB
/
stream.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Stream</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-default custom-nav" role="navigation">
<div class="container-fluid">
<div class="collapse navbar-collapse" id="header-nav">
<ul class="nav navbar-nav">
<li><a href="index.html"></a></li>
<li><a href="stats.html">STATS</a></li>
<li class="active"><a href="stream.html">STREAM</a></li>
<li><a href="gallery.html">GALLERY</a></li>
</ul>
</div>
</div>
</nav>
<div class="stream-content">
<p class="streamheader">My Stream</p>
<ul class="timeline">
<li class="event">
<label></label>
<div class="thumb"><a href"#" class="user"></a></div>
<div class="content-perspective">
<div class="content thumbcontent">
<div class="content-inner">
<a href="#"><img src="images/thumbimg.png"></a>
<a href="#"><img src="images/thumbimg.png"></a>
<a href="#"><img src="images/thumbimg.png"></a>
</div>
</div>
</div>
</li>
<li class="event">
<label></label>
<div class="thumb"><a href"#" class="user"></a></div>
<div class="content-perspective">
<div class="content imagecontent">
<div class="content-inner">
<img src="images/profileimg.png">
</div>
</div>
</div>
</li>
<li class="event">
<label></label>
<div class="thumb"><a href"#" class="user"></a></div>
<div class="content-perspective">
<div class="content">
<div class="content-inner">
<p>Laos, alongside many of its Southeast Asian neighbours, is well known for producing counterfeit goods of all types, and with the world going technology crazy in the last few years, Apple products take centre stage.</p>
</div>
</div>
</div>
</li>
<li class="event">
<label></label>
<div class="thumb"><a href"#" class="user"></a></div>
<div class="content-perspective">
<div class="content">
<div class="content-inner">
<h3>Metallica - Ender Sandman</h3>
<p>Laos, alongside many of its Southeast Asian neighbours, is well known.</p>
</div>
</div>
</div>
</li>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>