-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtwitter.html
107 lines (99 loc) · 3.08 KB
/
twitter.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
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>Twitter</title>
<link rel="stylesheet" href="./twitter.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.css">
</head>
<body>
<header class="header">
<div class="container">
<div class="main-icons">
<div class="top-icons home">
<i class="icon home-icon"></i>Home
</div>
<div class="top-icons notification">
<i class="icon noti-icon"></i>Notification
</div>
<div class="top-icons message">
<i class="icon message-icon"></i>Messages
</div>
</div>
<i class="twitter-icon"></i>
</div>
</header>
<main class="main">
<div class="profile">
<div class="upper"></div>
<div class="bottom">
<div class="names">
<div class="name1">Kim Kibeom</div>
<div class="name2">@kiboom</div>
</div>
<div class="infos">
<div class="info-title tweets">TWEETS
<div class="number">423</div>
</div>
<div class="info-title following">FOLLOWING
<div class="number">27</div>
</div>
<div class="info-title followers">FOLLOWERS
<div class="number">415</div>
</div>
</div>
</div>
<img class="thumbnail" src="http://postfiles10.naver.net/20150922_249/dj0999_1442903992473Spgdb_PNG/profile.png?type=w2">
</div>
<div class="timeline">
<div class="posting">
<form action="http://api.taegon.kim/posts" method="post">
<div class="input-area">
<div class ="textinput">
<img class="thumbnail" src="http://postfiles10.naver.net/20150922_249/dj0999_1442903992473Spgdb_PNG/profile.png?type=w2">
<input class="content" name="content" type="textbox" placeholder="무슨 일이 일어나고 있나요?">
<div class="button-area">
<span class="character-num">121</span>
<button class="tweeting">
<img class="tweeting-icon" src="http://i57.tinypic.com/9kyzyb.png">Tweet
</button>
<input name="username" type="hidden" value="임동">
</div>
</div>
</form>
</div>
<div class="posts" id="posts">
<div class="post">
<img class="thumbnail" src="http://postfiles10.naver.net/20150922_249/dj0999_1442903992473Spgdb_PNG/profile.png?type=w2">
<div class="right-side">
<div class="names">
<span class="name1">Nickname</span>
<span class="name2">@twitter</span>
<span class="posting-time">· 1h</span>
</div>
<div class="contents" id="contents0"></div>
<div class="functions">
<span class="share">
<i class="fa fa-share"></i>
<span class="share-num"></span>
</span>
<span class="retweet">
<i class="fa fa-retweet"></i>
<span class="retweet-num">27</span>
</span>
<span class="favorite">
<i class="fa fa-star"></i>
<span class="favorite-num">58</span>
</span>
<span class="etc">
<i class="fa fa-ellipsis-h"></i>
</span>
</div>
</div>
</div>
</div>
</div>
</main>
<script src="twitter.js"></script>
</body>
</html>