forked from jithin-j/TheOriginalsFanWebsite
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
153 lines (149 loc) · 9.56 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
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
<!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">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"
integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<link rel="icon" href="./ExcelWebTeam/The_originals-logo.png" type="image/icon">
<link rel="stylesheet" href="./ExcelWebTeam/main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>The Originals</title>
</head>
<body style="background: whitesmoke;">
<nav class="navbar navbar-expand-sm navbar-dark mb-3" style="background: rgb(176, 28, 47);">
<div class="container">
<a class="navbar-brand" href="./index.html">The Originals</a>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="./index.html">Series Overview</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">Episodes</a>
<div class="dropdown-menu">
<a href="./ExcelWebTeam/episodes_s1.html" class="dropdown-item">Season-1</a>
<a href="./ExcelWebTeam/episodes_s2.html" class="dropdown-item">Season-2</a>
<a href="./ExcelWebTeam/episodes_s3.html" class="dropdown-item">Season-3</a>
<a href="./ExcelWebTeam/episodes_s4.html" class="dropdown-item">Season-4</a>
<a href="./ExcelWebTeam/episodes_s5.html" class="dropdown-item">Season-5</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="./ExcelWebTeam/cast.html">Cast</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./ExcelWebTeam/trailer_s1.html">Trailers</a>
</li>
</ul>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-sm-8 m-auto">
<div id="slider3" class="carousel slide mb-5" data-ride="carousel" style="align-content: center;">
<ol class="carousel-indicators">
<li class="active" data-target="#slider3" data-slide-to="0"></li>
<li data-target="#slider3" data-slide-to="1"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block img-fluid" src="./ExcelWebTeam/img3.jpg" alt="First Slide">
</div>
<div class="carousel-item">
<img class="d-block img-fluid" src="./ExcelWebTeam/img2.jpg" alt="Second Slide">
</div>
</div>
<!-- CONTROLS -->
<a href="#slider3" class="carousel-control-prev" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a href="#slider3" class="carousel-control-next" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>
</div>
</div>
</div>
<div class="Overview">
<h3 class="mx-3">Series Overview</h3>
<p class="text-justify px-3">The Originals, a spin-off of The Vampire Diaries, centers on three of the Mikaelson siblings: Klaus (Joseph Morgan),
Elijah (Daniel Gillies), and Rebekah (Claire Holt). The Mikaelson family are also commonly known as "the Originals" due
to the fact that they are the first vampires ever to exist. Niklaus "Klaus" Mikaelson is the son of a witch and a
werewolf, and his quest to unleash his hybrid nature was detailed in The Vampire Diaries. The backdoor pilot, which
aired on April 25, 2013, also revealed that the werewolf Hayley (Phoebe Tonkin), with whom Klaus had a drunken one-night
stand, is pregnant with his child.
</p>
<p class="text-justify px-3">
The series begins with the Original siblings returning to the city of New Orleans for the first time since 1919, where a
pregnant Hayley has also settled. Having originally built the French Quarter, they had been forced to abandon it when
fleeing from their vengeful father, Mikael (Sebastian Roché). In their absence, Klaus's protégé, Marcel (Charles Michael
Davis), took charge of the French Quarter. Klaus resolves that they must take down Marcel and get back the city that
once belonged belonged to them while protecting their city from a war brewing between vampires, werewolves, and witches.
</p>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"
integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T"
crossorigin="anonymous"></script>
<footer class="bg-white">
<div class="container py-5">
<div class="row py-4">
<div class="col-lg-4 col-md-6 mb-4 mb-lg-0"><img src="img/logo.png" alt="" width="180" class="mb-3">
<p class="font-italic text-muted">Starring:Joseph Morgan,Daniel Gillies,Phoebe Tonkin
<br>Creators:Julie Plec
</p>
<ul class="list-inline mt-4">
<li class="list-inline-item"><a href="#" target="_blank" title="twitter"><i
class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="#" target="_blank" title="facebook"><i
class="fa fa-facebook"></i></a></li>
<li class="list-inline-item"><a href="#" target="_blank" title="instagram"><i
class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="#" target="_blank" title="pinterest"><i
class="fa fa-pinterest"></i></a></li>
<li class="list-inline-item"><a href="#" target="_blank" title="vimeo"><i
class="fa fa-vimeo"></i></a></li>
</ul>
</div>
<div class="col-lg-2 col-md-6 mb-4 mb-lg-0">
<h6 class="text-uppercase font-weight-bold mb-4">Seasons</h6>
<ul class="list-unstyled mb-0">
<li class="mb-2"><a href="./ExcelWebTeam/episodes_s1.html" class="text-muted">Season-1</a></li>
<li class="mb-2"><a href="./ExcelWebTeam/episodes_s2.html" class="text-muted">Season-2</a></li>
<li class="mb-2"><a href="./ExcelWebTeam/episodes_s3.html" class="text-muted">Season-3</a></li>
<li class="mb-2"><a href="./ExcelWebTeam/episodes_s4.html" class="text-muted">Season-4</a></li>
<li class="mb-2"><a href="./ExcelWebTeam/episodes_s5.html" class="text-muted">Season-5</a></li>
</ul>
</div>
<div class="col-lg-4 col-md-6 mb-lg-0">
<h6 class="text-uppercase font-weight-bold mb-4">Newsletter</h6>
<p class="text-muted mb-4">Subscribe to our newsletter for more exciting updates on the series!!</p>
<div class="p-1 rounded border">
<div class="input-group">
<input type="email" placeholder="Enter your email address" aria-describedby="button-addon1"
class="form-control border-0 shadow-0">
<div class="input-group-append">
<button id="button-addon1" type="submit" class="btn btn-link"><i
class="fa fa-paper-plane"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Copyrights -->
<div class="bg-light py-4">
<div class="container text-center">
<p class="text-muted mb-0 py-2">© 2021 Netflix All rights reserved.</p>
</div>
</div>
</footer>
<!-- End -->
</body>
</html>