252 lines
9.5 KiB
HTML
252 lines
9.5 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: 23px;
|
||
</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:7vw">Fantasy books</h3>
|
||
</header>
|
||
<section>
|
||
<article style="font-family: Times new Rowan; padding: 50px;" >
|
||
|
||
<h4 style="font-size: 3vw">ACOTAR series</h4>
|
||
<h3 style="font-size: 2.5vw">A Court of Thrones and Roses</h3>
|
||
|
||
<img class="img1" src="https://i5.walmartimages.com/asr/e1d13ac0-c959-43c3-bbf7-66b3c6541458.6652eee902b0f67ef62bbfe55850feb6.jpeg" style="width:300px;">
|
||
<p>
|
||
When nineteen-year-old huntress Feyre kills a wolf in the woods, a terrifying creature arrives to demand retribution. Dragged to a treacherous magical land she knows about only from legends, Feyre discovers that her captor is not truly a beast, but one of the lethal, immortal faeries who once ruled her world.
|
||
<br><br>
|
||
At least, he’s not a beast all the time.
|
||
<br><br>
|
||
As she adapts to her new home, her feelings for the faerie, Tamlin, transform from icy hostility into a fiery passion that burns through every lie she’s been told about the beautiful, dangerous world of the Fae. But something is not right in the faerie lands. An ancient, wicked shadow is growing, and Feyre must find a way to stop it, or doom Tamlin—and his world—forever.
|
||
<br><br><br> <br><br><br> </p>
|
||
|
||
<h3 style="font-size: 2.5vw">A Court of Mist and Fury</h3>
|
||
|
||
<img class="img1" src="https://i5.walmartimages.com/asr/0789bb9e-6e94-4024-bd09-88b4d9ec58f3.d068f9a1609132e2d8d45f92300d44b5.jpeg"style="width:300px;">
|
||
<p>
|
||
Feyre has undergone more trials than one human woman can carry in her heart. Though she's now been granted the powers and lifespan of the High Fae, she is haunted by her time Under the Mountain and the terrible deeds she performed to save the lives of Tamlin and his people.
|
||
<br><br>
|
||
As her marriage to Tamlin approaches, Feyre's hollowness and nightmares consume her.
|
||
<br>She finds herself split into two different one who upholds her bargain with Rhysand, High Lord of the feared Night Court, and one who lives out her life in the Spring Court with Tamlin.
|
||
<br><br>While Feyre navigates a dark web of politics, passion, and dazzling power, a greater evil looms. She might just be the key to stopping it, but only if she can harness her harrowing gifts, heal her fractured soul, and decide how she wishes to shape her future-and the future of a world in turmoil.
|
||
<br><br><br>
|
||
|
||
<br><br> </p>
|
||
<h3 style="font-size: 2.5vw">A Court of Wings and Ruin</h3>
|
||
|
||
<img class="img1" src="https://th.bing.com/th/id/OIP.j0w1S0HfzeDSzAr8NgIPiQHaLZ?rs=1&pid=ImgDetMain"style="width:300px;">
|
||
<p>
|
||
Feyre has returned to the Spring Court, determined to gather information on Tamlin's actions and learn what she can about the invading king threatening to bring her land to its knees. But to do so she must play a deadly game of deceit. One slip could bring doom not only for Feyre, but for everything-and everyone-she holds dear.
|
||
<br><br>
|
||
As war bears down upon them all, Feyre endeavors to take her place amongst the High Fae of the land, balancing her struggle to master her powers-both magical and political-and her love for her court and family. Amidst these struggles, Feyre and Rhysand must decide whom to trust amongst the cunning and lethal High Lords, and hunt for allies in unexpected places.
|
||
<br><br><br><br><br><br><br></p>
|
||
|
||
<h3 style="font-size: 2.5vw">A Court of Frost and Starlight</h3>
|
||
|
||
<img class="img1" src="https://images.thenile.io/r1000/9781526617187.jpg" style="width:300px;">
|
||
<p>
|
||
Feyre, Rhysand, and their friends are still busy rebuilding the Night Court and the vastly altered world beyond, recovering from the war that changed everything. But Winter Solstice is finally approaching, and with it, the joy of a hard-earned reprieve.
|
||
<br><br>
|
||
Yet even the festive atmosphere can't keep the shadows of the past from looming. As Feyre navigates her first Winter Solstice as High Lady, her concern for those dearest to her deepens. They have more wounds than she anticipated-scars that will have a far-reaching impact on the future of their court.
|
||
<br><br><br><br><br><br><br><br>
|
||
</p>
|
||
|
||
<h3 style="font-size: 2.5vw">A Court of Silver Flames</h3>
|
||
|
||
<img class="img1" src="https://static.fnac-static.com/multimedia/Images/FR/NR/59/e7/d5/14018393/1507-1/tsp20220711110138/A-Court-of-Silver-Flames.jpg" style="width:300px;">
|
||
<p>
|
||
Nesta Archeron has always been prickly-proud, swift to anger, and slow to forgive. And ever since being forced into the Cauldron and becoming High Fae against her will, she's struggled to find a place for herself within the strange, deadly world she inhabits. Worse, she can't seem to move past the horrors of the war with Hybern and all she lost in it.
|
||
<br><br>
|
||
The one person who ignites her temper more than any other is Cassian, the battle-scarred warrior whose position in Rhysand and Feyre's Night Court keeps him constantly in Nesta's orbit. But her temper isn't the only thing Cassian ignites. The fire between them is undeniable, and only burns hotter as they are forced into close quarters with each other.
|
||
<br><br>
|
||
Meanwhile, the treacherous human queens who returned to the Continent during the last war have forged a dangerous new alliance, threatening the fragile peace that has settled over the realms. And the key to halting them might very well rely on Cassian and Nesta facing their haunting pasts.
|
||
<br><br>
|
||
Against the sweeping backdrop of a world seared by war and plagued with uncertainty, Nesta and Cassian battle monsters from within and without as they search for acceptance-and healing-in each other's arms.
|
||
<br> </p>
|
||
|
||
</article>
|
||
</section>
|
||
|
||
|
||
|
||
<footer><br>
|
||
<h4>#booktok made me read it</h4>
|
||
</footer> |