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> |