forked from jg-fisher/redditMockup
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
115 lines (115 loc) · 3.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="./style.css">
<script src='./script.js'> </script>
</head>
<body>
<header class='grid-1'>
<ul>
<li class='my-subs'><strong>MY SUBREDDITS</strong></li>
<li>-</li>
<li id='red-hack'>HOME</li>
<li>-</li>
<li>POPULAR</li>
<li>-</li>
<li>ALL</li>
<li>-</li>
<li>RANDOM</li>
<li>-</li>
<li>USERS</li>
<li>|</li>
<li>ETHEREUM</li>
<li>-</li>
<li>WEBDEV</li>
<li>-</li>
<li>WEB_DESIGN</li>
<li>-</li>
<li>NODE</li>
<li>-</li>
<li>NEWTUBERS</li>
<li>-</li>
<li>ETHDEV</li>
<li>-</li>
<li>MACHINELEARNING</li>
<li>-</li>
<li>LEARNMACHINELEARNING</li>
<li>-</li>
<li><strong>EDIT</strong></li>
</ul>
</header>
<nav class='grid-3'>
<img src='./reddit.png' alt='REDDIT' class='reddit-pic'>
<div>
<ul>
<li id='hot-hack'>hot</li>
<li>new</li>
<li>rising</li>
<li>controversial</li>
<li>top</li>
<li>gilded</li>
<li>wiki</li>
</ul>
</div>
<div class='profile-ops'>
<div>
<ul>
<li>jfishersolutions</li>
<li>(9,000) |</li>
<li><strong>preferences |</strong></li>
<li>logout</li>
</ul>
</div>
</div>
</nav>
<div id="main" class='grid-20-10-1'>
<div>
<div class="post">
<div class='post-number'>1</div>
<div class='post-upvotes'>
<div class="arrow up" onclick='vote()' id='upvote'></div>
<div id='votes'>1459</div>
<div class="arrow down" onclick='votedown()' id='downvote'></div>
</div>
<div class='post-body'>
<a href='#' class='post-title'>Learn HTML/CSS And JavaScript By Creating Reddit</a>
<span class='post-location'>(self.WOOHOO)</span>
<p>submitted 10 hours ago* by <a class='submit-link' href='#'>jfishersolutions</a> to <a class='submit-link' href='#'>/r/yadayada</a></p>
<div class='post-options'>
<span>150 comments</span>
<span>share</span>
<span>save</span>
<span>hide</span>
<span>report</span>
<span>crosspost</span>
</div>
</div>
</div>
</div>
<div class='search-container'>
<input placeholder='search' class='search-text-input'>
<button class='search-button'>
<a href='#'><img id='magnifier' src='./search.png'></a>
</button>
<button class='user-action-button'>Submit a new link</button>
<button class='user-action-button'>Submit a new text post</button>
<button class='user-action-button'>Create your own subreddit</button>
<div class="reddit-gold">
<div>daily reddit gold goal</div>
<div>
<div class='bar-container'>
<div class="bar"></div>
</div>
<span class='gold-percent'>100%</span>
</div>
<button class='reddit-gold-support'>help support reddit</button>
</div>
</div>
<div></div>
</div>
</body>
</html>