239 lines
7.4 KiB
HTML
239 lines
7.4 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="sk">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<title>Books</title>
|
|||
|
|
<meta name="description" content="Books">
|
|||
|
|
<meta name="keywords" content="books, booktok, bookstagram, author,
|
|||
|
|
romance, fantasy, sci-fi, characters, love ">
|
|||
|
|
<!-- namapovanie css -->
|
|||
|
|
<link rel="stylesheet" href="h1css.css">
|
|||
|
|
<link rel="shortcut icon" href="icon.jpg" type="image/x-icon">
|
|||
|
|
<meta name="viewport" content="width=device-width,
|
|||
|
|
initial-scale=1.0, user-scalable=yes">
|
|||
|
|
|
|||
|
|
</head>
|
|||
|
|
<body style="background-color: rgb(83, 129, 83);">
|
|||
|
|
<style>
|
|||
|
|
body {margin:0;font-family:Arial}
|
|||
|
|
|
|||
|
|
.topnav {
|
|||
|
|
overflow: hidden;
|
|||
|
|
background-color: rgb(9, 56, 27);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.topnav a {
|
|||
|
|
float: left;
|
|||
|
|
display: block;
|
|||
|
|
color: rgb(210, 227, 200);
|
|||
|
|
text-align: center;
|
|||
|
|
padding: 14px 16px;
|
|||
|
|
text-decoration: none;
|
|||
|
|
font-size: 17px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.active {
|
|||
|
|
background-color: rgb(9, 56, 27);
|
|||
|
|
color: rgb(210, 227, 200);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.topnav .icon {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.dropdown {
|
|||
|
|
float: left;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.dropdown .dropbtn {
|
|||
|
|
font-size: 17px;
|
|||
|
|
border: none;
|
|||
|
|
outline: none;
|
|||
|
|
color: rgb(210, 227, 200);
|
|||
|
|
padding: 14px 16px;
|
|||
|
|
background-color: rgb(9, 56, 27);
|
|||
|
|
font-family: inherit;
|
|||
|
|
margin: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.dropdown-content {
|
|||
|
|
display: none;
|
|||
|
|
position: absolute;
|
|||
|
|
background-color: rgb(210, 227, 200);
|
|||
|
|
min-width: 160px;
|
|||
|
|
box-shadow: 0px 8px 16px 0px rgb(9, 56, 27);
|
|||
|
|
z-index: 1;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.dropdown-content a {
|
|||
|
|
float: none;
|
|||
|
|
color: rgb(9, 56, 27);
|
|||
|
|
padding: 12px 16px;
|
|||
|
|
text-decoration: none;
|
|||
|
|
display: block;
|
|||
|
|
text-align: left;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.topnav a:hover, .dropdown:hover .dropbtn {
|
|||
|
|
background-color: rgb(210, 227, 200);
|
|||
|
|
color: rgb(9, 56, 27);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.dropdown-content a:hover {
|
|||
|
|
background-color: rgb(9, 56, 27);
|
|||
|
|
color: rgb(210, 227, 200);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.dropdown:hover .dropdown-content {
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media screen and (max-width: 600px) {
|
|||
|
|
.topnav a:not(:first-child), .dropdown .dropbtn {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
.topnav a.icon {
|
|||
|
|
float: right;
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media screen and (max-width: 600px) {
|
|||
|
|
.topnav.responsive {position: relative;}
|
|||
|
|
.topnav.responsive .icon {
|
|||
|
|
position: absolute;
|
|||
|
|
right: 0;
|
|||
|
|
top: 0;
|
|||
|
|
}
|
|||
|
|
.topnav.responsive a {
|
|||
|
|
float: none;
|
|||
|
|
display: block;
|
|||
|
|
text-align: left;
|
|||
|
|
}
|
|||
|
|
.topnav.responsive .dropdown {float: none;}
|
|||
|
|
.topnav.responsive .dropdown-content {position: relative;}
|
|||
|
|
.topnav.responsive .dropdown .dropbtn {
|
|||
|
|
display: block;
|
|||
|
|
width: 100%;
|
|||
|
|
text-align: left;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
img {
|
|||
|
|
float: left;
|
|||
|
|
margin-right: 10px;
|
|||
|
|
clear:both;
|
|||
|
|
}
|
|||
|
|
p {
|
|||
|
|
margin-left: 0px;
|
|||
|
|
overflow:auto;
|
|||
|
|
display:block;
|
|||
|
|
padding: 50px;
|
|||
|
|
font-size: 28px;
|
|||
|
|
</style>
|
|||
|
|
<div class="topnav" id="myTopnav">
|
|||
|
|
<a href="home.html" class="active">Home</a>
|
|||
|
|
<a href="aboutus.html">About us</a>
|
|||
|
|
<a href="topbooks.html">TOP books 2023</a>
|
|||
|
|
<a href="formular.html">Rate us!</a>
|
|||
|
|
<div class="dropdown">
|
|||
|
|
<button class="dropbtn">Genre
|
|||
|
|
<i class="fa fa-caret-down"></i>
|
|||
|
|
</button>
|
|||
|
|
<div class="dropdown-content">
|
|||
|
|
<a href="romance.html">romance</a>
|
|||
|
|
<a href="fantasy.html">fantasy</a>
|
|||
|
|
<a href="scifi.html">sci-fi</a>
|
|||
|
|
<a href="horror.html">horror</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="dropdown">
|
|||
|
|
<button class="dropbtn">Authors
|
|||
|
|
<i class="fa fa-caret-down"></i>
|
|||
|
|
</button>
|
|||
|
|
<div class="dropdown-content">
|
|||
|
|
<a href="anahuang.html">Ana Huang</a>
|
|||
|
|
<a href="colleenhooveer.html">Colleen Hooveer</a>
|
|||
|
|
<a href="ellekennedy.html">Elle Kennedy</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="myFunction()">☰</a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
function myFunction() {
|
|||
|
|
var x = document.getElementById("myTopnav");
|
|||
|
|
if (x.className === "topnav") {
|
|||
|
|
x.className += " responsive";
|
|||
|
|
} else {
|
|||
|
|
x.className = "topnav";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<header>
|
|||
|
|
<h3 style="font-family: Times new Rowan; font-size:7.5vw">Horror books</h3>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<article style="font-family: Times new Rowan; padding: 50px;" >
|
|||
|
|
<h3 style="font-size: 3.5vw">Stephen King
|
|||
|
|
</h3>
|
|||
|
|
<h3 style="font-size: 2.5vw">IT</h3>
|
|||
|
|
|
|||
|
|
<img class="img1" src="https://images-na.ssl-images-amazon.com/images/S/compressed.photo.goodreads.com/books/1334416842i/830502.jpg" style="width:300px;">
|
|||
|
|
<p>
|
|||
|
|
Welcome to Derry, Maine ...
|
|||
|
|
<br><br>
|
|||
|
|
It’s a small city, a place as hauntingly familiar as your own hometown. Only in Derry the haunting is real ...
|
|||
|
|
<br><br>
|
|||
|
|
They were seven teenagers when they first stumbled upon the horror. Now they are grown-up men and women who have gone out into the big world to gain success and happiness. But none of them can withstand the force that has drawn them back to Derry to face the nightmare without an end, and the evil without a name.
|
|||
|
|
<br><br><br> <br> </p>
|
|||
|
|
<h3 style="font-size: 2.5vw">Pet Sematary</h3>
|
|||
|
|
<img class="img1" src="https://images-na.ssl-images-amazon.com/images/S/compressed.photo.goodreads.com/books/1399440710i/22047048.jpg" style="width:300px;">
|
|||
|
|
<p>
|
|||
|
|
When the Creeds move into a beautiful old house in rural Maine, it all seems too good to be true: physician father, beautiful wife, charming little daughter, adorable infant son—and now an idyllic home. As a family, they’ve got it all…right down to the friendly cat.
|
|||
|
|
<br><br>
|
|||
|
|
But the nearby woods hide a blood-chilling truth—more terrifying than death itself...and hideously more powerful.
|
|||
|
|
<br><br>
|
|||
|
|
The Creeds are going to learn that sometimes dead is better.<br><br><br><br>
|
|||
|
|
</p>
|
|||
|
|
<h3 style="font-size: 2.5vw">Misery</h3>
|
|||
|
|
<img class="img1" src="https://images-na.ssl-images-amazon.com/images/S/compressed.photo.goodreads.com/books/1553526700i/44589581.jpg" style="width:300px;">
|
|||
|
|
<p>
|
|||
|
|
Novelist Paul Sheldon has plans to make the difficult transition from writing historical romances featuring heroine Misery Chastain to publishing literary fiction. Annie Wilkes, Sheldon's number one fan, rescues the author from the scene of a car accident. The former nurse takes care of him in her remote house, but becomes irate when she discovers that the author has killed Misery off in his latest book. Annie keeps Sheldon prisoner while forcing him to write a book that brings Misery back to life.
|
|||
|
|
<br><br><br><br><br><br><br></p>
|
|||
|
|
<h3 style="font-size: 2.5vw">The Shining</h3>
|
|||
|
|
<img class="img1" src="https://images-na.ssl-images-amazon.com/images/S/compressed.photo.goodreads.com/books/1353277730i/11588.jpg" style="width:300px;">
|
|||
|
|
<p>Jack Torrance's new job at the Overlook Hotel is the perfect chance for a fresh start. As the off-season caretaker at the atmospheric old hotel, he'll have plenty of time to spend reconnecting with his family and working on his writing. But as the harsh winter weather sets in, the idyllic location feels ever more remote...and more sinister. And the only one to notice the strange and terrible forces gathering around the Overlook is Danny Torrance, a uniquely gifted five-year-old. </p>
|
|||
|
|
<br><br><br><br><br></article>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<section>
|
|||
|
|
<article>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
function rozlisenie()
|
|||
|
|
{
|
|||
|
|
winwidth=document.all?document.body.clientWidth:window.innerWidth;
|
|||
|
|
winHeight=document.all?document.body.clientHeight:window.innerHeight;
|
|||
|
|
alert(winwidth+"px, "+winHeight+" px");
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
</article>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<footer><br>
|
|||
|
|
<h4>#booktok made me read it</h4>
|
|||
|
|
</footer>
|