-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathuserpage.html
80 lines (62 loc) · 3.61 KB
/
userpage.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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>User Profile</title>
<link rel="stylesheet" href="home.css" type="text/css"/>
<link rel="stylesheet" href="memepage.css" type="text/css"/>
</head>
<body>
<header class="nav-container">
<div class="logo-container">
<a href="./home.html"><img src="logo4.png" alt="MemeMaster" class="logo-img"></a></div>
<nav class="nav-head">
<ul class="navglobal">
<li class="navmenu"><a class="navmenu" href="home.html">Home</a></li>
<li class="navmenu"><a class="navmenu" href="#">Upload</a></li>
<li class="navmenu"><a class="navmenu" href="creatememe.html">Create</a></li>
<li class="navmenu"><a class="navmenu" href="trending.html">Trending</a></li>
<li class="navmenu"><a class="navmenu" href="#">Help</a></li>
<li class="nav-search"><div class="search-container"><form method="get" name="search" action="searchpage.html">
<input class="search" type="text" name="globalq" placeholder="Search"></form></div></li>
</ul>
</nav>
<div class="nav-user-container">
<article class="nav-user-welcome"><h5>Welcome back, <a href="userpage.html">Username</a>!</h5></article>
<aside class="nav-userpic"><a href="userpage.html"><img id="userimg" src="logo00.png" alt="Username" style="width:100%;height:100%;"></a></aside></div>
</header>
<div class="profile-container">
<div id="meme-view">
<h1>User Profile</h1>
<article id="memefield">
<img src="logo00.png" alt="User Image"></article>
<a href="#">Change Avatar</a>
<div class="gen-container">
<div class="comment-box">
<article class="comment-box"><header class="comment-box"><h3>About EricThePimp</h3><a style="margin:5px 0 0 5px" href="#">Edit About Info</a></header>
<div class="comment-container">
<article class="comment-img"></article><div class="comment">
<aside class="comment-body">Age: 22</aside></div></div>
<div class="comment-container">
<article class="comment-img"></article><div class="comment">
<aside class="comment-body">Bio: Hi all, I am Eric Cartman. I hate Kyle! I live with a single mother in south park colorado, I like to play with butters because he always help me clean my butt after I took a crap.</aside></div></div>
<div class="comment-container">
<article class="comment-img"></article><div class="comment">
<aside class="comment-body">Total meme points: 140 <a href="#">Top contributor!</a></aside></div></div>
<div class="comment-container">
<article class="comment-img"></article><div class="comment">
<aside class="comment-body">My Personal website: <a href="http://www.yahoo.com" target="_blank">www.yahoo.com</a></aside></div></div>
<div class="comment-container">
<article class="comment-img"></article><div class="comment">
<aside class="comment-body">Location: South Park, Colorado</aside></div></div></article>
</div>
</div></div></div>
<footer id="common-footer">
<div id="footer-left"><ul class="footer">
<li class="footer"><a href="#" class="footer">About This Site</a></li>
<li class="footer"><a href="#" class="footer">Privacy Policy</a></li>
<li class="footer"><a href="team/index.html" class="footer">Team Page</a></li>
</ul></div>
<div id="footer-right"><a href="#" class="footer">Jump to Top</a></div></footer>
</body>
</html>