forked from sasasa671/Popcorn-UI-revamp
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathTV-details.html
162 lines (103 loc) · 4.78 KB
/
TV-details.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="css/item.css" rel="stylesheet" type="text/css">
<link href="css/detailed-info.css" rel="stylesheet" type="text/css">
<link href="css/frame.css" rel="stylesheet" type="text/css">
<link href="css/header.css" rel="stylesheet" type="text/css">
<link href="css/tv-info.css" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:600' rel='stylesheet' type='text/css'>
<title>Popcorn Time - Dev UI</title>
</head>
<body>
<div class="background">
<div id="header">
<div class="close"></div>
<div class="max"></div>
<div class="min"></div>
<div class="max-max"></div>
<div class="title">
Popcorn Time
</div>
<div class="movies">
Movies
</div>
<div class="tv-series">
TV Series
<div class="selected tv"></div>
</div>
<div class="settings"></div>
<div class="queue"></div>
<div class="favorites"></div>
<form class="SearchField">
<input type="search" placeholder="Search">
</form>
</div>
<div id="tv-container">
<div id="overlay" class="black-overlay"></div>
<div class="poster">
<div class="poster-overlay"></div>
<div style="background-image:url(https://zapp.trakt.us/images/fanart/19657.jpg?16);" class="poster-backround"></div>
<div style="background-image:url(https://zapp.trakt.us/images/posters/19657-138.jpg?16);" class="cover"></div>
<div class="title">House of cards</div>
<div class="tv-duration">60min</div>
<div class="dot"></div>
<div class="tv-genre">Drama</div>
<div class="dot"></div>
<div class="num-episodes">26 Episodes</div>
<div class="dot"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star null"></div>
<div class="tv-overview">Majority House Whip Francis Underwood takes you on a long journey as he exacts his vengeance on those he feels wronged him - that is, his own cabinet members including the President of the United States himself. Dashing, cunning, methodical and vicious, Frank Underwood along with his equally manipulative yet ambiguous wife, Claire take Washington by storm through climbing the hierarchical ladder to power in this Americanized recreation of the BBC series of the same name.</div>
</div>
</div>
</div>
</body>
<script src="js/jquery-2.1.0.min.js"></script>
<script>
function hideElm(name) {
$('#' + name).fadeOut('slow');
}
function showElm(name) {
$('#' + name).fadeIn('slow');
}
</script>
</html>
<div id="item-detail">
<div class="item-cover" style="background-image: url(http://zapp.trakt.us/images/posters_movies/180757.jpg?1);">
</div>
<div class="close" onclick="hideElm('overlay'); hideElm('item-detail');"></div>
<div class="item-title">Gravity</div>
<div class="item-year">2013</div>
<div class="dot"></div>
<div class="item-runtime">91 min</div>
<div class="dot"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star null"></div>
<div class="health-icon Excellent"></div>
<div class="item-overview">Dr. Ryan Stone (Sandra Bullock), is a brilliant medical engineer on her first Shuttle mission, with veteran astronaut Matt Kowalsky (George Clooney) in command of his last flight before retiring. But on a seemingly routine spacewalk, disaster strikes. The shuttle is destroyed, leaving Stone and Kowalsky completely alone - tethered to nothing but each other and spiraling out into the blackness. The deafening silence tells them they have lost any link to Earth.</div>
<div id="btn-watch">
<div class="watch-now">Watch Now</div>
</div>
<div class="q720">720</div>
<div class="q1080">1080</div>
<div class="quality switch white">
<input type="radio" name="switch" id="switch-off" checked>
<input type="radio" name="switch" id="switch-on">
<span class="toggle"></span>
</div>
<div class="flag first NA"></div>
<div class="flag italian"></div>
<div class="flag dutch"></div>
<div class="flag english"></div>
<div class="flag romanian"></div>
<div class="flag turkish"></div>
<div class="flag bosnian"></div>
</div>