-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·35 lines (34 loc) · 1.66 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
<!DOCTYPE>
<html>
<head>
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
<title>Front-end Coding Exercise</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:700" rel="stylesheet">
</head>
<body>
<section id="section-info">
<img id="show-art" src=""/>
<h5><span id="show-episodes"></span> EPISODES</h5>
<h2 id="show-title"></h2>
</section>
<section id="section-thumbs">
<div id="prev"><</div>
<div id="next">></div>
<ul id="show-thumbs">
<li id="thumb-1" data-thumb-id="1"><span id="thumb-num-1" class="thumb-num"></span></li>
<li id="thumb-2" data-thumb-id="2"><span id="thumb-num-2" class="thumb-num"></span></li>
<li id="thumb-3" data-thumb-id="3"><span id="thumb-num-3" class="thumb-num"></span></li>
<li id="thumb-4" data-thumb-id="4"><span id="thumb-num-4" class="thumb-num"></span></li>
<li id="thumb-5" data-thumb-id="5"><span id="thumb-num-5" class="thumb-num"></span></li>
<li id="thumb-6" data-thumb-id="6"><span id="thumb-num-6" class="thumb-num"></span></li>
<li id="thumb-7" data-thumb-id="7"><span id="thumb-num-7" class="thumb-num"></span></li>
<li id="thumb-8" data-thumb-id="8"><span id="thumb-num-8" class="thumb-num"></span></li>
<li id="thumb-9" data-thumb-id="9"><span id="thumb-num-9" class="thumb-num"></span></li>
<li id="thumb-10" data-thumb-id="10"><span id="thumb-num-10" class="thumb-num"></span></li>
</ul>
</section>
<script type="text/javascript" src="shows.json"></script>
<script type="text/javascript" src="main.js"></script>
</body>
</html>