-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtry.html
200 lines (162 loc) · 10.2 KB
/
try.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
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<html>
<head>
<link type="text/css" rel="stylesheet" href="style.css" />
<title>Facebook</title>
<link rel="icon" type="image/png" href="pic.png" />
</head>
<body>
<div class="header1">
<div id="img3" class="header1"><img src="logo.png" id="img3" /></div>
<div id="searcharea" class="header1"><input placeholder="search here..." type="text" id="searchbox"/></div>
<div id="profilearea" class="header1"><a href="profile.php"><img src="prof.png"id="profpic" /></a></div>
<div id="profilearea1" class="header1"><a href="profile.php">Profile</a></div>
<div id="profilearea3" class="header1">|</div>
<div id="profilearea4" class="header1">Home</div>
<div id="findf" class="header1"><img src="frn.png"height="30"/></div>
<div id="message" class="header1"><a href=""></a><img src="chat.png"height="30"/><div class="chat-sidebarx">
</div>
<div class="chat-sidebar"><div id="chatnamebox" class="chat-sidebar"><button type="submit" onclick="openform()">Peace E Dorothly</button></div>
<div id="chatnamebox1" class="chat-sidebar"><button type="submit" onclick="openform()">Kato James</button></div>
<div id="chatnamebox2" class="chat-sidebar"><button type="submit" onclick="openform()">Brenda Mayanja</div>
<div id="chatnamebox3" class="chat-sidebar"><button type="submit" onclick="openform()">Mungujakisa Brian</button></div>
<div id="chatnamebox4" class="chat-sidebar"><button type="submit" onclick="openform()">Ritah Vinsher</button></div>
<div id="chatnamebox5" class="chat-sidebar"><button type="submit" onclick="openform()">Nyakirya Juliet</button></div>
<div id="chatnamebox6" class="chat-sidebar"><button type="submit" onclick="openform()">Aryemo Gladys</button></div>
<div id="chatnamebox7" class="chat-sidebar"><button type="submit" onclick="openform()">Anguyu Jimmy</button></div>
<div id="chatnamebox8" class="chat-sidebar"><button type="submit" onclick="openform()">Pterson Diaz Jr</button></div>
<div id="chatnamebox9" class="chat-sidebar"><button type="submit" onclick="openform()">Lele Janet</button></div>
<div id="chatnamebox10" class="chat-sidebar"><button type="submit" onclick="openform()">Oryemo Denish</button></div>
<div id="chatnamebox11" class="chat-sidebar"><button type="submit" onclick="openform()">Rogers Yikii</button></div>
<div id="chatnameboxp1" class="chat-sidebar"><img src="PEACE.jpg"id="profpic"/></div>
<div id="chatnameboxp2" class="chat-sidebar"><img src="KATO.jpg"id="profpic"/></div>
<div id="chatnameboxp3" class="chat-sidebar"><img src="BRENDA.jpg"id="profpic"/></div>
<div id="chatnameboxp4" class="chat-sidebar"><img src="brian.png"id="profpic"/></div>
<div id="chatnameboxp5" class="chat-sidebar"><img src="ritah.png"id="profpic"/></div>
<div id="chatnameboxp6" class="chat-sidebar"><img src="juliet.png"id="profpic"/></div>
<div id="chatnameboxp7" class="chat-sidebar"><img src="gladys.png"id="profpic"/></div>
<div id="chatnameboxp8" class="chat-sidebar"><img src="jimmy.png"id="profpic"/></div>
<div id="chatnameboxp9" class="chat-sidebar"><img src="pterson.png"id="profpic"/></div>
<div id="chatnameboxp10" class="chat-sidebar"><img src="lele.png"id="profpic"/></div>
<div id="chatnameboxp11" class="chat-sidebar"><img src="denish.png"id="profpic"/></div>
<div id="chatnameboxp12" class="chat-sidebar"><img src="rogers.png"id="profpic"/></div>
</div></div>
<div id="notification" class="header1"><img src="noti.png"height="30"/></div>
<div id="profilearea2" class="header1">|</div>
<div id="setting" class="header1"><img src="set.png"height="30"/></div>
<div id="logout" class="header1"><img src="lo.png"height="30"/></div>
</div>
<div class="bodyn">
<div id="side1" class="bodyn"><img src="BEE1.jpg"id="profpic"/>Profile</div><br><br>
<div id="side2" class="bodyn">Edit profile</div>
<div id="side3" class="bodyn">News feed</div>
<div id="side4" class="bodyn">Messages</div>
<div id="side5" class="bodyn">Events</div>
<div id="side6" class="bodyn">PAGES</div>
<div id="side7" class="bodyn">Pages feed</div>
<div id="side8" class="bodyn">Like pages</div>
<div id="side9" class="bodyn">Create page</div>
<div id="side10" class="bodyn">Create ad</div>
<div id="side11" class="bodyn">GROUPS</div>
<div id="side12" class="bodyn">New groups</div>
<div id="side13" class="bodyn">Create group</div>
<div id="side14" class="bodyn">APPS</div>
<div id="side15" class="bodyn">Games</div>
<div id="side16" class="bodyn">On this day</div>
<div id="side17" class="bodyn">Games feed</div>
<div id="side18" class="bodyn">FRIENDS</div>
<div id="side19" class="bodyn">Close friends</div>
<div id="side20" class="bodyn">Family</div>
<div id="side21" class="bodyn">INTERESTS</div>
<div id="side22" class="bodyn">Pages and public</div>
<div id="side23" class="bodyn">EVENTS</div>
<div id="side24" class="bodyn">Create event</div>
</div>
<div class="post00">
</div>
<div class="post10">
</div><div class="post20">
</div><div class="post30">
</div><div class="post40">
</div><div class="post50">
</div>
<div class="header0001">
</div>
<div class="sideboxxx">
</div>
<div class="sideboxxxx2">
</div>
<div class="post">
<div id="column-1" class="post">update status | add photos/videos | create photo album<hr><br><br><br><br><br><br><hr></div>
<div id="postpos" class="post"><input type="submit" id="buttonpost" value="post"/></div>
<div id="postboxpos" class="post"><textarea placeholder="What's on your mind" id="postbox" type="text"></textarea></div>
</div>
<div class="post1"><img src="BEE1.jpg"id="profpic"/><br><br><img src="BEE5.jpg" height="411" width="580"/><br><br><p6><b>Like Comment Share</b></p6><br><hr><p1>You</p1><p2> and</p2><p1> 4 others</p1><p2> liked this</p2>
<div id="post2text" class="post1"><p3><b>Bee Mayanja </p3></b></p3><p2> with </p2><p1><b> Kato James</b></p1><p2> and</p2><p1> 2 others.</p1><br><p4>Just now.</p4></div>
<div id="commentprof2" class="post1"><img src="BEE1.jpg"id="profpic"/></div>
<div id="commentboxpos2" class="post1"><input type="textarea" placeholder="Write your comment" id="commentbox"/></div>
</div>
<div class="post2"><img src="KATO.jpg"id="profpic"/><br><br><img src="KATO.jpg" height="411" width="580"/><br><br><p6><b>Like Comment Share</b></p6><br><hr><p1>You</p1><p2> and</p2><p1> 15 others</p1><p2> liked this</p2>
<div id="post2text" class="post1"><p3><b>Kato James </p3></b></p3><p2>updated his </p2><p1> profile picture</p1><p2> with</p2><p3><b> Bee Mayanja </b></p3><p2> and</p2><p1> 2 others.</p1><br><p4> 2 hrs.</p4></div>
<div id="commentprof2" class="post1"><img src="BEE1.jpg"id="profpic"/></div>
<div id="commentboxpos2" class="post1"><input type="textarea" placeholder="Write your comment" id="commentbox"/></div>
</div>
<div class="post3"><img src="PEACE.jpg"id="profpic"/><br><br><img src="MAASO.jpg" height="411" width="580"/><br><br><p6><b>Like Comment Share</b></p6><br><hr><p1>Kato James</p1><p2> and</p2><p1> 2 others</p1><p2> liked this</p2>
<div id="post2text" class="post1"><p3><b>Peace E Dorothly </p3></b></p3><p2> with </p2><p1><b> Bee Mayanja</b></p1><p2> and</p2><p1> 10 others.</p1><br><p4>10 hrs.</p4></div>
<div id="commentprof2" class="post1"><img src="BEE1.jpg"id="profpic"/></div>
<div id="commentboxpos2" class="post1"><input type="textarea" placeholder="Write your comment" id="commentbox"/></div>
</div>
<div class="post4"><img src="CAKES.jpg"id="profpic"/><br><br><img src="CAKE.jpg" height="411" width="580"/><br><br><p6><b>Like Comment Share</b></p6><br><hr><p1>Nkamwesiga Lawrence</p1><p2> and</p2><p1> 100 others</p1><p2> liked this</p2>
<div id="post2text" class="post1"><p3><b>BEE'S OVEN </p3></b><br><p2>Apr 10 at 9:07am.</p2><br></div>
<div id="commentprof2" class="post1"><img src="BEE1.jpg"id="profpic"/></div>
<div id="commentboxpos2" class="post1"><input type="textarea" placeholder="Write your comment" id="commentbox"/></div>
</div>
<div class="post5"><img src="BEE1.jpg"id="profpic"/><br><br><img src="BEE5.jpg" height="411" width="580"/><br><br><p6><b>Like Comment Share</b></p6><br><hr><p1>You</p1><p2> and</p2><p1> 4 others</p1><p2> liked this</p2>
<div id="post2text" class="post1"><p3><b>Bee Mayanja </p3></b></p3><p2> with </p2><p1><b> Kato James</b></p1><p2> and</p2><p1> 2 others.</p1><br><p4>Just now.</p4></div>
<div id="commentprof2" class="post1"><img src="BEE1.jpg"id="profpic"/></div>
<div id="commentboxpos2" class="post1"><input type="textarea" placeholder="Write your comment" id="commentbox"/></div>
</div>
<div class="post6"><img src="BEE1.jpg"id="profpic"/><br><br><img src="BEE7.jpg" height="411" width="580"/><br><br><p6><b>Like Comment Share</b></p6><br><hr><p1>You</p1><p2> and</p2><p1> 30 others</p1><p2> liked this</p2>
<div id="post2text" class="post1"><p3><b>Bee Mayanja </p3></b></p3><p2> with </p2><p1><b> Peace E Dorothly</b></p1><p2> and</p2><p1> 1 other.</p1><br><p4> 8 hrs.</p4></div>
<div id="commentprof2" class="post1"><img src="BEE1.jpg"id="profpic"/></div>
<div id="commentboxpos2" class="post1"><input type="textarea" placeholder="Write your comment" id="commentbox"/></div>
</div>
<div class="sidebox">
<div id="sidebox1" class="sidebox">
<div id="sideboxx1">YOUR PAGES</div><hr><br><br><br>See all<hr>
<div id="sideboxx2">This Week</div><br><br><br>See more<hr>
<div id="sideboxx3">Recent Posts</div><br><br><br>See more<hr>
<div id="sideboxx4">You haven't posted in this days</div><br><br><br><br><br><br>See all
</div>
<div id="post1pos" class="sidebox"><input type="submit" id="buttonpost1" value="write a post"/></div>
</div>
<div class="sideboxxx2">
<div id="sidebox2" class="sideboxxx2">
<br>
<hr>
<div id="sideboxx21">Trending</div>
<br><br><br>See more<hr>
<div id="sideboxx22">Suggested Pages</div><br><br><br>See all<hr>
<div id="sideboxx23">People you may know</div><br><br><br><br><br><br>See all
</div>
</div>
<div class="header10"></div>
<button class="open-button" onclick="openform()">Chat</button>
<div class="chat-popup" id="myForm">
<form action="/action_page.php" class="form-container">
<h1 color="black">Chat with your friend</h1>
<label for="msg"><b>Message</b></label>
<textarea placeholder="Type your message..." name="msg" required></textarea>
<button type="submit" class="btn">Send</button>
<button type="button" class="btn cancel" onclick="closeform()">Close</button>
</form>
</div>
<script>
function openform() {
document.getElementById("myForm").style.display = "block";
}
function closeform() {
document.getElementById("myForm").style.display = "none";
}
</script>
</body>
</html>