281 lines
8.4 KiB
HTML
281 lines
8.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: 20px;
|
|||
|
|
</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">Romance books</h3>
|
|||
|
|
</header>
|
|||
|
|
<section>
|
|||
|
|
<article style="font-family: Times new Rowan; padding: 50px;" >
|
|||
|
|
<br><br><br><br>
|
|||
|
|
<h3 style="font-size: 2.5vw">Archer's voice</h3>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<img class="img1" src="https://th.bing.com/th/id/R.65b1a541680d3511f6267dc6b2189148?rik=TqaFwpL8Ttb1IQ&riu=http%3a%2f%2fprodimage.images-bn.com%2fpimages%2f9781538727355_p0_v3_s1200x630.jpg&ehk=%2b8ZMMoHp60nJ8Zeo9xpgnhGOvRCBB6vUCJGTUEdZSBI%3d&risl=&pid=ImgRaw&r=0"
|
|||
|
|
style="width:300px;">
|
|||
|
|
<p>
|
|||
|
|
When Bree Prescott arrives in the sleepy, lakeside town of Pelion, Maine, she hopes against hope that this is the place where she will finally find the peace she so desperately seeks. On her first day there, her life collides with Archer Hale, an isolated man who holds a secret agony of his own. A man no one else sees.
|
|||
|
|
<br><br>
|
|||
|
|
Archer's Voice is the story of a woman chained to the memory of one horrifying night and the man whose love is the key to her freedom.
|
|||
|
|
<br><br>It is the story of a silent man who lives with an excruciating wound and the woman who helps him find his voice.
|
|||
|
|
<br><br>It is the story of suffering, fate, and the transformative power of love.
|
|||
|
|
<br><br> <br><br><br><br><br> <br></p>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<h3 style="font-size: 2.5vw">A milion kisses in your lifetime</h3>
|
|||
|
|
|
|||
|
|
<img class="img1" src="https://www.bruna.nl/images/active/carrousel/fullsize/9781405955560_front.jpg"
|
|||
|
|
style="width:300px;">
|
|||
|
|
<p>
|
|||
|
|
Wren Beaumont is many things.<br><br>
|
|||
|
|
|
|||
|
|
Beautiful.<br>
|
|||
|
|
Smart.<br>
|
|||
|
|
Sweet.<br>
|
|||
|
|
Innocent.<br>
|
|||
|
|
<br>
|
|||
|
|
At Lancaster Prep, the girls love her. They all want to be her friend. Only I see Wren for who she really is.
|
|||
|
|
<br>
|
|||
|
|
A repressed little virgin who keeps her feelings locked up so tight she’s probably close to bursting. She thinks she’s above us all.
|
|||
|
|
<br>
|
|||
|
|
Even me.
|
|||
|
|
<br>
|
|||
|
|
I shouldn’t be drawn to her. She’s not my type.
|
|||
|
|
<br>
|
|||
|
|
Until we’re forced to work together in class and realize we might have more things in common than we originally thought. Soon enough I find myself completely obsessed. I will do anything for this girl to make her fall in love with me.
|
|||
|
|
<br><br>
|
|||
|
|
Anything.
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<h3 style="font-size: 2.5vw">Icebreaker</h3>
|
|||
|
|
|
|||
|
|
<img class="img1" src="https://th.bing.com/th/id/OIP.qw4Yt7J89u6V7K8zqx54pQHaLd?rs=1&pid=ImgDetMain"
|
|||
|
|
style="width:300px;">
|
|||
|
|
<p>
|
|||
|
|
Anastasia Allen has worked her entire life for a shot at Team USA. It looks like everything is going according to plan when she gets a full scholarship to the University of California, Maple Hills and lands a place on their competitive figure skating team.
|
|||
|
|
<br><br>
|
|||
|
|
Nothing will stand in her way, not even the captain of the hockey team, Nate Hawkins.
|
|||
|
|
<br><br>
|
|||
|
|
Nate’s focus as team captain is on keeping his team on the ice. Which is tricky when a facilities mishap means they are forced to share a rink with the figure skating team—including Anastasia, who clearly can’t stand him.
|
|||
|
|
<br>
|
|||
|
|
But when Anastasia’s skating partner faces an uncertain future, she may have to look to Nate to take her shot.
|
|||
|
|
<br><br>
|
|||
|
|
Sparks fly, but Anastasia isn’t worried… because she could never like a hockey player, right?<br><br><br><br><br><br>
|
|||
|
|
</p>
|
|||
|
|
<h3 style="font-size: 2.5vw">The Fine print</h3>
|
|||
|
|
|
|||
|
|
<img class="img1" src="https://images.thalia.media/07/-/85dc8f5ceaa84d7cadd7e1cbbc30038b/the-fine-print-taschenbuch-lauren-asher-englisch.jpeg"
|
|||
|
|
style="width:300px;">
|
|||
|
|
<p>
|
|||
|
|
Rowan<br>
|
|||
|
|
I'm in the business of creating fairy tales.<br>
|
|||
|
|
Theme parks. Production companies. Five-star hotels.<br>
|
|||
|
|
Everything could be all mine if I renovated Dreamland.<br>
|
|||
|
|
My initial idea of hiring Zahra was good in theory, but then I kissed her.<br>
|
|||
|
|
Things spiraled out of control once I texted her using an alias.<br>
|
|||
|
|
By the time I realized where I went wrong, it was too late.<br>
|
|||
|
|
People like me don't get happy endings.<br>
|
|||
|
|
Not when we're destined to ruin them.<br>
|
|||
|
|
<br>
|
|||
|
|
Zahra
|
|||
|
|
After submitting a drunk proposal criticizing Dreamland's most expensive ride, I should have been fired.<br>
|
|||
|
|
Instead, Rowan Kane offered me a dream job.<br>
|
|||
|
|
The catch? I had to work for the most difficult boss I'd ever met.<br>
|
|||
|
|
Rowan was rude and completely off-limits, but my heart didn't care.<br>
|
|||
|
|
At least not until I discovered his secret.<br>
|
|||
|
|
It was time to teach the billionaire that money couldn't fix everything.<br>
|
|||
|
|
Especially not us.<br>
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</article>
|
|||
|
|
</section>
|
|||
|
|
<footer><br>
|
|||
|
|
<h4>#booktok made me read it</h4>
|
|||
|
|
</footer>
|