forked from developer-junaid/GOT-Blog
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
172 lines (165 loc) · 7.77 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
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html lang="en">
<head>
<link
rel="stylesheet"
href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p"
crossorigin="anonymous"
/>
<link
href="https://fonts.googleapis.com/css2?family=Cantora+One&display=swap"
rel="stylesheet"
/>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<title>Game Of Thrones - Blog</title>
</head>
<body>
<div class="body-div">
<!-- Header and Nav-->
<header>
<nav>
<div class="nav-div">
<ul class="nav-list">
<li class="left-item">Junaid Qureshi</li>
<li class="right-item">Blog</li>
</ul>
<hr class="nav-line" />
</div>
</nav>
</header>
<!-- // Header and Nav -->
<!-- Main -->
<main>
<div class="main-div">
<!-- IMAGE -->
<section>
<div class="image-div"></div>
</section>
<!-- // IMAGE -->
<!-- Main Text -->
<section>
<div class="text-div">
<h2 class="heading">Game of Thrones " Season One "</h2>
<p class="para">
The first season of the fantasy drama television series Game of
Thrones premiered on HBO on April 17, 2011 in the U.S. and
concluded on June 19, 2011. It consists of ten episodes, each of
approximately 55 minutes. The series is based on A Game of
Thrones, the first novel in the A Song of Ice and Fire series by
George R. R. Martin, adapted for television by David Benioff and
D. B. Weiss. HBO had ordered a television pilot in November
2008; filming began the following year. However, it was deemed
unsatisfactory and later reshot with some roles recast. In March
2010, HBO ordered the first season, which began filming in July
2010, primarily in Belfast, Northern Ireland, with additional
filming in Malta.
<br /><br />
<div class="thumbnails">
<a href="images/thumbnail1.jpg" target="_blank"> <img src="/images/thumbnail1.jpg" alt="Ned Stark" title="Ned Stark"></a>
<a href="images/thumbnail2.jpg" target="_blank"> <img src="/images/thumbnail2.jpg" alt="All Heroes" title="All Heroes"></a>
<a href="images/thumbnail3.jpg" target="_blank"> <img src="/images/thumbnail3.jpg" alt="White Walker" title="White Walker"></a>
</div>
<br>
The story takes place in a fantasy world, primarily upon the
continent Westeros, with one storyline occurring on another
continent to the east, Essos. Like the novel, the season
initially focuses on the family of nobleman Eddard "Ned" Stark,
the Warden of the North, who is asked to become the King's Hand
(chief advisor) to his longtime friend, King Robert Baratheon.
Ned seeks to find out who murdered his predecessor, Jon Arryn.
He uncovers dark secrets about the powerful Lannister family,
which includes Robert's queen, Cersei, that his predecessor died
trying to expose. This leads, after Robert's death, to Ned's
arrest for treason. Ned's eldest son, Robb, begins a rebellion
against the Lannisters. Ned is killed at the order of Cersei's
tyrannical teenage son, King Joffrey Baratheon. Meanwhile, in
Essos, the exiled Viserys Targaryen, son of the former king,
forces his sister Daenerys to marry a Dothraki warlord in
exchange for an army to pursue his claim to the Iron Throne. The
season ends with Viserys dead and Daenerys becoming the Mother
of Dragons.
<br /><br />
Game of Thrones features a large ensemble cast, including
established actors such as Sean Bean, Mark Addy, Peter Dinklage,
Lena Headey, Nikolaj Coster-Waldau, Michelle Fairley, and Iain
Glen. Newer actors were cast as the younger generation of
characters, such as Emilia Clarke, Kit Harington, Sophie Turner,
and Maisie Williams.
<br /><br />
<div class="thumbnails">
<a href="images/thumbnail4.jpg" target="_blank"> <img src="/images/thumbnail4.jpg" alt="Dragon" title="Dragon"></a>
<a href="images/thumbnail5.jpg" target="_blank"> <img src="/images/thumbnail5.jpg" alt="Ned Stark" title="Ned Stark"></a>
<a href="images/thumbnail6.jpg" target="_blank"> <img src="/images/thumbnail6.jpg" alt="Arya Stark" title="Arya Stark"></a>
<a href="images/thumbnail7.jpg" target="_blank"> <img src="/images/thumbnail7.jpg" alt="Jonn Snow" title="Jonn Snow"></a>
</div>
Critics praised the show's production values and cast;
Dinklage's portrayal of Tyrion Lannister received specific
accolades, as did Bean and Clarke, as well as Ramin Djawadi for
music.
<br /><br />
The first season won two of the thirteen Emmy Awards for which
it was nominated: Outstanding Supporting Actor in a Drama Series
(Dinklage) and Outstanding Main Title Design. It was also
nominated for Outstanding Drama Series. U.S. viewership rose by
approximately 33% over the course of the season, from 2.2
million to over 3 million by the finale.
</p>
</div>
</section>
<!-- // Main Text -->
</div>
</main>
<!-- // Main -->
<div class="wrapper-div"></div>
<!-- Footer -->
<footer>
<div class="footer">
<div class="footer-content">
<div class="footer-section about">
<h1 class="logo-text">
<span class="logo-span">J</span>unaid
<span class="logo-span">Q</span>ureshi
</h1>
<p class="footer-para">
I am a creative, Web Developer with command on Latest Tech
stacks
</p>
<div class="contact">
<span><i class="fas fa-phone"></i> +9231-33084869</span>
<span
><i class="fas fa-envelope"></i>
qjunaid623@gmail.com</span
>
</div>
<div class="socials">
<a
href="https://www.facebook.com/profile.php?id=100041078220896"
target="_blank"
><i class="fab fa-facebook"></i
></a>
<a
href="https://www.linkedin.com/in/junaid-qureshi-34a180194/"
target="_blank"
><i class="fab fa-linkedin"></i
></a>
<a href="https://twitter.com/Junaid084869/" target="_blank"
><i class="fab fa-twitter"></i
></a>
<a href="https://github.com/qjunaid623/" target="_blank"
><i class="fab fa-github"></i
></a>
</div>
</div>
</div>
<div class="footer-bottom">
© | Designed By Junaid Qureshi
</div>
</div>
</footer>
<!-- // Footer -->
</div>
</body>
</html>