393 lines
14 KiB
HTML
393 lines
14 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">
|
|||
|
|
<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()">☰</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>
|