260 lines
8.7 KiB
HTML
260 lines
8.7 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">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
</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;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</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:6.5vw">What is #booktok?</h3>
|
|||
|
|
</header>
|
|||
|
|
<nav><i><div class="odkazy">
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">What is it?</a></li>
|
|||
|
|
<li><a href="#">Is Booktok a good thing?</a></li>
|
|||
|
|
<li><a href="#">How do I get BookTok?</a></li>
|
|||
|
|
<li><a href="#">Why is BookTok popular?</a></li>
|
|||
|
|
<li><a href="#">What is the most popular Booktok?</a></li>
|
|||
|
|
<li><a href="#">Top BookTok creators in 2023</a></li>
|
|||
|
|
<li><a href="#"></a></li>
|
|||
|
|
</ul></div>
|
|||
|
|
</i>
|
|||
|
|
</nav>
|
|||
|
|
<section>
|
|||
|
|
<article style="color: rgb(22, 48, 32); padding: 50px; font-family: Times new Rowan;"><div class="text">
|
|||
|
|
<h1>What is it?</h1>
|
|||
|
|
<p>
|
|||
|
|
BookTok, short for “Book TikTok,” is a community of users on TikTok who are passionate about books and literature. By making entertaining videos centered around the books they read, they have created an inventive way of discussing, reviewing, and recommending books that have revolutionized the literary and publishing communities.
|
|||
|
|
<br>
|
|||
|
|
<br>
|
|||
|
|
BookTok started as a hashtag on TikTok by a group of book lovers, and it quickly became a massive trend. Now, it is one of the world’s biggest social media communities for books. BookTok has over 29.1 billion views, and many big box retailers like Barnes & Noble have dedicated sections to the BookTok community.
|
|||
|
|
<br>
|
|||
|
|
<br>
|
|||
|
|
Like Instagram’s Bookstagrammers, these BookTokers are influencers with a devoted following of literary lovers worldwide. They use their platform to promote books they love, introduce new authors, and foster conversations with fellow readers.
|
|||
|
|
<br>
|
|||
|
|
<br>
|
|||
|
|
Creators often post content discussing their current reads, book hauls, and much more. They also like to talk about the characters in books they are reading and share funny anecdotes related to those characters.
|
|||
|
|
<br>
|
|||
|
|
<br>
|
|||
|
|
There’s a strong focus on young adult fiction, fantasy, and romance genres in BookTok. So, if you’re into those genres, this is the community for you! You’ll find book recommendations and discussions about popular book tropes like “enemies to lovers,” “morally gray villains,” and “right person wrong time.”
|
|||
|
|
</p>
|
|||
|
|
<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.
|
|||
|
|
<br>
|
|||
|
|
Here are some of the biggest BookTok influencers on TikTok in 2023 who have helped spark a generation’s bookish revolution.
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<table id="tabulka2" class="podfarbenie"><hr>
|
|||
|
|
<tr>
|
|||
|
|
<th>Username</th>
|
|||
|
|
<th>Followers</th>
|
|||
|
|
<th>Likes</th>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td><a href="https://www.tiktok.com/@aymansbooks">@aymansbooks</a></td>
|
|||
|
|
<td>947.4K</td>
|
|||
|
|
<td>102.6M</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td><a href="https://www.tiktok.com/@thebooksiveloved?lang=en">@thebooksiveloved</a></td>
|
|||
|
|
<td>553.3K</td>
|
|||
|
|
<td>29.3M</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td><a href="https://www.tiktok.com/@ezeekat">@ezeekat</a></td>
|
|||
|
|
<td>549.6K</td>
|
|||
|
|
<td>25.3M</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td><a href="https://www.tiktok.com/@abbysbooks?lang=en">@abbysbooks</a></td>
|
|||
|
|
<td>462.4K</td>
|
|||
|
|
<td>34.5M</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td><a href="https://www.tiktok.com/@amyjordanj">@amyjordanj</a></td>
|
|||
|
|
<td>385.7K</td>
|
|||
|
|
<td>14M</td>
|
|||
|
|
</tr>
|
|||
|
|
</table>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div></div>
|
|||
|
|
</article>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<footer><br>
|
|||
|
|
<h4>#booktok made me read it</h4>
|
|||
|
|
</footer>
|