Feedster/index.html at master · shintotm/Feedster · GitHub

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
<!DOCTYPE html>
<html>
    <head>
		<link href="https://s3.amazonaws.com/codecademy-content/projects/bootstrap.min.css" rel="stylesheet">
        <link rel='stylesheet' href='styles.css'/>
		<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700" rel="stylesheet" type="text/css">
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

	</head>
	<body>
		<div class="header">
			<div class="container">
				<div class="row">
				  <div class="col-xs-2">
					<h1>feedster</h1>
				  </div>
				  <div class="col-xs-2 pull-right">

					<div class="notification">
					  <img class src="https://s3.amazonaws.com/codecademy-content/projects/2/feedster/bell.svg">
					  <ul class="notification-menu">
						<li>
						  <img class="avatar" src="https://s3.amazonaws.com/codecademy-content/projects/2/feedster/wr2.svg">
						  <h3>William Roberts II</h3>
						  <p>Clean as a whistle</p>
						</li>
						<li>
						  <img class="avatar" src="https://s3.amazonaws.com/codecademy-content/projects/2/feedster/fn.svg">
						  <h3>Faheem Najm</h3>
						  <p>All I do is win</p>
						</li>
					  </ul>
					</div>

				  </div>
				</div>
			</div>
		</div>
		<div class="posts">
			<div class="container">
				<div class="post">
					<img class="avatar" src="https://s3.amazonaws.com/codecademy-content/projects/2/feedster/cbj.svg">
					<h3>Calvin Broadus, Jr.</h3>
					<p>How much for that  dog in the window?</p>
					<img src="https://s3.amazonaws.com/codecademy-content/projects/2/feedster/dog.jpg">
					<button class="btn">+1</button>
				</div>
				<div class="post">
				  <img class="avatar" src="https://s3.amazonaws.com/codecademy-content/projects/2/feedster/mh.svg">
				  <h3>Matthew Healy</h3>
				  <p>I used to have a recurring dream when I was younger.</p>
				  <button class="btn">+1</button>
				</div>
			</div>
		</div>
	</body>
	<script src="https://s3.amazonaws.com/codecademy-content/projects/jquery.min.js"></script>
    <script src="app.js"></script>
</html>