-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
284 lines (269 loc) · 15.6 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
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Stephen King | Tribute Page</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
<link href="css/my_style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mainNavbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Stephen King</a>
</div>
<!-- Collapsible nav content -->
<div class="collapse navbar-collapse" id="mainNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="#the-man">The Man</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
The Books <b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="#book-dead-zone">The Dead Zone</a></li>
<li><a href="#book-shining">The Shining</a></li>
<li><a href="#book-dark-tower">The Dark Tower</a></li>
<li><a href="#book-duma-key">Duma Key</a></li>
<li role="separator" class="divider"></li>
<li><a href="#book-short-story">Short Story Collections</a></li>
</ul>
</li>
<li><a href="#about">About</a></li>
</ul>
</div>
</div>
</nav>
<!-- End Navbar -->
<!-- Carousel -->
<div class="carousel-check"></div>
<!-- End Carousel -->
<!-- The Man -->
<div class="container sk-row" id="the-man">
<div class="row">
<div class="col-md-6">
<h1 class="text-center">The Man</h1>
</div>
<div class="desc-col col-md-6 text-justify">
<p>
Stephen Edwin King (born September 21, 1947) is an American author of contemporary horror, supernatural fiction, suspense, science fiction, and fantasy.</p>
<p>
His books have sold more than 350 million copies, many of which have been adapted into feature films, miniseries, television shows, and comic books. King has published 54 novels, including seven under the pen name Richard Bachman, and six non-fiction
books. He has written nearly 200 short stories, most of which have been collected in book collections. Many of his stories are set in his home state of Maine.</p>
<p>
His novella Rita Hayworth and Shawshank Redemption was the basis for the movie The Shawshank Redemption which is widely regarded as one of the greatest films of all time.
</p>
</div>
</div>
</div>
<!-- End The Man -->
<!-- The Books -->
<div class="container sk-row" id="the-books">
<!-- this part displays only on small screens -->
<div>
<h1 class="text-center only-for-small">The Books</h1>
</div>
<div class="row">
<div class="desc-col col-md-6 text-justify">
<p>
King has received Bram Stoker Awards, World Fantasy Awards, and British Fantasy Society Awards. His novella The Way Station (1980) was a Nebula Award novelette nominee. In 2003, the National Book Foundation awarded him the Medal for Distinguished Contribution
to American Letters. His short story "The Man in the Black Suit" (1994) received the O. Henry Award.
</p>
<p>
He has also received awards for his contribution to literature for his entire oeuvre, such as the World Fantasy Award for Life Achievement (2004), the Canadian Booksellers Association Lifetime Achievement Award (2007), and the Grand Master Award from
the Mystery Writers of America (2007).
</p>
<p>
In 2015, King was awarded with a National Medal of Arts from the United States National Endowment for the Arts for his contributions to literature.
</p>
</div>
<!-- this part displays only on large screens -->
<div class="col-md-6 only-for-large">
<h1 class="text-center">The Books</h1>
</div>
</div>
</div>
<!-- End The Books -->
<!-- Books - The Dead Zone -->
<div class="container sk-row" id="book-dead-zone">
<div class="row">
<div class="col-sm-3 col-md-6 book-column">
<img class="hideme hideme-left book bb1" src="https://upload.wikimedia.org/wikipedia/en/thumb/5/57/DeadZone.jpg/200px-DeadZone.jpg" alt="Cover of The Dead Zone">
</div>
<div class="col-sm-9 col-md-6 text-justify desc-col">
<p>
<b>The Dead Zone</b> is a supernatural thriller novel by Stephen King published in 1979.
</p>
<p>
It concerns Johnny Smith, who is injured in an accident and remains in a coma for nearly five years. When he emerges, he can see horrifying secrets but cannot identify all the details in his "dead zone", an area of his brain that suffered permanent damage
as the result of his accident. Much of the novel is played out against the historical backdrop of the 1970s.
</p>
<p>
The Dead Zone was nominated for the Locus Award in 1980.
</p>
</div>
</div>
</div>
<!-- End Books - The Dead Zone -->
<!-- Books - The Shining -->
<div class="container sk-row" id="book-shining">
<div class="row">
<!-- book column for mobile view -->
<div class="col-sm-3 col-md-6 book-column mobile-show">
<img class="book" src="https://upload.wikimedia.org/wikipedia/en/thumb/4/4c/Shiningnovel.jpg/220px-Shiningnovel.jpg" alt="Cover of The Shining">
</div>
<div class="col-sm-9 col-md-6 text-justify desc-col">
<p>
<b>The Shining</b> is a horror novel by American author Stephen King. Published in 1977, it is King's third published novel and first hardback bestseller, and the success of the book firmly established King as a preeminent author in the horror
genre.
</p>
<p>
The setting and characters are influenced by King's personal experiences, including both his visit to The Stanley Hotel in 1974 and his recovery from alcoholism. The novel was followed by a sequel, Doctor Sleep, published in 2013.
</p>
<p>
The novel was adapted into a 1980 feature film of the same name directed by Stanley Kubrick and co-written with Diane Johnson.
</p>
</div>
<div class="col-sm-3 col-md-6 mobile-hide">
<img class="hideme hideme-right book bb2" src="https://upload.wikimedia.org/wikipedia/en/thumb/4/4c/Shiningnovel.jpg/220px-Shiningnovel.jpg" alt="Cover of The Shining">
</div>
</div>
</div>
<!-- End Books - The Shining -->
<!-- Books - The Dark Tower -->
<div class="container sk-row" id="book-dark-tower">
<div class="row">
<div class="col-sm-5 col-md-6 book-column">
<div class="dt-centering-div">
<img class="book book-coll book-dt-1" src="https://upload.wikimedia.org/wikipedia/en/thumb/d/db/The_Gunslinger.jpg/220px-The_Gunslinger.jpg" alt="Cover of The Gunslinger">
<img class="book book-coll book-dt-2" src="https://upload.wikimedia.org/wikipedia/en/thumb/3/3a/The_Drawing_of_the_Three.jpg/200px-The_Drawing_of_the_Three.jpg" alt="Cover of The Drawing of the Three">
<img class="book book-coll book-dt-3" src="https://upload.wikimedia.org/wikipedia/en/thumb/4/49/The_Waste_Lands.jpg/220px-The_Waste_Lands.jpg" alt="Cover of The Waste Lands">
<img class="book book-coll book-dt-4" src="https://upload.wikimedia.org/wikipedia/en/thumb/7/7f/Wizard_and_Glass.jpg/220px-Wizard_and_Glass.jpg" alt="Cover of The Wizard and Glass">
<img class="book book-coll book-dt-5" src="https://upload.wikimedia.org/wikipedia/en/thumb/9/90/Wolvescalla.jpg/220px-Wolvescalla.jpg" alt="Cover of The Wolves of Calla">
<img class="book book-coll book-dt-6" src="https://upload.wikimedia.org/wikipedia/en/thumb/4/42/Song_of_Susannah.jpg/220px-Song_of_Susannah.jpg" alt="Cover of The Song of Susannah">
<img class="book book-coll book-dt-7" src="https://upload.wikimedia.org/wikipedia/en/thumb/5/54/Thedarktower7.jpg/200px-Thedarktower7.jpg" alt="Cover of The Dark Tower">
</div>
</div>
<div class="col-sm-7 col-md-6 text-justify desc-col">
<p>
<b>The Dark Tower</b> is a series of books written by American author Stephen King, which incorporates themes from multiple genres, including dark fantasy, science fantasy, horror, and Western. It describes a "gunslinger" and his quest toward
a tower, the nature of which is both physical and metaphorical.
</p>
<p>
King has described the series as his magnum opus. In addition to the eight novels of the series proper that comprise 4,250 pages, many of King's other books relate to the story, introducing concepts and characters that come into play as the series progresses.
A series of prequel comics followed the completion of the novels.
</p>
</div>
</div>
</div>
<!-- End Books - The Dark Tower -->
<!-- Books - Duma Key -->
<div class="container sk-row" id="book-duma-key">
<div class="row">
<!-- book column for mobile view -->
<div class="col-sm-3 col-md-6 book-column mobile-show">
<img class="book" src="https://upload.wikimedia.org/wikipedia/en/thumb/0/02/Duma_Key.jpg/200px-Duma_Key.jpg" alt="Cover of The Duma Key">
</div>
<div class="col-sm-9 col-md-6 text-justify desc-col">
<p>
<b>Duma Key</b> is a novel by American novelist Stephen King published on January 22, 2008 by Scribner. The book reached #1 on the New York Times Best Seller List. It is King's first novel to be set in Florida or Minnesota. The dust jacket features
holographic lettering.
</p>
<p>
Critical reception was generally positive, with some negative criticism being outweighed on the whole by the positive, a fact noted by USA Today and declared by King in that article as a byproduct of the fact that "a lot of today's reviewers grew up reading
my fiction. Most of the old critics who panned anything I wrote are either dead or retired".
</p>
</div>
<div class="col-sm-3 col-md-6 mobile-hide">
<img class="hideme hideme-right book bb3" src="https://upload.wikimedia.org/wikipedia/en/thumb/0/02/Duma_Key.jpg/200px-Duma_Key.jpg" alt="Cover of Duma Key">
</div>
</div>
</div>
<!-- End Books - Duma Key -->
<!-- Books - Short Story Collections -->
<div class="container sk-row" id="book-short-story">
<div class="row">
<div class="col-sm-6 col-md-6 book-column">
<div class="ss-centering-div">
<img class="book book-coll book-ss-1" src="https://upload.wikimedia.org/wikipedia/en/thumb/2/28/Nightshift.jpg/220px-Nightshift.jpg" alt="Cover of Night Shift">
<img class="book book-coll book-ss-2" src="https://upload.wikimedia.org/wikipedia/en/thumb/2/2d/Seasonsking.jpg/200px-Seasonsking.jpg" alt="Cover of Different Seasons">
<img class="book book-coll book-ss-3" src="https://upload.wikimedia.org/wikipedia/en/f/f3/SkeletonCrewHC.jpg" alt="Cover of Skeleton Crew">
<img class="book book-coll book-ss-4" src="https://upload.wikimedia.org/wikipedia/en/thumb/4/41/FourPastMidnight.jpg/220px-FourPastMidnight.jpg">
<img class="book book-coll book-ss-5" src="https://upload.wikimedia.org/wikipedia/en/thumb/d/da/Nightmares%26Dreamscapes.jpg/220px-Nightmares%26Dreamscapes.jpg" alt="Cover of Nightmares & Dreamscapes">
<img class="book book-coll book-ss-6" src="https://upload.wikimedia.org/wikipedia/en/thumb/7/70/HeartsInAtlantis.gif/220px-HeartsInAtlantis.gif" alt="Cover of Hearts in Atlantis">
<img class="book book-coll book-ss-7" src="https://upload.wikimedia.org/wikipedia/en/thumb/b/b7/Everythings_Eventual.jpg/200px-Everythings_Eventual.jpg" alt="Cover of Everything's Eventual">
<img class="book book-coll book-ss-8" src="https://upload.wikimedia.org/wikipedia/en/thumb/0/01/JustAfterSunset.jpg/220px-JustAfterSunset.jpg" alt="Cover of Just After Sunset">
<img class="book book-coll book-ss-9" src="https://upload.wikimedia.org/wikipedia/en/thumb/4/47/Full_Dark%2C_No_Stars.jpg/200px-Full_Dark%2C_No_Stars.jpg" alt="Cover of Full Dark, No Stars">
<img class="book book-coll book-ss-10" src="https://upload.wikimedia.org/wikipedia/en/thumb/7/7e/The_Bazaar_of_Bad_Dreams.png/220px-The_Bazaar_of_Bad_Dreams.png" alt="Cover of The Bazaar of Bad Dreamms">
</div>
</div>
<div class="col-sm-6 col-md-6 text-justify desc-col">
<p>
There are six short story collections: <b>Night Shift</b> (1978), <b>Skeleton Crew</b> (1985), <b>Nightmares & Dreamscapes</b> (1993), <b>Everything's Eventual</b> (2002), <b>Just After Sunset</b> (2008), and <b>The Bazaar of Bad Dreams</b> (2015).
</p>
<p>
Aside from that, there are four novella collections: <b>Different Seasons</b> (1982), <b>Four Past Midnight</b> (1990), <b>Hearts in Atlantis</b> (1999), and <b>Full Dark, No Stars</b> (2010).
</p>
<p>
All in all, there are 196 works and some of them remain uncollected.
</p>
</div>
</div>
</div>
<!-- End Books - Short Story Collections -->
<!-- About -->
<div class="container sk-row" id="about">
<h1 class="text-center">About</h1>
<div class="row">
<div class="desc-col col-md-6">
<h3>This Page</h3>
<p>
Texts and images come from Internet in general and Wikipedia in particular. For more information about Stephen King please visit
<a href="https://en.wikipedia.org/wiki/Stephen_King" target="_blank">Wikipedia</a> or <a href="http://stephenking.com/index.html" target="_blank">Stephen King's website</a>.
</p>
<h3>My Info</h3>
<p>
Not so long ago I decided to learn programming and as for now it looks to be incredibly interesting and motivating!
</p>
<p>
This tribute page, dedicated to Stephen King, is created as part of my training.
</p>
</div>
<div class="desc-col col-md-6">
<h3>Contact Details</h3>
<p>
If you want to chat about programming feel free to use any of the following:
</p>
<ul class="contact-info">
<li class="mail"><a href="mailto:peter.k.nets@gmail.com">peter.k.nets@gmail.com</a></li>
<li class="twitter"><a href="http://twitter.com/peter_krevenets">@peter_krevenets</a></li>
<li class="facebook"><a href="http://www.facebook.com/peter.krevenets">peter.krevenets</a></li>
</ul>
</div>
</div>
</div>
<!-- End About -->
<!-- Footer -->
<footer class="container">
<!--<h4 class="text-uppercase text-center">This page</h4>-->
<p class="footer-last-line"><span class="pull-left">© Peter Krevenets, 2016.</span><span class="pull-right">Powered by Internet</span></p>
</footer>
<!-- End Footer -->
<script src="https://code.jquery.com/jquery-2.2.4.min.js"
integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"
integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS"
crossorigin="anonymous"></script>
<script src="js/app.js"></script>
</body>
</html>