This commit is contained in:
Viki Rajnakova
2024-05-13 15:33:18 +02:00
commit 4f05abc0ff
29 changed files with 5000 additions and 0 deletions

No files matched your search

+393
View File
@@ -0,0 +1,393 @@
<!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">
<link rel='stylesheet' id='site' href='http://changbin.borec.cz/druhy_polrok/javascript.css'
='text/css' media='all' />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js">
</script>
</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: 17px;
}
</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()">&#9776;</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:8vw">Ana Huang</h3>
</header>
<!-- <article>
<h1>Is booktok a good thing?</h1>
<p>Some of the positives of interacting with Booktok include easily finding recommendations for new books to check out and learn more about different authors. It also creates a community of people who love to read and that is 1000% a good thing, no doubts there.</p>
<h1>How do I get BookTok?</h1>
<p>Anyone with the TikTok app can be part of BookTok. Simply search for BookTok users or hashtags you like, then follow and interact with their content. You don’t even need a book-related account to be a part of BookTok.</p>
<h1>Why is BookTok so popular?</h1>
<p>BookTok is popular because it offers book lovers a chance to connect with like-minded readers and discuss their favorite literature. It also provides book recommendations from other users, allowing readers to discover new books and authors they may not have known about before.</p>
<h1>What is the most popular BookTok?</h1>
<p>The most popular BookTok account is @aymansbooks, which has over 892K followers! Ayman’s account combines bookish humor, book reviews, recommendations, hauls, tags, and more. It’s a great book-lovers haven!</p>
<h1>Top BookTok creators in 2023</h1>
<p>The rise of BookTok has taken the publishing industry by storm over the past few years, with influencers inspiring book lovers of all ages to pick up a book.
<p>Odkazy:
<hr>
<a href="http://changbin.borec.cz/3racha.jpg"
download="3racha.jpg">download Twisted Games</a><hr>
<a href="http://changbin.borec.cz/macka.docx"
download="">download Twisted Hate</a><hr>
<a href="http://changbin.borec.cz/bts.gif"
download="bts.gif">download Twisted Lies</a><hr>
</p>
</article>-->
<article style="font-family: Times new Rowan; padding: 50px;" >
<br><br><br><br><div>
<h4 style="font-size: 3vw">Twisted series</h4>
<h5><a href="http://changbin.borec.cz/Zadanie/Twisted Series.jpg"
download="Twisted Series.jpg">Characters</a></h5>
<h3 style="font-size: 2.5vw">Twisted love</h3><br>
<img class="img1" src="https://th.bing.com/th/id/OIP.Ipthu4QkznRjxH4oSQaPiwHaLE?rs=1&pid=ImgDetMain" style="width:300px;">
<p><b>He has a heart of ice...but for her, he'd burn the world.</b><br>
Alex Volkov is a devil blessed with the face of an angel and cursed with a past he can’t escape.<br>
Driven by a tragedy that has haunted him for most of his life, his ruthless pursuits for success and vengeance leave little room for matters of the heart.<br>
But when he’s forced to look after his best friend’s sister, he starts to feel something in his chest:<br>
A crack.<br>
A melt.<br>
A fire that could end his world as he knew it.<br>
<br>
***<br>
Ava Chen is a free spirit trapped by nightmares of a childhood she can’t remember.<br>
But despite her broken past, she’s never stopped seeing the beauty in the world…including the heart beneath the icy exterior of a man she shouldn’t want.<br>
Her brother’s best friend.<br>
Her neighbor.<br>
Her savior and her downfall.<br>
Theirs is a love that was never supposed to happen—but when it does, it unleashes secrets that could destroy them both…and everything they hold dear.
<br>
<a href="http://changbin.borec.cz/Zadanie/stiahnuť (6).jpg"
download="stiahnuť (6).jpg">Alex & Ava</a>
<br><br><br><br></p>
<br><br>
<h3 style="font-size: 2.5vw">Twisted games</h3><br>
<img class="img1" src="https://th.bing.com/th/id/OIP.tXZuJbTn2NOIql15JhbHFgHaLo?w=600&h=943&rs=1&pid=ImgDetMain" style="width:300px;">
<p><b>She can never be his...but he's taking her anyway.</b><br>
Stoic, broody, and arrogant, elite bodyguard Rhys Larsen has two rules: <br>
1) Protect his clients at all costs <br>
2) Do not become emotionally involved. Ever.<br>
He has never once been tempted to break those rules…until her.<br>
Bridget von Ascheberg. A princess with a stubborn streak that matches his own and a hidden fire that reduces his rules to ash. She’s nothing he expected and everything he never knew he needed.
<br>
Day by day, inch by inch, she breaks down his defenses until he’s faced with a truth he can no longer deny: he swore an oath to protect her, but all he wants is to ruin her. Take her.
<br>
Because she’s his.<br>
His princess.<br>
His forbidden fruit.<br>
His every depraved fantasy.<br>
***
<br>
Regal, strong-willed, and bound by the chains of duty, Princess Bridget dreams of the freedom to live and love as she chooses.<br>
But when her brother abdicates, she’s suddenly faced with the prospect of a loveless, politically expedient marriage and a throne she never wanted.<br>
And as she navigates the intricacies—and treacheries—of her new role, she must also hide her desire for a man she can’t have.<br>
Her bodyguard.<br>
Her protector.<br>
Her ultimate ruin.<br>
Unexpected and forbidden, theirs is a love that could destroy a kingdom…and doom them both.<br>
<a href="http://changbin.borec.cz/Zadanie/stiahnuť (5).jpg"
download="stiahnuť (5).jpg">Rhys & Bridget</a>
<br><br></p>
<h3 style="font-size: 2.5vw">Twisted hate</h3><br>
<img class="img1" src="https://th.bing.com/th/id/R.ff019a94ba86e49428ace3eca420dd99?rik=YafZgfdwqjPZgQ&riu=http%3a%2f%2fprodimage.images-bn.com%2fpimages%2f9781728274881_p0_v4_s1200x630.jpg&ehk=bnnKLO%2fNrOmPTDQNgPyhaauL5615WAkUsOdjel9empE%3d&risl=&pid=ImgRaw&r=0" style="width:300px;">
<p><b>He hates her...almost as much as he wants her.</b><br>
Gorgeous, cocky, and fast on his way to becoming a hotshot doctor, Josh Chen has never met a woman he couldn’t charm—except for Jules f**king Ambrose.<br>
The beautiful redhead has been a thorn in his side since they met, but she also consumes his thoughts in a way no woman ever has.<br>
When their animosity explodes into one unforgettable night, he proposes a solution that’ll get her out of his system once and for all: an enemies with benefits arrangement with simple rules.
<br>
No jealousy.<br>
No strings attached.<br>
And absolutely no falling in love.<br>
**<br>
Outgoing and ambitious, Jules Ambrose is a former party girl who’s focused on one thing: passing the attorney’s bar exam.<br>
The last thing she needs is to get involved with a doctor who puts the SUFFER in insufferable…no matter how good-looking he is.<br>
But the more she gets to know him, the more she realizes there’s more than meets the eye to the man she’s hated for so long.<br>
Her best friend’s brother.<br>
Her nemesis.<br>
And her only salvation.<br>
Theirs is a match made in hell, and when the demons from their past catch up with them, they’re faced with truths that could either save them …or destroy everything they’ve worked for.<br>
<a href="http://changbin.borec.cz/Zadanie/Josh & Jules - Twisted Hate.jpg"
download="Josh & Jules - Twisted Hate.jpg">Josh & Jules</a></p>
<br><br><br><br>
<h3 style="font-size: 2.5vw">Twisted lies</h3><br>
<img class="img1" src="https://rukminim1.flixcart.com/image/832/832/xif0q/regionalbooks/v/n/c/twisted-lies-paperback-twisted-book-4-original-imaggghbwhwwbpp8.jpeg?q=70" style="width:300px;">
<p><b>He'll do anything to have her...including lie.</b><br>
Charming, deadly, and smart enough to hide it, Christian Harper is a monster dressed in the perfectly tailored suits of a gentleman.<br>
He has little use for morals and even less use for love, but he can’t deny the strange pull he feels toward the woman living just one floor below him.<br>
She’s the object of his darkest desires, the only puzzle he can’t solve. And when the opportunity to get closer to her arises, he breaks his own rules to offer her a deal she can’t refuse.
<br>
Every monster has their weakness. She’s his.<br>
His obsession.<br>
His addiction.<br>
His only exception.<br>
**<br>
Sweet, shy, and introverted despite her social media fame, Stella Alonso is a romantic who keeps her heart in a cage.<br>
Between her two jobs, she has little time or desire for a relationship.<br>
But when a threat from her past drives her into the arms—and house—of the most dangerous man she’s ever met, she’s tempted to let herself feel something for the first time in a long time.
<br>
Because despite Christian’s cold nature, he makes her feel everything when she’s with him.<br>
Passionate.<br>
Protected.<br>
Truly wanted.<br>
Theirs is a love twisted with secrets and tainted by lies…and when the truths are finally revealed, they could shatter everything.<br>
<a href="http://changbin.borec.cz/Zadanie/Stella & Christian - Twisted Lies.jpg"
download="Stella & Christian - Twisted Lies.jpg">Christian & Stella</a>
</p>
<!-- <div class="tenor-gif-embed" data-postid="17008207" data-share-method="host" data-aspect-ratio="1.49533" data-width="100%"><a href="https://tenor.com/view/the-sword-in-the-stone-disney-classic-books-gif-17008207">The Sword In The Stone Disney GIF</a>from <a href="https://tenor.com/search/the+sword+in+the+stone-gifs">The Sword In The Stone GIFs</a></div> <script type="text/javascript" async src="https://tenor.com/embed.js">
--></div>
</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>