-
Notifications
You must be signed in to change notification settings - Fork 0
/
detail-page.html
137 lines (106 loc) · 4.13 KB
/
detail-page.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
<html>
<head>
<title>ShowTracker</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset = "utf-8">
<meta http-equiv = "X-UA-Compatible" content = "IE = edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" href="hard.png">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-social.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!--[if lt IE 9]>
<script src = "https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src = "https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-default" style="margin-bottom:0px;" width="100px">
<div class="navbar-header b-head">
<a class="navbar-brand header" href="#">Show Trackr</a>
</div>
<div id="navbarcollapse" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="index.html">HOME</a><li>
<li><a href="Add.html">ADD</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="login.html">Login</a></li>
<li><a href="signup.html">Sign up</a></li>
</ul>
</div>
</nav>
<div class="container-fluid jumbotron">
<br>
<div class="ng-scope">
<div class="container-fluid">
<div class="panel panel-default">
<div class="panel-body">
<div class="media">
<div class="pull-left" >
<img class="img-rounded " src="Screenshot from 2017-12-01 14-05-33.png" ><br><a href="#">
<br>
<div class="text-center" ng-show="!currentUser">
<a class="btn btn-block btn-primary" href="#">Login to Subscribe</a>
</div>
</div>
<div class="media-body">
<h2 class="media-heading ng-binding">
<b> Kalakka Povadhu Yaaru
</b> <span class="pull-right text-danger ng-binding"><span class="glyphicon glyphicon-heart"></span> <strong>9.99</strong></span>
</h2>
<h4 ng-show="show.status === 'Continuing'" class="ng-binding">
<strong>Monday-friday 9:00 PM on
Vijay tv
</strong>
</h4>
</h4>
<p class="ng-binding">Kalakka Povadhu Yaaru is a Tamil comedy show aired on Star Vijay. It has comedians from various
cities of Tamil Nadu, competing with each other to win the 'Best Comedian' title. Watch all episodes of Kalakka Povadhu
Yaaru online only on Hotstar. </p>
</div>
</div>
</div>
</div>
</div>
</div>
<br>
<div class="container-fluid">
<div class="alert-width alert alert-info ng-binding ng-hide" ng-show="nextEpisode">
The next episode starts in 2 months
</div>
</div>
<div class="container-fluid">
<div class="panel panel-default">
<div class="panel-heading">
<span class="glyphicon glyphicon-credit-card"></span></p> </span> Episodes
</div>
<div class="panel-body">
<div class="pull-left" >
<div class="episode ng-scope" ng-repeat="episode in show.episodes">
<h4 class="ng-binding">Inside Game of Thrones
<small class="ng-binding">Season 0, Episode 1</small>
</h4>
<p class="ng-binding">
<span class="glyphicon glyphicon-calendar"></span>
12/5/10 5:30 AM
</p>
<p class="ng-binding">A short look into the film-making process for the production Game of Thrones</p>
</div>
<br>
<div class="episode ng-scope" ng-repeat="episode in show.episodes">
<h4 class="ng-binding">15-Minute Preview
<small class="ng-binding">Season 0, Episode 2</small>
</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>