forked from DevMountain/twitter-clone
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
146 lines (146 loc) · 5.46 KB
/
index.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
<html>
<head>
<link rel="stylesheet" href="styles.css" type="text/css" />
</head>
<body>
<div class="page-container">
<div class="dashboard">
<div class="profile-summary">
<div class="content">
<img class='avatar' src='https://si0.twimg.com/profile_images/1482831577/vendetta_headshot.jpg' />
<p>Your Name Here</p>
</div>
</div>
<div class="tweet-content">
<textarea class="tweet-compose" placeholder="Compose new Tweet..."/></textarea>
<div class="tweet-controls">
<div class="char-count">140</div>
<button>Tweet</button>
</div>
</div>
</div>
<div class="main">
<h2>Tweets</h2>
<div class="stream">
<div class="tweet">
<div class="content">
<img class="avatar" src="https://si0.twimg.com/profile_images/3609491522/388703f14207ddbb9d4f7e56f6644835_normal.png" />
<strong class="fullname">My BFF</strong>
<span class="username">@mybff</span>
<p class="tweet-text">Today is an amazing day.</p>
<div class="tweet-actions">
<ul>
<li><span class="icon action-reply"></span> Reply</li>
<li><span class="icon action-retweet"></span> Retweet</li>
<li><span class="icon action-favorite"></span> Favorite</li>
<li><span class="icon action-more"></span> More</li>
</ul>
</div>
<div class="stats">
<div class="retweets">
<p class="num-retweets">30</p>
<p>RETWEETS</p>
</div>
<div class="favorites">
<p class="num-favorites">6</p>
<p>FAVORITES</p>
</div>
<div class="users-interact">
<div>
<img src="https://si0.twimg.com/profile_images/378800000440426100/9e19b57a0794bc7d78b7e8c0909d0a76_normal.jpeg" />
<img src="https://si0.twimg.com/profile_images/718418316/b_normal.jpg" />
</div>
</div>
<div class="time">
1:04 PM - 19 Sep 13
</div>
</div>
<div class="reply">
<img class="avatar" src="https://si0.twimg.com/profile_images/1482831577/vendetta_headshot.jpg" />
<textarea class="tweet-compose" placeholder="Reply to @mybff"/></textarea>
</div>
</div>
</div>
<div class="tweet">
<div class="content">
<img class="avatar" src="https://si0.twimg.com/profile_images/3654358881/476bd54bd9c2bc0f9a38b4e097ce6af5_normal.jpeg" />
<strong class="fullname">The Onion</strong>
<span class="username">@theonion</span>
<p class="tweet-text">“I'm able to speak confidently about a wide range of subjects, so it’s probably hard for most women to follow.” http://onion.com/1aWfKwf </p>
<div class="tweet-actions">
<ul>
<li><span class="icon action-reply"></span> Reply</li>
<li><span class="icon action-retweet"></span> Retweet</li>
<li><span class="icon action-favorite"></span> Favorite</li>
<li><span class="icon action-more"></span> More</li>
</ul>
</div>
<div class="stats">
<div class="retweets">
<p class="num-retweets">30</p>
<p>RETWEETS</p>
</div>
<div class="favorites">
<p class="num-favorites">6</p>
<p>FAVORITES</p>
</div>
<div class="users-interact">
<div>
<img src="https://si0.twimg.com/profile_images/378800000440426100/9e19b57a0794bc7d78b7e8c0909d0a76_normal.jpeg" />
<img src="https://si0.twimg.com/profile_images/718418316/b_normal.jpg" />
</div>
</div>
<div class="time">
1:04 PM - 19 Sep 13
</div>
</div>
<div class="reply">
<img class="avatar" src="https://si0.twimg.com/profile_images/1482831577/vendetta_headshot.jpg" />
<textarea class="tweet-compose" placeholder="Reply to @mybff"/></textarea>
</div>
</div>
</div>
<div class="tweet">
<div class="content">
<img class="avatar" src="https://si0.twimg.com/profile_images/661586716/favicon_64_normal.png" />
<strong class="fullname">Harvard Biz Review</strong>
<span class="username">@HarvardBiz</span>
<p class="tweet-text">It is possible to work with a loved one without ruining the relationship http://s.hbr.org/15FDIri </p>
<div class="tweet-actions">
<ul>
<li><span class="icon action-reply"></span> Reply</li>
<li><span class="icon action-retweet"></span> Retweet</li>
<li><span class="icon action-favorite"></span> Favorite</li>
<li><span class="icon action-more"></span> More</li>
</ul>
</div>
<div class="stats">
<div class="retweets">
<p class="num-retweets">30</p>
<p>RETWEETS</p>
</div>
<div class="favorites">
<p class="num-favorites">6</p>
<p>FAVORITES</p>
</div>
<div class="users-interact">
<div>
<img src="https://si0.twimg.com/profile_images/378800000440426100/9e19b57a0794bc7d78b7e8c0909d0a76_normal.jpeg" />
<img src="https://si0.twimg.com/profile_images/718418316/b_normal.jpg" />
</div>
</div>
<div class="time">
1:04 PM - 19 Sep 13
</div>
</div>
<div class="reply">
<img class="avatar" src="https://si0.twimg.com/profile_images/1482831577/vendetta_headshot.jpg" />
<textarea class="tweet-compose" placeholder="Reply to @mybff"/></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>