-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathfacebook.html
More file actions
215 lines (176 loc) · 11.1 KB
/
facebook.html
File metadata and controls
215 lines (176 loc) · 11.1 KB
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
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
<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="searchbox0" class="header1"><input placeholder="search here..." type="text" id="searchbox"/></div>
<div id="profilearea" class="header1"><a href="BEE1.jpg"><img src="BEE1.jpg"id="profpic" /></a></div>
<div id="profilearea1" class="header1"><a href="profile.php">Bee</a></div>
<div id="profilearea4" class="header1"><a href="">Home</a></div>
<div id="findf" class="header1"><a href="">Find Friends</a></div>
<!--<div id="message" class="header1"><a href="chat.html">Chat</a></div>-->
<div id="logout" class="header1"><a href="">Logout</a></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>
<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="header1">
<ul>
<li><a href="Home.html">Home</a></li>
<li><a href="Find Friends.html">Find Friends</a></li>
<li><a href="Chat.html">Chat</a></li>
<li><a href="Logout.html">logout</a></li>
</ul>
</div> -->
<div class="bodyn">
<div id="side1" class="bodyn"><img src="BEE1.jpg"id="profpic"/> BEE MAYANJA</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">Your Games</div>
<div id="side17" class="bodyn"> New Games</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 id="side25" class="bodyn">ALBUMS</div>
<div id="side26" class="bodyn">My Albums</div>
<div id="side27" class="bodyn">Create Album</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"><button type="submit" id="buttonpost" value="Post"/>post</button></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> 20 others</p1><p2> liked this.</p2>
<div id="post2text" class="post1"><p3><b>Bee Mayanja is</p3></b></p3><p2> with </p2><p1><b> Kato James</b></p1><p2> and</p2><p1> 7 others.</p1><br><p4>20 mins ago.</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="400px" width="580"/><br><br><p6><b>Like Comment Share</b></p6><br><hr><p1>You</p1><p2> and</p2><p1> 90 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 CAKES </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>Muni University students<br>ISM Group<br><br>See all<hr>
<div id="sideboxx2">This Week</div><br>100 people liked your post<br><br>See more<hr>
<div id="sideboxx3">Recent Posts</div><br>You posted a new pic<br><br>See more<hr>
<div id="sideboxx4">You haven't posted in 0 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>Covid19<br>2021<br>See more<hr>
<div id="sideboxx22">Suggested Pages</div><br>Advent Chapel page<br><br>See all<hr>
<div id="sideboxx23">People you may know</div><br><br>Heaven Ramar<br>Nkamwesiga Nicholus<br><br><br><br>See all
</div>
</div>
<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 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>