Frontend of a bookstore website.

<!DOCTYPE html>
<html lang=”en”>
<head>
<metacharset=”UTF-8″>
<metahttp-equiv=”X-UA-Compatible”content=”IE=edge”>
<metaname=”viewport”content=”width=device-width, initial-scale=1.0″>
<linkrel=”stylesheet”href=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css”>
<title> Bookstore </title>
<link rel=”stylesheet” href=”body.css”> <!–linking the css file–>
<script src=”https://kit.fontawesome.com/6f0e8eb73f.js” crossorigin=”anonymous”></script> <!–this is to get the social media icons–>
</head>

<body>
<scriptsrc=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js”></script>
<header><!–this is the header of the page–>
<div>
<nav><!–Navigation bar–>
<divclass = “openname”><ahref=”index.html”><imgclass = “image3″src=”LL-white-01.png”alt=””></a>
<h3w>Literally Literature</h3w></div>
 
<inputtype=”checkbox”id = “bars”>
<labelfor=”bars”class = “menuhide”><iclass = “fas fa-bars”></i></label>
<ul>
<li><ahref= “index.html”>Home</a></li>
<li><ahref= “books.html”>Books</a></li>
<li><ahref= “accesories.html”>Accesories</a></li>
<li><ahref= “blogs.html”>Blogs</a></li>
<li><ahref= “manuscript.html”>Manuscript</a></li>
<li><ahref= “literaryawards.html”>Literary Awards</a>
<divclass = “submenu”>
<ul>
<li><aclass=”dropdown-item”href=”nobel.html”>Nobel Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”booker.html”>Booker Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”intbooker.html”>International Booker Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”pulitzer.html”>Pulitzer Prize</a></li>
</ul>
</div></li>
<li><ahref= “contact.html”>Comparison</a></li>
</ul>
</nav>
</div>
<div><!–Banner–>
<ahref=”books.html”><imgclass = “imageban”src=”Web Banner-01-2.jpg”alt=””></a>
</div>
</header><!–header end–>
 

 

 

<div id = “container”> <!–this is the main part–>
<divid = “main”>

<img class = “image1″ src=”LL-03.png” alt=””> <!– importing the logo, making a class to edit the style–>
<h1 class = “header1”> Literally Literature </h1> <!– header 1 –>
<h2> your bookish destination </h2> <!– header 2 –>
<h3> We Love Our Readers! </h3> <!– header 3 –>
<p> Frank Zappa surely said, <em> “So Many Books, So Little Time!” </em><br>
We are here to assist you in devouring the taste of books in the shortest time. Choose the path that is most convenient to you, we serve it all.
<br> If you can not come to us, we will come to you!
<br> Paperbacks, Hardcovers, Library Bounds, Mass Market Paperback – we deliver everything sooner than you ever anticipate.
<br> Audiobooks! They count as reading too! We have a mass collection of audiobooks for <strong>FREE!</strong></p>

<h3> Authors! We Got Your Back! </h3> <!– header 3 –>
<p> If you believe you got what it takes to be the next best-seller, we are here to make it easy!<br>
If you have the manuscript ready, post a part of it in your LL author account and our judges will read it!
<br> We have some of the well-known literary agents in our judges panel!
<br> They will represent you in a BIG5 deal and <strong> YOU DON’T HAVE TO WRITE A QUERY FOR IT!</strong></p>

<h3> Locations & Hours </h3> <!– header 3 –>
<p> City Corner<br>
3223 Pinacle St. Quelong, MI 48222
<br><strong> Monday-Friday 10AM-8PM </strong></p>
</div>
</div>


<footer id=”footer”> <!–this is the footer–>
<!–added social media icons and links–>
<ahref=”https://github.com/JahirulOpi”><i
class=”fa-brands fa-square-github”></i></a>
<ahref=”https://www.behance.net/jahirulopi”><i
class=”fa-brands fa-square-behance”></i></a>
<ahref=”https://www.linkedin.com/in/jahirul-opi/”>
<iclass=”fa-brands fa-linkedin”></i></a>
<p1><br>Copyright &copy; 2023 Jahirul Opi</p1>
</footer><!–footer end–>

</body>

</html>
<!DOCTYPE html>
<html lang=”en”>
<head>
<metacharset=”UTF-8″>
<metahttp-equiv=”X-UA-Compatible”content=”IE=edge”>
<metaname=”viewport”content=”width=device-width, initial-scale=1.0″>
<linkrel=”stylesheet”href=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css”>
<title>Books</title>
<linkrel=”stylesheet”href=”body.css”><!–linking the css file–>
<script src=”https://kit.fontawesome.com/6f0e8eb73f.js” crossorigin=”anonymous”></script> <!–this is to get the social media icons–>
</head>
<body>
<scriptsrc=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js”></script>
 
<header> <!–this is the header of the page–>
<div>
<nav><!–Navigation bar–>
<divclass = “openname”><ahref=”index.html”><imgclass = “image3″src=”LL-white-01.png”alt=””></a>
<h3w>Literally Literature</h3w></div>
 
<inputtype=”checkbox”id = “bars”>
<labelfor=”bars”class = “menuhide”><iclass = “fas fa-bars”></i></label>
<ul>
<li><ahref= “index.html”>Home</a></li>
<li><ahref= “books.html”>Books</a></li>
<li><ahref= “accesories.html”>Accesories</a></li>
<li><ahref= “blogs.html”>Blogs</a></li>
<li><ahref= “manuscript.html”>Manuscript</a></li>
<li><ahref= “literaryawards.html”>Literary Awards</a>
<divclass = “submenu”>
<ul>
<li><aclass=”dropdown-item”href=”nobel.html”>Nobel Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”booker.html”>Booker Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”intbooker.html”>International Booker Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”pulitzer.html”>Pulitzer Prize</a></li>
</ul>
</div></li>
<li><ahref= “contact.html”>Comparison</a></li>
</ul>
</nav>
</div>
<div><!–Banner–>
<ahref=”books.html”><imgclass = “imageban”src=”Web Banner-01-2.jpg”alt=””></a>
</div>
</header><!–header end–>


<div id = “container”> <!–this is the main part–>
<divid = “main”>
<h6>Books</h6>
<div class=”row”> <!–row and column to display items as a column–>
<divclass=”column”>
<imgclass = “bookimage”src=”mockup for website1.png”alt=””>
<h4>The Kite Runner</h4>
<h5>Khaled Hosseini</h5>
<labelfor=”Prices”>Select a format:</label>
<selectname=”Prices”id=”books”><!–selection bar–>
<optionvalue=”Hardcover”>Hardcover $17.49</option>
<optionvalue=”Paperback”>Paperback $14.49</option>
<optionvalue=”E-book”>E-book $1.99</option>
<optionvalue=”Audiobook”>Audiobook $4.99</option>
<optionvalue=”Graphic Novel”>Graphic Novel $12.49</option>
</select>
<h4><button>Add to Cart</button><button>Buy Now</button></h4><!–buttons–>
</div>
<divclass=”column”>
<imgclass = “bookimage”src=”mockup for website2.png”alt=””>
<h4>The Great Alone</h4>
<h5>Kristin Hannah</h5>
<labelfor=”Prices”>Select a format:</label>
<selectname=”Prices”id=”books”><!–selection bar–>
<optionvalue=”Hardcover”>Hardcover $15.50</option>
<optionvalue=”Paperback”>Paperback $8.18</option>
<optionvalue=”E-book”>E-book $1.99</option>
<optionvalue=”Audiobook”>Audiobook $4.99</option>
</select>
<h4><button>Add to Cart</button><button>Buy Now</button></h4><!–buttons–>
</div>
<divclass=”column”>
<imgclass = “bookimage”src=”mockup for website3.png”alt=””>
<h4>Elena Knows</h4>
<h5>Claudia Piñeiro</h5>
<labelfor=”Prices”>Select a format:</label>
<selectname=”Prices”id=”books”><!–selection bar–>
<optionvalue=”Paperback”>Paperback $14.99</option>
<optionvalue=”E-book”>E-book $1.99</option>
<optionvalue=”Audiobook”>Audiobook $4.99</option>
</select>
<h4><button>Add to Cart</button><button>Buy Now</button></h4><!–buttons–>
</div>
<divclass=”column”>
<imgclass = “bookimage”src=”mockup for website4.png”alt=””>
<h4>A Man Called Ove</h4>
<h5>Fredrik Backman</h5>
<labelfor=”Prices”>Select a format:</label>
<selectname=”Prices”id=”books”><!–selection bar–>
<optionvalue=”Hardcover”>Hardcover $15.99</option>
<optionvalue=”Paperback”>Paperback $12.54</option>
<optionvalue=”E-book”>E-book $1.99</option>
<optionvalue=”Audiobook”>Audiobook $4.99</option>
</select>
<h4><button>Add to Cart</button><button>Buy Now</button></h4><!–buttons–>
</div>
<divclass=”column”>
<imgclass = “bookimage”src=”mockup for website5.png”alt=””>
<h4>The Fortune Men</h4>
<h5>Nadifa Mohamed</h5>
<labelfor=”Prices”>Select a format:</label>
<selectname=”Prices”id=”books”><!–selection bar–>
<optionvalue=”Hardcover”>Hardcover $15.21</option>
<optionvalue=”Paperback”>Paperback $17.00</option>
<optionvalue=”E-book”>E-book $1.99</option>
<optionvalue=”Audiobook”>Audiobook $4.99</option>
</select>
<h4><button>Add to Cart</button><button>Buy Now</button></h4><!–buttons–>
</div>
<divclass=”column”>
<imgclass = “bookimage”src=”mockup for website6.png”alt=””>
<h4>The God of Small Things</h4>
<h5>Arundhati Roy</h5>
<labelfor=”Prices”>Select a format:</label>
<selectname=”Prices”id=”books”><!–selection bar–>
<optionvalue=”Hardcover”>Hardcover $27.80</option>
<optionvalue=”Paperback”>Paperback $15.99</option>
<optionvalue=”E-book”>E-book $0.99</option>
<optionvalue=”Audiobook”>Audiobook $4.99</option>
</select>
<h4><button>Add to Cart</button><button>Buy Now</button></h4><!–buttons–>
</div>
<divclass=”column”><!–selection bar–>
<imgclass = “bookimage”src=”mockup for website7.png”alt=””>
<h4>Bewilderment</h4>
<h5>Richard Powers</h5>
<labelfor=”Prices”>Select a format</label>
<selectname=”Prices”id=”books”>
<optionvalue=”Hardcover”>Hardcover $13.97</option>
<optionvalue=”Paperback”>Paperback $13.99</option>
<optionvalue=”E-book”>E-book $1.99</option>
<optionvalue=”Audiobook”>Audiobook $4.99</option>
</select>
<h4><button>Add to Cart</button><button>Buy Now</button></h4><!–buttons–>
</div>
<divclass=”column”>
<imgclass = “bookimage”src=”mockup for website8.png”alt=””>
<h4>Klara And The Sun</h4>
<h5>Kazuo Ishiguro</h5>
<labelfor=”Prices”>Select a format:</label>
<selectname=”Prices”id=”books”><!–selection bar–>
<optionvalue=”Hardcover”>Hardcover $15.36</option>
<optionvalue=”Paperback”>Paperback $14.20</option>
<optionvalue=”E-book”>E-book $1.99</option>
<optionvalue=”Audiobook”>Audiobook $4.99</option>
</select>
<h4><button>Add to Cart</button><button>Buy Now</button></h4><!–buttons–>
</div>
<divclass=”column”>
<imgclass = “bookimage”src=”mockup for website9.png”alt=””>
<h4>There There</h4>
<h5>Tommy Orange</h5>
<labelfor=”Prices”>Select a format:</label>
<selectname=”Prices”id=”books”><!–selection bar–>
<optionvalue=”Hardcover”>Hardcover $14.54</option>
<optionvalue=”Paperback”>Paperback $8.06</option>
<optionvalue=”E-book”>E-book $1.99</option>
<optionvalue=”Audiobook”>Audiobook $4.99</option>
</select>
<h4><button>Add to Cart</button><button>Buy Now</button></h4><!–buttons–>
</div>
<divclass=”column”>
<imgclass = “bookimage”src=”mockup for website10.png”alt=””>
<h4>Where The Crawdads Sing</h4>
<h5>Delia Owens</h5>
<labelfor=”Prices”>Select a format:</label>
<selectname=”Prices”id=”books”><!–selection bar–>
<optionvalue=”Hardcover”>Hardcover $12.51</option>
<optionvalue=”Paperback”>Paperback $9.98</option>
<optionvalue=”E-book”>E-book $1.99</option>
<optionvalue=”Audiobook”>Audiobook $4.99</option>
</select>
<h4><button>Add to Cart</button><button>Buy Now</button></h4><!–buttons–>
</div>
<divclass=”column”>
<imgclass = “bookimage”src=”mockup for website11.png”alt=””>
<h4>The Colony</h4>
<h5>Audrey Magee</h5>
<labelfor=”Prices”>Select a format:</label>
<selectname=”Prices”id=”books”><!–selection bar–>
<optionvalue=”Hardcover”>Hardcover $21.49</option>
<optionvalue=”Paperback”>Paperback $19.00</option>
<optionvalue=”E-book”>E-book $1.99</option>
<optionvalue=”Audiobook”>Audiobook $4.99</option>
</select>
<h4><button>Add to Cart</button><button>Buy Now</button></h4><!–buttons–>
</div>
<divclass=”column”>
<imgclass = “bookimage”src=”mockup for website12.png”alt=””>
<h4>All My Rage</h4>
<h5>Sabaa Tahir</h5>
<labelfor=”Prices”>Select a format:</label>
<selectname=”Prices”id=”books”><!–selection bar–>
<optionvalue=”Hardcover”>Hardcover $10.44</option>
<optionvalue=”Paperback”>Paperback $11.69</option>
<optionvalue=”E-book”>E-book $1.99</option>
<optionvalue=”Audiobook”>Audiobook $4.99</option>
</select>
<h4><button>Add to Cart</button><button>Buy Now</button></h4><!–buttons–>
</div>



</div>
</div>
</div>
<footerid=”footer”><!–this is the footer–>
<ahref=”https://github.com/JahirulOpi”><i
class=”fa-brands fa-square-github”></i></a>
<ahref=”https://www.behance.net/jahirulopi”><i
class=”fa-brands fa-square-behance”></i></a>
<ahref=”https://www.linkedin.com/in/jahirul-opi/”>
<iclass=”fa-brands fa-linkedin”></i></a>
<p1><br>Copyright &copy; 2023 Jahirul Opi</p1>
</footer><!–footer end–>

</body>
</html>
<!DOCTYPE html>
<html lang=”en”>
<head>
<metacharset=”UTF-8″>
<metahttp-equiv=”X-UA-Compatible”content=”IE=edge”>
<metaname=”viewport”content=”width=device-width, initial-scale=1.0″>
<linkrel=”stylesheet”href=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css”>
<title>Accesories</title>
<linkrel=”stylesheet”href=”body.css”><!–linking the css file–>
<script src=”https://kit.fontawesome.com/6f0e8eb73f.js” crossorigin=”anonymous”></script> <!–this is to get the social media icons–>
</head>
<body>
<scriptsrc=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js”></script>
<header><!–this is the header of the page–>
<div>
<nav><!–Navigation bar–>
<divclass = “openname”><ahref=”index.html”><imgclass = “image3″src=”LL-white-01.png”alt=””></a>
<h3w>Literally Literature</h3w></div>
 
<inputtype=”checkbox”id = “bars”>
<labelfor=”bars”class = “menuhide”><iclass = “fas fa-bars”></i></label>
<ul>
<li><ahref= “index.html”>Home</a></li>
<li><ahref= “books.html”>Books</a></li>
<li><ahref= “accesories.html”>Accesories</a></li>
<li><ahref= “blogs.html”>Blogs</a></li>
<li><ahref= “manuscript.html”>Manuscript</a></li>
<li><ahref= “literaryawards.html”>Literary Awards</a>
<divclass = “submenu”>
<ul>
<li><aclass=”dropdown-item”href=”nobel.html”>Nobel Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”booker.html”>Booker Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”intbooker.html”>International Booker Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”pulitzer.html”>Pulitzer Prize</a></li>
</ul>
</div></li>
<li><ahref= “contact.html”>Comparison</a></li>
</ul>
</nav>
</div>
<div><!–Banner–>
<ahref=”books.html”><imgclass = “imageban”src=”Web Banner-01-2.jpg”alt=””></a>
</div>
</header><!–header end–>
<p>
<picture> <!–animated image–>
<sourcemedia=”(min-width: 480px)”
srcset=”Gif1200.gif 1200w, Gif400.gif 800w”
sizes = “80vw”>
<imgsrc=”Gif400.gif”alt=”book”>
</picture>
</p>

<div id = “container”> <!–this is the main part–>
<divid = “main”>

<divclass=”row”><!–row and column to display items as a column–>
<divclass=”column”>
<divid=”carouselExample”class=”carousel slide”><!–Carousel using bootstrap–>
<divclass=”carousel-inner”>
<divclass=”carousel-item active”>
<imgsrc=”book anchor black-2.png”class=”d-block w-100″alt=”…”>
</div>
<divclass=”carousel-item”>
<imgsrc=”book anchor golden-2.png”class=”d-block w-100″alt=”…”>
</div>
<divclass=”carousel-item”>
<imgsrc=”book anchor silver-2.png”class=”d-block w-100″alt=”…”>
</div>
</div>
<divclass=”carousel-control-prev”type=”button”data-bs-target=”#carouselExample”data-bs-slide=”prev”>
<spanclass=”carousel-control-prev-icon”aria-hidden=”true”></span>
<spanclass=”visually-hidden”>Previous</span>
</div>
<divclass=”carousel-control-next”type=”button”data-bs-target=”#carouselExample”data-bs-slide=”next”>
<spanclass=”carousel-control-next-icon”aria-hidden=”true”></span>
<spanclass=”visually-hidden”>Next</span>
</div>
</div>
<h4>Book Anchor</h4>
<h5>$9.99</h5>
<labelfor=”Prices”>Select a color:</label>
<selectname=”Prices”id=”books”><!–selection bar–>
<optionvalue=”Black”>Black</option>
<optionvalue=”Golden”>Golden</option>
<optionvalue=”Silver”>Silver</option>
 
</select>
<h4><button>Add to Cart</button><button>Buy Now</button></h4><!–buttons–>
</div>

 
<divclass=”column”>
<divid=”carouselExample2″class=”carousel slide”><!–Carousel using bootstrap–>
<divclass=”carousel-inner”>
<divclass=”carousel-item active”>
<imgsrc=”book light black.png”class=”d-block w-100″alt=”…”>
</div>
<divclass=”carousel-item”>
<imgsrc=”book light white.png”class=”d-block w-100″alt=”…”>
</div>
</div>
<divclass=”carousel-control-prev”type=”button”data-bs-target=”#carouselExample2″data-bs-slide=”prev”>
<spanclass=”carousel-control-prev-icon”aria-hidden=”true”></span>
<spanclass=”visually-hidden”>Previous</span>
</div>
<divclass=”carousel-control-next”type=”button”data-bs-target=”#carouselExample2″data-bs-slide=”next”>
<spanclass=”carousel-control-next-icon”aria-hidden=”true”></span>
<spanclass=”visually-hidden”>Next</span>
</div>
</div>
<h4>Reading Light</h4>
<h5>$14.99</h5>
<labelfor=”Prices”>Select a color:</label>
<selectname=”Prices”id=”books”><!–selection bar–>
<optionvalue=”Black”>Black</option>
<optionvalue=”White”>White</option>
 
</select>
<h4><button>Add to Cart</button><button>Buy Now</button></h4><!–buttons–>
</div>
<divclass=”column”>
<divid=”carouselExample3″class=”carousel slide”><!–Carousel using bootstrap–>
<divclass=”carousel-inner”>
<divclass=”carousel-item active”>
<imgsrc=”neck lamp grey.png”class=”d-block w-100″alt=”…”>
</div>
<divclass=”carousel-item”>
<imgsrc=”neck lamp blue.png”class=”d-block w-100″alt=”…”>
</div>
<divclass=”carousel-item”>
<imgsrc=”neck lamp pink.png”class=”d-block w-100″alt=”…”>
</div>
</div>
<divclass=”carousel-control-prev”type=”button”data-bs-target=”#carouselExample3″data-bs-slide=”prev”>
<spanclass=”carousel-control-prev-icon”aria-hidden=”true”></span>
<spanclass=”visually-hidden”>Previous</span>
</div>
<divclass=”carousel-control-next”type=”button”data-bs-target=”#carouselExample3″data-bs-slide=”next”>
<spanclass=”carousel-control-next-icon”aria-hidden=”true”></span>
<spanclass=”visually-hidden”>Next</span>
</div>
</div>
<h4>Neck Light for Reading</h4>
<h5>$12.99</h5>
<labelfor=”Prices”>Select a color:</label>
<selectname=”Prices”id=”books”><!–selection bar–>
<optionvalue=”Grey”>Grey</option>
<optionvalue=”Blue”>Blue</option>
<optionvalue=”Pink”>Pink</option>
 
</select>
<h4><button>Add to Cart</button><button>Buy Now</button></h4><!–buttons–>
</div>
<divclass=”column”>
<divid=”carouselExample4″class=”carousel slide”>
<divclass=”carousel-inner”>
<divclass=”carousel-item active”>
<imgsrc=”Lastword Blue.jpg”class=”d-block w-100″alt=”…”>
</div>
<divclass=”carousel-item”>
<imgsrc=”Lastword Red.jpg”class=”d-block w-100″alt=”…”>
</div>
<divclass=”carousel-item”>
<imgsrc=”Lastword Yellow.jpg”class=”d-block w-100″alt=”…”>
</div>
</div>
<divclass=”carousel-control-prev”type=”button”data-bs-target=”#carouselExample4″data-bs-slide=”prev”>
<spanclass=”carousel-control-prev-icon”aria-hidden=”true”></span>
<spanclass=”visually-hidden”>Previous</span>
</div>
<divclass=”carousel-control-next”type=”button”data-bs-target=”#carouselExample4″data-bs-slide=”next”>
<spanclass=”carousel-control-next-icon”aria-hidden=”true”></span>
<spanclass=”visually-hidden”>Next</span>
</div>
</div>
<h4>Last Word Bookmark</h4>
<h5>$7.99</h5>
<labelfor=”Prices”>Select a color:</label>
<selectname=”Prices”id=”books”><!–selection bar–>
<optionvalue=”Blue”>Blue</option>
<optionvalue=”Red”>Red</option>
<optionvalue=”Yellow”>Yellow</option>
 
</select>
<h4><button>Add to Cart</button><button>Buy Now</button></h4><!–buttons–>
</div>

 
</div>


</div>
</div>
</div>
<footerid=”footer”><!–this is the footer–>
<ahref=”https://github.com/JahirulOpi”><i
class=”fa-brands fa-square-github”></i></a>
<ahref=”https://www.behance.net/jahirulopi”><i
class=”fa-brands fa-square-behance”></i></a>
<ahref=”https://www.linkedin.com/in/jahirul-opi/”>
<iclass=”fa-brands fa-linkedin”></i></a>
<p1><br>Copyright &copy; 2023 Jahirul Opi</p1>
</footer><!–footer end–>
<scriptsrc=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js”></script>

</body>
</html>
<!DOCTYPE html>
<html lang=”en”>
<head>
<metacharset=”UTF-8″>
<metahttp-equiv=”X-UA-Compatible”content=”IE=edge”>
<metaname=”viewport”content=”width=device-width, initial-scale=1.0″>
<linkrel=”stylesheet”href=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css”>
<title> Manuscript </title>
<link rel=”stylesheet” href=”body.css”> <!–linking the css file–>
<script src=”https://kit.fontawesome.com/6f0e8eb73f.js” crossorigin=”anonymous”></script> <!–this is to get the social media icons–>
</head>

<body>
<scriptsrc=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js”></script>
<header><!–this is the header of the page–>
<div>
<nav><!–Navigation bar–>
<divclass = “openname”><ahref=”index.html”><imgclass = “image3″src=”LL-white-01.png”alt=””></a>
<h3w>Literally Literature</h3w></div>
 
<inputtype=”checkbox”id = “bars”>
<labelfor=”bars”class = “menuhide”><iclass = “fas fa-bars”></i></label>
<ul>
<li><ahref= “index.html”>Home</a></li>
<li><ahref= “books.html”>Books</a></li>
<li><ahref= “accesories.html”>Accesories</a></li>
<li><ahref= “blogs.html”>Blogs</a></li>
<li><ahref= “manuscript.html”>Manuscript</a></li>
<li><ahref= “literaryawards.html”>Literary Awards</a>
<divclass = “submenu”>
<ul>
<li><aclass=”dropdown-item”href=”nobel.html”>Nobel Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”booker.html”>Booker Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”intbooker.html”>International Booker Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”pulitzer.html”>Pulitzer Prize</a></li>
</ul>
</div></li>
<li><ahref= “contact.html”>Comparison</a></li>
</ul>
</nav>
</div>
<div><!–Banner–>
<ahref=”books.html”><imgclass = “imageban”src=”Web Banner-01-2.jpg”alt=””></a>
</div>
</header><!–header end–>

<h6>Blogs</h6>
<div id = “container”> <!–this is the main part–>
<divid = “main”>

<videosrc=”RPReplay_Final1677726592.mp4″controls></video><!–video upload–>
<divclass=”row”><!–row and column to display items as a column–>
<divclass=”column”>
<divclass=”card”><!–Card using bootstrap–>
<imgsrc=”blog1.png”class=”card-img-top”alt=”…”>
<divclass=”card-body”>
<divclass=”card-title”>Be an avid reader</div>
<ahref=”blog1.html”class=”btn btn-primary”>Read</a>
</div>
</div>

</div>
<div class=”column”>
<divclass=”card”><!–Card using bootstrap–>
<imgsrc=”blog2.png”class=”card-img-top”alt=”…”>
<divclass=”card-body”>
<divclass=”card-title”>Int. Booker Prize 2023 longlist</div>
<ahref=”blog2.html”class=”btn btn-primary”>Read</a>
</div>
</div>
</div>
<div class=”column”>
<divclass=”card”><!–Card using bootstrap–>
<imgsrc=”blog3.png”class=”card-img-top”alt=”…”>
<divclass=”card-body”>
<divclass=”card-title”>How to use Goodreads</div>
<ahref=”blog3.html”class=”btn btn-primary”>Read</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script src=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js”></script>
<footer id=”footer”> <!–this is the footer–>
<!–added social media icons and links–>
<ahref=”https://github.com/JahirulOpi”><i
class=”fa-brands fa-square-github”></i></a>
<ahref=”https://www.behance.net/jahirulopi”><i
class=”fa-brands fa-square-behance”></i></a>
<ahref=”https://www.linkedin.com/in/jahirul-opi/”>
<iclass=”fa-brands fa-linkedin”></i></a>
<p1><br>Copyright &copy; 2023 Jahirul Opi</p1>
</footer><!–footer end–>


</body>

</html>
<!DOCTYPE html>
<html lang=”en”>
<head>
<metacharset=”UTF-8″>
<metahttp-equiv=”X-UA-Compatible”content=”IE=edge”>
<metaname=”viewport”content=”width=device-width, initial-scale=1.0″>
<linkrel=”stylesheet”href=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css”>
<title> Manuscript </title>
<link rel=”stylesheet” href=”body.css”> <!–linking the css file–>
<script src=”https://kit.fontawesome.com/6f0e8eb73f.js” crossorigin=”anonymous”></script> <!–this is to get the social media icons–>
</head>

<body>
<scriptsrc=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js”></script>
<header><!–this is the header of the page–>
<div>
<nav><!–Navigation bar–>
<divclass = “openname”><ahref=”index.html”><imgclass = “image3″src=”LL-white-01.png”alt=””></a>
<h3w>Literally Literature</h3w></div>
 
<inputtype=”checkbox”id = “bars”>
<labelfor=”bars”class = “menuhide”><iclass = “fas fa-bars”></i></label>
<ul>
<li><ahref= “index.html”>Home</a></li>
<li><ahref= “books.html”>Books</a></li>
<li><ahref= “accesories.html”>Accesories</a></li>
<li><ahref= “blogs.html”>Blogs</a></li>
<li><ahref= “manuscript.html”>Manuscript</a></li>
<li><ahref= “literaryawards.html”>Literary Awards</a>
<divclass = “submenu”>
<ul>
<li><aclass=”dropdown-item”href=”nobel.html”>Nobel Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”booker.html”>Booker Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”intbooker.html”>International Booker Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”pulitzer.html”>Pulitzer Prize</a></li>
</ul>
</div></li>
<li><ahref= “contact.html”>Comparison</a></li>
</ul>
</nav>
</div>
<div><!–Banner–>
<ahref=”books.html”><imgclass = “imageban”src=”Web Banner-01-2.jpg”alt=””></a>
</div>
</header><!–header end–>

<sectionclass=”container”>
<h6>About You</h6>
<formaction=”https://formsubmit.co/jahirulhaque.gbj@gmail.com “method=”POST”class=”form”><!–start form–>
<fieldset>
<divclass=”column2″><!–making column to keep the following input box in one line–>
<divclass=”input-box”>
<inputname = “First Name”type=”text”placeholder=”First Name”><!–text input–>
</div>
<divclass=”input-box”>
<inputname = “Last Name”type=”text”placeholder=”Last Name”><!–text input–>
</div>
<divclass=”input-box”>
<inputname = “Middle Initial”type=”text”placeholder=”Middle Inital”><!–text input–>
</div>
</div>


<divclass=”column2″>
<divclass=”input-box”>
<inputname = “Date of Birth”type=”text”placeholder=”Date of Birth”onfocus=”(this.type=’date’)”onblur=”if(this.value==”){this.type=’text’}”><!–text input–>
 
</div>

<divclass=”input-box”>
<inputname = “Phone Number”type=”number”placeholder=”Phone Number”required/><!–number input–>
</div>
<divclass=”input-box”>
<inputtype=”text”placeholder=”Email”required/><!–text input–>
</div>
</div>

<divclass=”input-box address”>
<inputname = “Street: Line 1″type=”text”placeholder=”Street Address”><!–text input–>
<inputname = “Street: Line 2″type=”text”placeholder=”Street Address Line 2”><!–text input–>
</div>
<divclass=”column2″>
<divclass=”input-box”>
<inputname = “City”type=”text”placeholder=”City”><!–text input–>
</div>
<selectname = “State”class = “state”><!–select input–>
<optionhidden>State</option><!–hidden because it should not be shown after it is pointed–>
<option>AL</option>
<option>AK</option>
<option>AZ</option>
<option>AR</option>
<option>CA</option>
<option>CO</option>
<option>CT</option>
<option>DE</option>
<option>FL</option>
<option>GA</option>
<option>HI</option>
<option>ID</option>
<option>IL</option>
<option>IN</option>
<option>IA</option>
<option>KS</option>
<option>KY</option>
<option>LA</option>
<option>ME</option>
<option>MD</option>
<option>MA</option>
<option>MI</option>
<option>MN</option>
<option>MS</option>
<option>MO</option>
<option>MT</option>
<option>NE</option>
<option>NV</option>
<option>NH</option>
<option>NJ</option>
<option>NM</option>
<option>NY</option>
<option>NC</option>
<option>ND</option>
<option>OH</option>
<option>OK</option>
<option>OR</option>
<option>PA</option>
<option>RI</option>
<option>SC</option>
<option>SD</option>
<option>TN</option>
<option>TX</option>
<option>UT</option>
<option>VT</option>
<option>VA</option>
<option>WA</option>
<option>WV</option>
<option>WI</option>
<option>WY</option>
</select>
<divclass=”input-box”>
<inputname = “Zip Code”type=”text”placeholder=”Zip Code”><!–text input–>
</div>
</div>

<divclass=”column2″>
<divclass=”input-box”>
<inputname = “Best Time To Contact”type =”text”placeholder=”Best Time to Contact You:”onfocus=”(this.type=’time’)”onblur=”if(this.value==”){this.type=’text’}”><!–time input–>
</div>
<divclass=”input-box”>
<inputname = “Till”type =”text”placeholder=”Till”onfocus=”(this.type=’time’)”onblur=”if(this.value==”){this.type=’text’}”><!–time input–>
</div>
</div>

<h6>About Manuscript</h6>
 
<divclass=”column2″>
<divclass=”input-box”>
<inputname = “Title of the Book”type=”text”placeholder=”Title of the Book”><!–text input–>
</div>
<divclass=”input-box”>
<inputname = “Pen Name”type=”text”placeholder=”Pen Name”><!–text input–>
</div>
</div>

<divclass=”column2″>
<divclass=”input-box”>
<inputname = “Page Number”type=”number”placeholder=”Page Number”><!– number input–>
</div>
<divname = “Erotic Level”class=”input-box”>
<p6>Erotic Level</p6><inputtype=”range”placeholder=”Erotic Level”><!–range input–>
</div>
</div>
 

<divclass=”column2″>
<p5>
<p2>Category:</p2><br>
<labelfor=”Fiction”>
<inputname = “Category”type=”radio”name=”Category”id=”Fiction”>Fiction
</label><!–radio–>
<labelfor=”Non-Fiction”>
<inputname = “Category”type=”radio”name=”Category”id=”Non-Fiction”>Non-Fiction
</label><!–radio–>
<labelfor=”Poetry”>
<inputname = “Category”type=”radio”name=”Category”id=”Poetry”>Poetry
</label><!–radio–>
</p5>
</div>
<divclass=”column2″>
<p5>
<p2>Genre:</p2><br>
<labelfor=”Family Saga”><!–checkbox, multiple can be selected–>
<inputname = “Genre”type=”checkbox”name=”Genre”id=”Family Saga”>Family Saga
</label>
<labelfor=”Thriller”><!–checkbox–>
<inputname = “Genre”type=”checkbox”name=”Genre”id=”Thriller”>Thriller
</label>

<labelfor=”Horror”><!–checkbox–>
<inputname = “Genre”type=”checkbox”name=”Genre”id=”Horror”>Horror
</label>

<labelfor=”Coming of Age”><!–checkbox–>
<inputname = “Genre”type=”checkbox”name=”Genre”id=”Coming of Age”>Coming of Age
</label>

<labelfor=”Historical”><!–checkbox–>
<inputname = “Genre”type=”checkbox”name=”Genre”id=”Historical”>Historical
</label>

<labelfor=”Comedy”><!–checkbox–>
<inputname = “Genre”type=”checkbox”name=”Genre”id=”Comedy”> Comedy
</label>

<labelfor=”Magical Realism”><!–checkbox–>
<inputname = “Genre”type=”checkbox”name=”Genre”id=”Magical Realism”>Magical Realism
</label>

<labelfor=”Narrative”><!–checkbox–>
<inputname = “Genre”type=”checkbox”name=”Genre”id=”Narrative”>Narrative
</label>

<labelfor=”Science Fiction”><!–checkbox–>
<inputname = “Genre”type=”checkbox”name=”Genre”id=”Science Fiction”>Science Fiction
</label>

<labelfor=”Mystery”><!–checkbox–>
<inputname = “Genre”type=”checkbox”name=”Genre”id=”Mystery”>Mystery
</label>

<labelfor=”Literary”><!–checkbox–>
<inputname = “Genre”type=”checkbox”name=”Genre”id=”Literary”>Literary
</label>

<labelfor=”Drama”><!–checkbox–>
<inputname = “Genre”type=”checkbox”name=”Genre”id=”Drama”>Drama
</label>

<labelfor=”Romance”><!–checkbox–>
<inputname = “Genre”type=”checkbox”name=”Genre”id=”Romance”>Romance
</label>

<labelfor=”Action”><!–checkbox–>
<inputname = “Genre”type=”checkbox”name=”Genre”id=”Action”>Action
</label>

<labelfor=”Young Adult”><!–checkbox–>
<inputname = “Genre”type=”checkbox”name=”Genre”id=”Young Adult”>Young Adult
</label>

<labelfor=”Short Story”><!–checkbox–>
<inputname = “Genre”type=”checkbox”name=”Genre”id=”Short Story”>Short Story
</label>

<labelfor=”Memoir”><!–checkbox–>
<inputname = “Genre”type=”checkbox”name=”Genre”id=”Memoir”>Memoir
</label>

<labelfor=”Speculative”><!–checkbox–>
<inputname = “Genre”type=”checkbox”name=”Genre”id=”Speculative”>Speculative
</label>

<labelfor=”Biography”><!–checkbox–>
<inputname = “Genre”type=”checkbox”name=”Genre”id=”Biography”>Biography
</label>

<labelfor=”Essay”><!–checkbox–>
<inputname = “Genre”type=”checkbox”name=”Genre”id=”Essay”>Essay
</label>

<labelfor=”Self Help”><!–checkbox–>
<inputname = “Genre”type=”checkbox”name=”Genre”id=”Self Help”>Self Help
</label>

<labelfor=”Adventure”><!–checkbox–>
<inputname = “Genre”type=”checkbox”name=”Genre”id=”Adventure”>Adventure
</label>

<labelfor=”Graphic”><!–checkbox–>
<inputname = “Genre”type=”checkbox”name=”Genre”id=”Graphic”>Graphic
</label>

<labelfor=”Political”><!–checkbox–>
<inputname = “Genre”type=”checkbox”name=”Genre”id=”Political”>Political
</label>

<labelfor=”Detective”><!–checkbox–>
<inputname = “Genre”type=”checkbox”name=”Genre”id=”Detective”>Detective
</label>
</p5>
</div>


<divclass=”column2″>
<divclass=”input-box”>
<inputname = “Time Phase”type =”text”placeholder=”Time Phase”onfocus=”(this.type=’date’)”onblur=”if(this.value==”){this.type=’text’}”><!–text input–>
</div>
<divclass=”input-box”>
<inputname = “Till”type =”text”placeholder=”Till”onfocus=”(this.type=’date’)”onblur=”if(this.value==”){this.type=’text’}”><!–text input–>
</div>
</div>

<divclass=”column2″>
<selectname = “Audience”><!– select input–>
<optionhidden>Target Audience</option>
<option>Age 7-12</option>
<option>Age 13-18</option>
<option>Age 19-25</option>
<option>Age 25-40</option>
<option>Age 40+</option>
</select>

<selectname=”Achievement”>
<optionhidden>Target Achievement</option>
<optgrouplabel=”Awards”><!–grouped select input–>
<option>Booker Prize</option>
<option>Women’s Prize for Fiction</option>
<option>Pulitzer Prize</option>
<option>National Book Award</option>
<option>Edgar Awards</option>
</optgroup>
<optgrouplabel=”Readers Regards”>
<option>The New York Times Bestseller</option>
<option>Book of the Month</option>
<option>Goodreads Choice</option>
<option>Booktok sensation</option>
</optgroup>
</select>
</div>

<textareaname=”Synopsis”placeholder=”Synopsis (No more than 1500 words)”id=”Synopsis”cols=”30″rows=”5″
maxlength=”1500″></textarea><!–textarea input with limited amount of words–>

<divclass=”button-wrap”><!–button–>
<labelclass=”button”for=”upload”>Upload Manuscript</label>
<inputname = “Manuscript”id=”upload”type=”file”><!–file upload –>
</div>
<buttontype=”reset”>Save & Quit</button>
<buttontype=”submit”>Submit Manuscript</button>
</form>
</section>
</fieldset>


<footer id=”footer”> <!–this is the footer–>
<!–added social media icons and links–>
<ahref=”https://github.com/JahirulOpi”><i
class=”fa-brands fa-square-github”></i></a>
<ahref=”https://www.behance.net/jahirulopi”><i
class=”fa-brands fa-square-behance”></i></a>
<ahref=”https://www.linkedin.com/in/jahirul-opi/”>
<iclass=”fa-brands fa-linkedin”></i></a>
<p1><br>Copyright &copy; 2023 Jahirul Opi</p1>
</footer><!–footer end–>


</body>

</html>
<!DOCTYPE html>
<html lang=”en”>
<head>
<metacharset=”UTF-8″>
<metahttp-equiv=”X-UA-Compatible”content=”IE=edge”>
<metaname=”viewport”content=”width=device-width, initial-scale=1.0″>
<linkrel=”stylesheet”href=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css”>
<title> Manuscript </title>
<link rel=”stylesheet” href=”body.css”> <!–linking the css file–>
<script src=”https://kit.fontawesome.com/6f0e8eb73f.js” crossorigin=”anonymous”></script> <!–this is to get the social media icons–>
</head>

<body>
<scriptsrc=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js”></script>
<header><!–this is the header of the page–>
<div>
<nav><!–Navigation bar–>
<divclass = “openname”><ahref=”index.html”><imgclass = “image3″src=”LL-white-01.png”alt=””></a>
<h3w>Literally Literature</h3w></div>
 
<inputtype=”checkbox”id = “bars”>
<labelfor=”bars”class = “menuhide”><iclass = “fas fa-bars”></i></label>
<ul>
<li><ahref= “index.html”>Home</a></li>
<li><ahref= “books.html”>Books</a></li>
<li><ahref= “accesories.html”>Accesories</a></li>
<li><ahref= “blogs.html”>Blogs</a></li>
<li><ahref= “manuscript.html”>Manuscript</a></li>
<li><ahref= “literaryawards.html”>Literary Awards</a>
<divclass = “submenu”>
<ul>
<li><aclass=”dropdown-item”href=”nobel.html”>Nobel Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”booker.html”>Booker Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”intbooker.html”>International Booker Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”pulitzer.html”>Pulitzer Prize</a></li>
</ul>
</div></li>
<li><ahref= “contact.html”>Comparison</a></li>
</ul>
</nav>
</div>
<div><!–Banner–>
<ahref=”books.html”><imgclass = “imageban”src=”Web Banner-01-2.jpg”alt=””></a>
</div>
</header><!–header end–>

<h6>Literary Awards</h6>
<div id = “container”> <!–this is the main part–>
<divid = “main”>
<divclass=”row”><!–row and column to display items as a column–>
<divclass=”column”>
<divclass=”card”><!–Card using bootstrap–>
<imgsrc=”Nobel_Prize.png”class=”card-img-top”alt=”…”>
<divclass=”card-body”>
<divclass=”card-title”>Nobel Prize in Literature</div>
<ahref=”nobel.html”class=”btn btn-primary”>Explore The Winners</a>
</div>
</div>

</div>
<divclass=”column”>
<divclass=”card”><!–Card using bootstrap–>
<imgsrc=”booker.png”class=”card-img-top”alt=”…”>
<divclass=”card-body”>
<divclass=”card-title”>Man Booker Prize</div>
<ahref=”booker.html”class=”btn btn-primary”>Explore The Winners</a>
</div>
</div>
</div>
<divclass=”column”>
<divclass=”card”><!–Card using bootstrap–>
<imgsrc=”booker.png”class=”card-img-top”alt=”…”>
<divclass=”card-body”>
<divclass=”card-title”>International Booker Prize</div>
<ahref=”intbooker.html”class=”btn btn-primary”>Explore The Winners</a>
</div>
</div>
</div>
<divclass=”column”>
<divclass=”card”><!–Card using bootstrap–>
<imgsrc=”800px-Pulitzer_Medal_-_obverse.png”class=”card-img-top”alt=”…”>
<divclass=”card-body”>
<divclass=”card-title”>Pulitzer Prize</div>
<ahref=”pulitzer.html”class=”btn btn-primary”>Explore The Winners</a>
</div>
</div>
</div>
</div>
</div>
</div>

<footer id=”footer”> <!–this is the footer–>
<!–added social media icons and links–>
<ahref=”https://github.com/JahirulOpi”><i
class=”fa-brands fa-square-github”></i></a>
<ahref=”https://www.behance.net/jahirulopi”><i
class=”fa-brands fa-square-behance”></i></a>
<ahref=”https://www.linkedin.com/in/jahirul-opi/”>
<iclass=”fa-brands fa-linkedin”></i></a>
<p1><br>Copyright &copy; 2023 Jahirul Opi</p1>
</footer><!–footer end–>

<scriptsrc=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js”></script>

</body>

</html>
<!DOCTYPE html>
<html lang=”en”>
<head>
<metacharset=”UTF-8″>
<metahttp-equiv=”X-UA-Compatible”content=”IE=edge”>
<metaname=”viewport”content=”width=device-width, initial-scale=1.0″>
<linkrel=”stylesheet”href=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css”>
<title> Comparison</title>
<link rel=”stylesheet” href=”body.css”> <!–linking the css file–>
<script src=”https://kit.fontawesome.com/6f0e8eb73f.js” crossorigin=”anonymous”></script> <!–this is to get the social media icons–>
</head>

<body>
<script src=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js”></script>
<header><!–this is the header of the page–>
<div>
<nav><!–Navigation bar–>
<divclass = “openname”><ahref=”index.html”><imgclass = “image3″src=”LL-white-01.png”alt=””></a>
<h3w>Literally Literature</h3w></div>
 
<inputtype=”checkbox”id = “bars”>
<labelfor=”bars”class = “menuhide”><iclass = “fas fa-bars”></i></label>
<ul>
<li><ahref= “index.html”>Home</a></li>
<li><ahref= “books.html”>Books</a></li>
<li><ahref= “accesories.html”>Accesories</a></li>
<li><ahref= “blogs.html”>Blogs</a></li>
<li><ahref= “manuscript.html”>Manuscript</a></li>
<li><ahref= “literaryawards.html”>Literary Awards</a>
<divclass = “submenu”>
<ul>
<li><aclass=”dropdown-item”href=”nobel.html”>Nobel Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”booker.html”>Booker Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”intbooker.html”>International Booker Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”pulitzer.html”>Pulitzer Prize</a></li>
</ul>
</div></li>
<li><ahref= “contact.html”>Comparison</a></li>
</ul>
</nav>
</div>
<div><!–Banner–>
<ahref=”books.html”><imgclass = “imageban”src=”Web Banner-01-2.jpg”alt=””></a>
</div>
</header><!–header end–>

<div id = “container”> <!–this is the main part–>
<divid = “main”>
<imgclass = “image1″src=”LL-03.png”alt=””>
<h1 class = “header1”> Literally Literature </h1> <!– header 1 –>
<h2> your bookish destination </h2> <!– header 2 –>
<h3> Comparison </h3> <!– header 3 –>
<p6> At our store, we take pride in offering the best products at the most affordable prices. We understand that in today’s competitive market, customers are constantly looking for the best deals. That’s why we urge you to compare us with other sellers in the industry. We guarantee that you won’t find a cheaper price for the same quality of products anywhere else. We believe that our commitment to delivering top-notch products at unbeatable prices is what sets us apart from the rest. You can explore the following sites and we are confident that you’ll come back to us for all your shopping needs. </p6>

<br> <!–External links–>
<button class = “othersitebutton”><a href=”https://www.barnesandnoble.com/”><img class = “othersite” src=”b&n.png” alt=””></a></button>
<button class = “othersitebutton”><a href=”https://www.booksamillion.com/?gclsrc=aw.ds&msclkid=33359901f4ee14fd9782fd3adf5490a5″><img class = “othersite” src=”Booksamillion.png” alt=””></a></button>
<button class = “othersitebutton”><a href=”https://www.bookdepository.com/free”><img class = “othersite” src=”bookdepository.png” alt=””></a></button>
<button class = “othersitebutton”><a href=”https://bookriot.com”><img class = “othersite” src=”Book-Riot-Logo.png” alt=””></a></button>
<button class = “othersitebutton”><a href=”https://www.thriftbooks.com/?utm_source=google&utm_medium=cpc&utm_campaign=us_search_brand&utm_adgroup=&utm_term=thrift%20books&utm_content=597822490930&gclid=Cj0KCQjwlumhBhClARIsABO6p-zd-yj-SbjUFN_mEpnVio1ATf8YaBy4YZMVtvjvzIclUxUlbqZKWnoaAvA3EALw_wcB”>
<imgclass = “othersite”src=”Logo_of_Thriftbooks.png”alt=””></a></button>

<br>
<p6>Please send us an email if you find any product that we are selling at a higher place than these sites. We assure you to guarantee you cheaper price than any of them.</p6> <br>
<button><a href=”mailto:hi4174@wayne.edu”>Send email</a></button><!–Email hyperlink–>
</div>
</div>


<footer id=”footer”> <!–this is the footer–>
<!–added social media icons and links–>
<ahref=”https://github.com/JahirulOpi”><i
class=”fa-brands fa-square-github”></i></a>
<ahref=”https://www.behance.net/jahirulopi”><i
class=”fa-brands fa-square-behance”></i></a>
<ahref=”https://www.linkedin.com/in/jahirul-opi/”>
<iclass=”fa-brands fa-linkedin”></i></a>
<p1><br>Copyright &copy; 2023 Jahirul Opi</p1>
</footer><!–footer end–>

<script src=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js”></script>
</body>

</html>
<!DOCTYPE html>
<html lang=”en”>
<head>
<metacharset=”UTF-8″>
<metahttp-equiv=”X-UA-Compatible”content=”IE=edge”>
<metaname=”viewport”content=”width=device-width, initial-scale=1.0″>
<title>Booker Winning Books</title>
<linkrel=”stylesheet”href=”body.css”>
<scriptsrc=”https://kit.fontawesome.com/6f0e8eb73f.js”crossorigin=”anonymous”></script>
</head>

<body>
<scriptsrc=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js”></script>
<header><!–this is the header of the page–>
<div>
<nav><!–Navigation bar–>
<divclass = “openname”><ahref=”index.html”><imgclass = “image3″src=”LL-white-01.png”alt=””></a>
<h3w>Literally Literature</h3w></div>
 
<inputtype=”checkbox”id = “bars”>
<labelfor=”bars”class = “menuhide”><iclass = “fas fa-bars”></i></label>
<ul>
<li><ahref= “index.html”>Home</a></li>
<li><ahref= “books.html”>Books</a></li>
<li><ahref= “accesories.html”>Accesories</a></li>
<li><ahref= “blogs.html”>Blogs</a></li>
<li><ahref= “manuscript.html”>Manuscript</a></li>
<li><ahref= “literaryawards.html”>Literary Awards</a>
<divclass = “submenu”>
<ul>
<li><aclass=”dropdown-item”href=”nobel.html”>Nobel Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”booker.html”>Booker Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”intbooker.html”>International Booker Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”pulitzer.html”>Pulitzer Prize</a></li>
</ul>
</div></li>
<li><ahref= “contact.html”>Comparison</a></li>
</ul>
</nav>
</div>
<div><!–Banner–>
<ahref=”books.html”><imgclass = “imageban”src=”Web Banner-01-2.jpg”alt=””></a>
</div>
</header><!–header end–>
<h6>Booker Prize Winners</h6>

<div id = “container”> <!–this is the main part–>
<divid = “main”>

<div class = “box”>
<p2><imgsrc=”booker.png”class=”wrap2″alt=””><!–floating image and text–>
The Booker Prize is one of the most prestigious literary awards in the world, celebrating excellence in English-language fiction written by authors from the United Kingdom, Ireland, and Commonwealth countries. The prize has a long and illustrious history, with its origins dating back to 1968, when Booker McConnell, a British food wholesaler and agricultural conglomerate, established the prize in partnership with the National Book League (now known as the Book Trust).

Over the years, the Booker Prize has undergone several changes and transformations, including its name, which was changed to the Man Booker Prize in 2002 following a sponsorship agreement with the Man Group, a global investment management firm. In 2019, the prize was renamed again as the Booker Prize, after the Man Group ended its sponsorship.
 
The Booker Prize is awarded annually to a novel that is judged to be the best work of fiction written in English and published in the UK or Ireland in the previous year. The prize is open to writers from all over the world, as long as their work is written in English and meets the eligibility criteria.
 
Winning the Booker Prize is considered a major achievement in the literary world and can greatly enhance a writer’s reputation and career. In addition to a substantial cash prize (50,000 pounds as of 2023), the winner also receives considerable media attention and exposure, and their work is often translated into multiple languages and published in numerous countries.
 
Over the years, the Booker Prize has recognized many outstanding works of fiction, including classics such as Salman Rushdie’s “Midnight’s Children,” J.M. Coetzee’s “Disgrace,” and Margaret Atwood’s “The Blind Assassin.” Recent winners include Douglas Stuart’s “Shuggie Bain” (2020), Bernardine Evaristo’s “Girl, Woman, Other” (2019), and Anna Burns’ “Milkman” (2018).
 
The judging process for the Booker Prize is rigorous and highly respected. A panel of five judges is appointed each year, with the chair of the panel being a literary figure or critic. The judges are selected for their expertise in literature and their ability to read and assess a large number of novels over a short period of time. The judges’ deliberations are confidential, and the winner is announced at a ceremony in London in October or November each year.
 
While the Booker Prize has been praised for recognizing some of the most outstanding works of fiction in the English language, it has also been criticized for being too focused on a narrow segment of the literary world and for ignoring important works of fiction from other regions and languages. Nevertheless, the Booker Prize remains a highly regarded and coveted award, and winning it remains a significant achievement for any author.
 
</p2>

</div>

<table> <!–table–>
<thead>
<tr>
<th>Year</th>
<th>Book</th>
<th>Author</th>
</tr>
</thead>
<tr>
<td>2022</td>
<td>The Seven Moons of Maali Almeida</td>
<td>Shehan Karunatilaka</td>
</tr>
<tr>
<td>2021</td>
<td>The Promise</td>
<td>Damon Galgut</td>
</tr>
<tr>
<td>2020</td>
<td>Shuggie Bain</td>
<td>Douglas Stuart</td>
</tr>
<tr>
<td>2019</td>
<td>The Testament | Girl, Woman, Other</td>
<td>Margaret Atwood | Bernardine Evaristo</td>
</tr>
<tr>
<td>2018</td>
<td>Milkman</td>
<td>Anna Burns</td>
</tr>
<tr>
<td>2017</td>
<td>Lincoln in the Bardon</td>
<td>George Saunders</td>
</tr>
<tr>
<td>2016</td>
<td>The Sellout</td>
<td>Paul Beatty</td>
</tr>
<tr>
<td>2015</td>
<td>A Brief History of Seven Killings</td>
<td>Marlon James</td>
</tr>
<tr>
<td>2014</td>
<td>The Narrow Road to the Deep North</td>
<td>Richard Flanagan</td>
</tr>
<tr>
<td>2013</td>
<td>The Luminaries</td>
<td>Eleanor Catton</td>
</tr>
<tr>
<td>2012</td>
<td>Bring Up the Bodies</td>
<td>Hilary Mantel</td>
</tr>
<tr>
<td>2011</td>
<td>The Sense of an Ending</td>
<td>Julian Barnes</td>
</tr>
<tr>
<td>2010</td>
<td>The Finkler Question | The Elected Member</td>
<td>Howard Jacobson | Bernice Rubens</td>
</tr>
<tr>
<td>2009</td>
<td>Wolf Hall</td>
<td>Hilary Mantel</td>
</tr>
<tr>
<td>2008</td>
<td>The White Tiger</td>
<td>Aravind Adiga</td>
</tr>
<tr>
<td>2007</td>
<td>The Gathering</td>
<td>Anne Enright</td>
</tr>
<tr>
<td>2006</td>
<td>The Inheritane of Loss</td>
<td>Kiran Desai</td>
</tr>
<tr>
<td>2005</td>
<td>The Sea</td>
<td>John Banville</td>
</tr>
<tr>
<td>2004</td>
<td>The Line of Beauty</td>
<td>Alan Hollinghurst</td>
</tr>
<tr>
<td>2003</td>
<td>Vernon God Little</td>
<td>DBC Pierre</td>
</tr>
<tr>
<td>2002</td>
<td>Life of Pi</td>
<td>Yann Martel</td>
</tr>
<tr>
<td>2001</td>
<td>True History of the Kelly Gang</td>
<td>Peter Carey</td>
</tr>
<tr>
<td>2000</td>
<td>The Blind Assassin</td>
<td>Margaret Atwood</td>
</tr>
<tr>
<td>1999</td>
<td>Disgrace</td>
<td>J. M. Coetzee</td>
</tr>
<tr>
<td>1998</td>
<td> Amsterdam</td>
<td>Ian McEwan</td>
</tr>
<tr>
<td>1997</td>
<td>The God of Small Things</td>
<td>Arundhati Roy</td>
</tr>
<tr>
<td>1996</td>
<td>Last Orders</td>
<td>Graham Swift</td>
</tr>
<tr>
<td>1995</td>
<td>The Ghost Road</td>
<td>Pat Barker</td>
</tr>
<tr>
<td>1994</td>
<td>How Late It Was, How Late</td>
<td>James Kelman</td>
</tr>
<tr>
<td>1993</td>
<td>Paddy Clarke Ha Ha Ha</td>
<td>Roddy Doyle</td>
</tr>
<tr>
<td>1992</td>
<td>The English Patient</td>
<td>Michael Ondaatje</td>
</tr>
<tr>
<td>1991</td>
<td>The Famished Road</td>
<td>Ben Okri</td>
</tr>
<tr>
<td>1990</td>
<td>Possession: A Romance</td>
<td>A. S. Byatt</td>
</tr>
<td>1989</td>
<td>The Remains of the Day</td>
<td>Kazuo Ishiguro</td>
</tr>
<tr>
<td>1988</td>
<td>Oscar and Lucinda</td>
<td>Peter Carey</td>
</tr>
<tr>
<td>1987</td>
<td>Moon Tiger</td>
<td>Penelope Lively</td>
</tr>
<tr>
<td>1986</td>
<td>The Old Devils</td>
<td>Kingsley Amis</td>
</tr>
<tr>
<td>1985</td>
<td>The Bone People</td>
<td>Keri Hulme</td>
</tr>
<tr>
<td>1984</td>
<td>Hotel du Lac</td>
<td>Anita Brookner</td>
</tr>
<tr>
<td>1983</td>
<td>Life &amp; Times of Michael K</td>
<td>J. M. Coetzee</td>
</tr>
<tr>
<td>1982</td>
<td>Scherzo for Piano and Stick</td>
<td>Bharati Mukherjee</td>
</tr>
<tr>
<td>1981</td>
<td>Midnight’s Children</td>
<td>Salman Rushdie</td>
</tr>
<tr>
<td>1980</td>
<td>Rites of Passage</td>
<td>William Golding</td>
</tr>
<tr>
<td>1979</td>
<td>The Sea, the Sea</td>
<td>Iris Murdoch</td>
</tr>
<tr>
<td>1978</td>
<td>The Sea Above, The Sky Below</td>
<td>Leonard Mears</td>
</tr>
<tr>
<td>1977</td>
<td>Staying On</td>
<td>Paul Scott</td>
</tr>
<tr>
<td>1976</td>
<td>Saville</td>
<td>David Storey</td>
</tr>
<tr>
<td>1975</td>
<td>Heat and Dust</td>
<td>Ruth Prawer Jhabvala</td>
</tr>
</table>
</div>
</div>

<footerid=”footer”><!–footer–>
<ahref=”https://github.com/JahirulOpi”><i
class=”fa-brands fa-square-github”></i></a>
<ahref=”https://www.behance.net/jahirulopi”><i
class=”fa-brands fa-square-behance”></i></a>
<ahref=”https://www.linkedin.com/in/jahirul-opi/”>
<iclass=”fa-brands fa-linkedin”></i></a>
<p1><br>Copyright &copy; 2023 Jahirul Opi</p1>
</footer><!–footer end–>

</body>
</html>
<!DOCTYPE html>
<html lang=”en”>
<head>
<metacharset=”UTF-8″>
<metahttp-equiv=”X-UA-Compatible”content=”IE=edge”>
<metaname=”viewport”content=”width=device-width, initial-scale=1.0″>
<title>International Booker Winning Books</title>
<linkrel=”stylesheet”href=”body.css”>
<scriptsrc=”https://kit.fontawesome.com/6f0e8eb73f.js”crossorigin=”anonymous”></script>
</head>

<body>
<scriptsrc=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js”></script>
<header><!–this is the header of the page–>
<div>
<nav><!–Navigation bar–>
<divclass = “openname”><ahref=”index.html”><imgclass = “image3″src=”LL-white-01.png”alt=””></a>
<h3w>Literally Literature</h3w></div>
 
<inputtype=”checkbox”id = “bars”>
<labelfor=”bars”class = “menuhide”><iclass = “fas fa-bars”></i></label>
<ul>
<li><ahref= “index.html”>Home</a></li>
<li><ahref= “books.html”>Books</a></li>
<li><ahref= “accesories.html”>Accesories</a></li>
<li><ahref= “blogs.html”>Blogs</a></li>
<li><ahref= “manuscript.html”>Manuscript</a></li>
<li><ahref= “literaryawards.html”>Literary Awards</a>
<divclass = “submenu”>
<ul>
<li><aclass=”dropdown-item”href=”nobel.html”>Nobel Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”booker.html”>Booker Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”intbooker.html”>International Booker Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”pulitzer.html”>Pulitzer Prize</a></li>
</ul>
</div></li>
<li><ahref= “contact.html”>Contact Us</a></li>
</ul>
</nav>
</div>
<div><!–Banner–>
<ahref=”books.html”><imgclass = “imageban”src=”Web Banner-01-2.jpg”alt=””></a>
</div>
</header><!–header end–>
<h6>International Booker Prize Winners</h6>

<div id = “container”> <!–this is the main part–>
<divid = “main”>

<div class = “box”>
<p2><imgsrc=”booker.png”class=”wrap2″alt=””><!–floating image and text–>
The International Booker Prize is one of the most prestigious literary awards in the world. It was founded in 2005 by the Man Group, a British investment management firm, and it is awarded annually to a work of fiction translated into English from any language. The prize is designed to promote and celebrate the art of literary translation and to encourage more translations of literature into English.

The International Booker Prize has a long list of esteemed winners, including Ismail Kadare, Lydia Davis, Han Kang, and Olga Tokarczuk. In recent years, the prize has gained significant attention and recognition, particularly after it was merged with the Man Booker International Prize in 2016.
 
The prize money for the International Booker Prize is £50,000, which is split equally between the author and translator of the winning book. The judges for the prize are selected from a wide range of literary professionals, including writers, translators, publishers, and critics.
 
The criteria for the International Booker Prize are based on literary excellence, originality, and quality of translation. The judges look for books that challenge and expand the boundaries of literary fiction, that showcase the art of translation, and that offer readers a unique and engaging reading experience.
 
The International Booker Prize has had a significant impact on the publishing industry, particularly on the translation of literature into English. The prize has helped to increase the visibility and recognition of translated literature, which was previously overlooked in the English-speaking world. The prize has also encouraged publishers to take risks on translated works, and it has created a market for translations that might not have otherwise been published.
 
The International Booker Prize has also helped to promote cultural exchange and understanding between countries and cultures. The prize has brought attention to works of literature from around the world, and it has encouraged readers to engage with different perspectives and cultures. By recognizing and celebrating the best of translated literature, the prize has helped to break down barriers and promote cross-cultural dialogue.
 
One of the unique features of the International Booker Prize is its focus on translation. Translation is a complex and challenging art, and it requires not only linguistic skill but also cultural understanding and sensitivity. The prize recognizes the importance of translation as a way to bridge linguistic and cultural divides, and it encourages more translations of literature into English.
 
In recent years, the International Booker Prize has also been praised for its diversity and inclusivity. The prize has recognized works of literature from a wide range of countries and cultures, including those that are often overlooked in the Western literary canon. The prize has also recognized works of literature by women, LGBTQ writers, and writers from marginalized communities.
 
The International Booker Prize has not been without controversy, however. Some have criticized the prize for being too focused on literary fiction and for ignoring popular genres such as crime and science fiction. Others have criticized the prize for being too Eurocentric and for overlooking works of literature from non-Western countries and cultures.
 
In response to these criticisms, the International Booker Prize has made efforts to expand its scope and inclusivity. The prize has increased the number of judges from non-Western countries, and it has expanded its eligibility criteria to include books published in any language. The prize has also introduced a separate award for works of literature in translation by young writers.
 
The International Booker Prize is a significant award in the world of literature, and it has helped to promote and celebrate the art of literary translation. By recognizing and rewarding excellence in translated literature, the prize has helped to break down linguistic and cultural barriers and to promote cross-cultural dialogue and understanding. The prize is a testament to the power of literature to connect people and cultures and to inspire empathy and understanding.</p2>

</div>

<table> <!–table–>
<table>
<thead>
<th>Year</th>
<th>Book</th>
<th>Authors</th>
</thead>
<tbody>
<tr>
<tdrowspan=”2″>2022</td>
<tdrowspan=”2″>Tomb of Sand</td>
<td>Geetanjali Shree</td>
</tr>
<tr>
<td>Translator: Daisy Rockwell</td>
</tr>
</tbody>
<tbody>
<tr>
<tdrowspan=”2″>2021</td>
<tdrowspan=”2″>At Night All Blood is Black</td>
<td>David Diop</td>
</tr>
<tr>
<td>Translator: Anna Moschovakis</td>
</tr>
</tbody>
<tbody>
<tr>
<tdrowspan=”2″>2020</td>
<tdrowspan=”2″>The Discomfort of Evening</td>
<td>Marieke Lucas Rijnevald</td>
</tr>
<tr>
<td>Translator: Michele Hutchison</td>
</tr>
</tbody>
<tbody>
<tr>
<tdrowspan=”2″>2019</td>
<tdrowspan=”2″>Celestial Bodies</td>
<td>Jokhra Alharthi</td>
</tr>
<tr>
<td>Translator: Marilyn Booth</td>
</tr>
</tbody>
<tbody>
<tr>
<tdrowspan=”2″>2018</td>
<tdrowspan=”2″>Flights</td>
<td>Olga Tokarczuk</td>
</tr>
<tr>
<td>Translator: Jennifer Croft</td>
</tr>
</tbody>
</table>
</div>
</div>

<footerid=”footer”><!–footer–>
<ahref=”https://github.com/JahirulOpi”><i
class=”fa-brands fa-square-github”></i></a>
<ahref=”https://www.behance.net/jahirulopi”><i
class=”fa-brands fa-square-behance”></i></a>
<ahref=”https://www.linkedin.com/in/jahirul-opi/”>
<iclass=”fa-brands fa-linkedin”></i></a>
<p1><br>Copyright &copy; 2023 Jahirul Opi</p1>
</footer><!–footer end–>

</body>
</html>
<!DOCTYPE html>
<html lang=”en”>
<head>
<metacharset=”UTF-8″>
<metahttp-equiv=”X-UA-Compatible”content=”IE=edge”>
<metaname=”viewport”content=”width=device-width, initial-scale=1.0″>
<title>Nobel Winning Books</title>
<linkrel=”stylesheet”href=”body.css”>
<scriptsrc=”https://kit.fontawesome.com/6f0e8eb73f.js”crossorigin=”anonymous”></script>
</head>

<body>
<scriptsrc=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js”></script>
<header><!–this is the header of the page–>
<div>
<nav><!–Navigation bar–>
<divclass = “openname”><ahref=”index.html”><imgclass = “image3″src=”LL-white-01.png”alt=””></a>
<h3w>Literally Literature</h3w></div>
 
<inputtype=”checkbox”id = “bars”>
<labelfor=”bars”class = “menuhide”><iclass = “fas fa-bars”></i></label>
<ul>
<li><ahref= “index.html”>Home</a></li>
<li><ahref= “books.html”>Books</a></li>
<li><ahref= “accesories.html”>Accesories</a></li>
<li><ahref= “blogs.html”>Blogs</a></li>
<li><ahref= “manuscript.html”>Manuscript</a></li>
<li><ahref= “literaryawards.html”>Literary Awards</a>
<divclass = “submenu”>
<ul>
<li><aclass=”dropdown-item”href=”nobel.html”>Nobel Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”booker.html”>Booker Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”intbooker.html”>International Booker Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”pulitzer.html”>Pulitzer Prize</a></li>
</ul>
</div></li>
<li><ahref= “contact.html”>Comparison</a></li>
</ul>
</nav>
</div>
<div><!–Banner–>
<ahref=”books.html”><imgclass = “imageban”src=”Web Banner-01-2.jpg”alt=””></a>
</div>
</header><!–header end–>
<h6>Nobel Prize Winners</h6>

<div id = “container”> <!–this is the main part–>
<divid = “main”>

<div class = “box”>
<p2><imgsrc=”Nobel_Prize.png”class=”wrap”alt=””><!–floating image and text–>
The Nobel Prize in Literature is one of the most prestigious awards in the field of literature, and it has been awarded annually since 1901. The prize is given to a writer who has produced outstanding works of literature that have contributed significantly to the advancement of world literature. The Nobel Prize in Literature is unique in that it is awarded not only for a particular work, but for a lifetime of achievement in literature.

The Nobel Prize in Literature is awarded by the Swedish Academy, which is made up of 18 members who are elected for life. The Academy’s role is to promote the study and appreciation of literature, as well as to determine the winner of the Nobel Prize in Literature each year. The Academy has the power to add new members as well as to expel existing members.

The Nobel Prize in Literature has been awarded to a wide range of writers over the years, including poets, novelists, playwrights, and essayists. Some of the most famous winners of the Nobel Prize in Literature include Ernest Hemingway, William Faulkner, Gabriel Garcia Marquez, Toni Morrison, and Bob Dylan.

The criteria for the Nobel Prize in Literature are intentionally vague and open-ended, so as to allow for a wide range of writers to be considered. The prize is awarded to writers who have produced “the most outstanding work in an ideal direction”. This means that the prize is not necessarily awarded to the most popular or best-selling writer, but rather to a writer whose work is considered to have had the most significant impact on the field of literature.

The selection process for the Nobel Prize in Literature is complex and secretive. Nominations for the prize are made by previous winners of the prize, as well as by members of the Swedish Academy and other literary societies. The nominations are then reviewed by a committee of experts, who prepare a shortlist of candidates for the prize. The final decision on the winner of the prize is made by the Swedish Academy.

The Nobel Prize in Literature has not been without controversy. Over the years, there have been a number of controversies surrounding the selection of winners, with some arguing that the prize has been overly politicized. For example, the awarding of the prize to Bob Dylan in 2016 was controversial, with some arguing that he was not a “real” writer and that the prize should only be awarded to those who write in traditional literary forms.

Despite these controversies, the Nobel Prize in Literature remains one of the most prestigious awards in the field of literature. Winning the prize can bring fame, fortune, and international recognition to a writer. It can also lead to increased sales of a writer’s work and can help to cement their place in the canon of world literature.

In conclusion, the Nobel Prize in Literature is a highly respected and coveted award that recognizes the achievements of writers who have made significant contributions to the field of literature. The prize is awarded annually by the Swedish Academy, and it has been given to a diverse range of writers over the years. While there have been some controversies surrounding the prize, it remains a symbol of literary excellence and achievement.
</p2>

</div>

<table> <!–table–>
<thead>
<tr>
<th>Year</th>
<th>Book</th>
<th>Laureates</th>
</tr>
</thead>
<tr>
<td>2022</td>
<td>The Years</td>
<td>Annie Ernaux</td>
</tr>
<tr>
<td>2021</td>
<td>The Last Word</td>
<td>Abdulrazak Gurnah</td>
</tr>
<tr>
<td>2020</td>
<td>Faithful and Virtuous Night</td>
<td>Louise Glück</td>
</tr>
<tr>
<td>2019</td>
<td>The Goalie’s Anxiety at the Penalty Kick</td>
<td>Peter Handke</td>
</tr>
<tr>
<td>2018</td>
<td>Flights</td>
<td>Olga Tokarczuk</td>
</tr>
<tr>
<td>2017</td>
<td>The Remains of the Day</td>
<td>Kazuo Ishiguro</td>
</tr>
<tr>
<td>2016</td>
<td>N/A</td>
<td>Bob Dylan</td>
</tr>
<tr>
<td>2015</td>
<td>Voice of Chernobyl</td>
<td>Svetlana Alexievich</td>
</tr>
<tr>
<td>2014</td>
<td>Suspenden Sentences</td>
<td>Patrick Modiano</td>
</tr>
<tr>
<td>2013</td>
<td>The Luminaries</td>
<td>Alice Munro</td>
</tr>
<tr>
<td>2012</td>
<td>The Mo Yan Story Collection</td>
<td>Mo Yan</td>
</tr>
<tr>
<td>2011</td>
<td>The Tiger’s Wife</td>
<td>Téa Obreht</td>
</tr>
<tr>
<td>2010</td>
<td>N/A</td>
<td>Mario Vargas Llosa</td>
</tr>
<tr>
<td>2009</td>
<td>The Hare with Amber Eyes</td>
<td>Olivia Judson</td>
</tr>
<tr>
<td>2008</td>
<td>Netherland</td>
<td>J.M. Coetzee</td>
</tr>
<tr>
<td>2007</td>
<td>Out Stealing Horses</td>
<td>Doris Lessing</td>
</tr>
<tr>
<td>2006</td>
<td>Imaginative Qualities of Actual Things</td>
<td>Orhan Pamuk</td>
</tr>
<tr>
<td>2005</td>
<td>The March</td>
<td>Harold Pinter</td>
</tr>
<tr>
<td>2004</td>
<td>The Master of Petersburg</td>
<td>Elfriede Jelinek</td>
</tr>
<tr>
<td>2003</td>
<td>Austerlitz</td>
<td>J.M. Coetzee</td>
</tr>
<tr>
<td>2002</td>
<td>Life &amp; Times of Michael K</td>
<td>Imre Kertész</td>
</tr>
<tr>
<td>2001</td>
<td>Disgrace</td>
<td>VS Naipaul</td>
</tr>
<tr>
<td>2000</td>
<td>The Emigrants</td>
<td>Gao Xingjian</td>
</tr>
<tr>
<td>1999</td>
<td>N/A</td>
<td>Günter Grass</td>
</tr>
<tr>
<td>1998</td>
<td>La cena</td>
<td>Jose Saramago</td>
</tr>
<tr>
<td>1997</td>
<td>N/A</td>
<td>Dario Fo</td>
</tr>
<tr>
<td>1996</td>
<td>Poems</td>
<td>Wislawa Szymborska</td>
</tr>
<tr>
<td>1995</td>
<td>N/A</td>
<td>Seamus Heaney</td>
</tr>
<tr>
<td>1994</td>
<td>The Stone Diaries</td>
<td>Carol Shields</td>
</tr>
<tr>
<td>1993</td>
<td>The Tales of the Heike</td>
<td>Toni Morrison</td>
</tr>
<tr>
<td>1992</td>
<td>All the Names</td>
<td>Derek Walcott</td>
</tr>
<tr>
<td>1991</td>
<td>N/A</td>
<td>Nadine Gordimer</td>
</tr>
<tr>
<td>1990</td>
<td>Blindness</td>
<td>Octavio Paz</td>
</tr>
<tr>
<td>1989</td>
<td>The Remains of the Day</td>
<td>Czeslaw Milosz</td>
</tr>
<tr>
<td>1988</td>
<td>The Satanic Verses</td>
<td>Naguib Mahfouz</td>
</tr>
<tr>
<td>1987</td>
<td>La casa de los espíritus</td>
<td>José Saramago</td>
</tr>
<tr>
<td>1986</td>
<td>Literature as a System</td>
<td>Wole Soyinka</td>
</tr>
<tr>
<td>1985</td>
<td>The Cement Garden</td>
<td>Claude Simon</td>
</tr>
<tr>
<td>1984</td>
<td>N/A</td>
<td>Jaroslav Seifert</td>
</tr>
</tr>
<td>1983</td>
<td>The Old Gringo</td>
<td>William Golding</td>
</tr>
<tr>
<td>1982</td>
<td>One Hundred Years of Solitude</td>
<td>Gabriel García Márquez</td>
</tr>
<tr>
<td>1981</td>
<td>N/A</td>
<td>Elias Canetti</td>
</tr>
<tr>
<td>1980</td>
<td>Life and Times of Michael K</td>
<td>Czesław Miłosz</td>
</tr>
<tr>
<td>1979</td>
<td>The Executioner’s Song</td>
<td>Odysseus Elytis</td>
</tr>
<tr>
<td>1978</td>
<td>N/A</td>
<td>Isaac Bashevis Singer</td>
</tr>
<tr>
<td>1977</td>
<td>The Hour of the Star</td>
<td>Vicente Aleixandre</td>
</tr>
<tr>
<td>1976</td>
<td>N/A</td>
<td>Saul Bellow</td>
</tr>
<tr>
<td>1975</td>
<td>N/A</td>
<td>Eugenio Montale</td>
</tr>
<tr>
<td>1974</td>
<td>N/A</td>
<td>Harry Martinson and Eyvind Johnson</td>
</tr>
<tr>
<td>1973</td>
<td>N/A</td>
<td>Patrick White</td>
</tr>
<tr>
<td>1972</td>
<td>Giovanni’s Room</td>
<td>Heinrich Böll</td>
</tr>
<tr>
<td>1971</td>
<td>N/A</td>
<td>Pablo Neruda</td>
</tr>
<tr>
<td>1970</td>
<td>The Sound of the Mountain</td>
<td>Aleksandr Solzhenitsyn</td>
</tr>
<tr>
<td>1969</td>
<td>N/A</td>
<td>Samuel Beckett</td>
</tr>
<tr>
<td>1968</td>
<td>N/A</td>
<td>Yasunari Kawabata</td>
</tr>
<tr>
<td>1967</td>
<td>N/A</td>
<td>Miguel Angel Asturias</td>
</tr>
<tr>
<td>1966</td>
<td>The Guide</td>
<td>Shmuel Yosef Agnon and Nelly Sachs</td>
</tr>
<tr>
<td>1965</td>
<td>The Tin Drum</td>
<td>Michel Tremblay</td>
</tr>
<tr>
<td>1964</td>
<td>Heimito von Doderer</td>
<td>Jean-Paul Sartre</td>
</tr>
<tr>
<td>1963</td>
<td>N/A</td>
<td>Giorgos Seferis</td>
</tr>
<tr>
<td>1962</td>
<td>The Revenants</td>
<td>John Steinbeck</td>
</tr>
<tr>
<td>1961</td>
<td>N/A</td>
<td>Ivo Andrić</td>
</tr>
<tr>
<td>1960</td>
<td>San Manuel Bueno, Martyr</td>
<td>Saint-John Perse</td>
</tr>
<tr>
<td>1959</td>
<td>The Magic Mountain</td>
<td>Salvatore Quasimodo</td>
</tr>
<tr>
<td>1958</td>
<td>N/A</td>
<td>Boris Pasternak</td>
</tr>
<tr>
<td>1957</td>
<td>N/A</td>
<td>Albert Camus</td>
</tr>
<tr>
<td>1956</td>
<td>N/A</td>
<td>Juan Ramón Jiménez</td>
</tr>
<tr>
<td>1955</td>
<td>N/A</td>
<td>Halldór Laxness</td>
</tr>
<tr>
<td>1954</td>
<td>The Old Man and the Sea</td>
<td>Ernest Hemingway</td>
</tr>
<tr>
<td>1953</td>
<td>N/A</td>
<td>Winston Churchill</td>
</tr>
<tr>
<td>1952</td>
<td>N/A</td>
<td>Albert Schweitzer</td>
</tr>
<tr>
<td>1951</td>
<td>N/A</td>
<td>Pär Lagerkvist</td>
</tr>
<tr>
<td>1950</td>
<td>Les Sables du temps</td>
<td>Bertrand Russell</td>
</tr>
<tr>
<td>1949</td>
<td>The Galloping Hour</td>
<td>William Faulkner</td>
</tr>
<tr>
<td>1948</td>
<td>Doctor Faustus</td>
<td>T.S. Eliot</td>
</tr>
<tr>
<td>1947</td>
<td>N/A</td>
<td>André Gide</td>
</tr>
<tr>
<td>1946</td>
<td>N/A</td>
<td>Hermann Hesse</td>
</tr>
<tr>
<td>1945</td>
<td>N/A</td>
<td>Gabriela Mistral</td>
</tr>
<tr>
<td>1944</td>
<td>N/A</td>
<td>Johannes V. Jensen</td>
</tr>
<tr>
<td>1943</td>
<td>N/A</td>
<td>No Award</td>
</tr>
<tr>
<td>1942</td>
<td>N/A</td>
<td>No Award</td>
</tr>
<tr>
<td>1941</td>
<td>N/A</td>
<td>No Award</td>
</tr>
<tr>
<td>1940</td>
<td>N/A</td>
<td>No Award</td>
</tr>
<tr>
<td>1939</td>
<td>N/A</td>
<td>Frans Eemil Sillanpää</td>
</tr>
<tr>
<td>1938</td>
<td>N/A</td>
<td>Pearl S. Buck</td>
</tr>
<tr>
<td>1937</td>
<td>N/A</td>
<td>Roger Martin du Gard</td>
</tr>
<tr>
<td>1936</td>
<td>N/A</td>
<td>Eugene O’Neill</td>
</tr>
<tr>
<td>1935</td>
<td>N/A</td>
<td>N/A</td>
</tr>
<tr>
<td>1934</td>
<td>N/A</td>
<td>Luigi Pirandello</td>
</tr>
<tr>
<td>1933</td>
<td>N/A</td>
<td>Ivan Bunin</td>
</tr>
<tr>
<td>1932</td>
<td>N/A</td>
<td>John Galsworthy</td>
</tr>
<tr>
<td>1931</td>
<td>N/A</td>
<td>Erik Axel Karlfeldt</td>
</tr>
<tr>
<td>1930</td>
<td>N/A</td>
<td>Sinclair Lewis</td>
</tr>
<tr>
<td>1929</td>
<td>N/A</td>
<td>Thomas Mann</td>
</tr>
<tr>
<td>1928</td>
<td>N/A</td>
<td>Sigrid Undset</td>
</tr>
<tr>
<td>1927</td>
<td>N/A</td>
<td>Henri Bergson</td>
</tr>
<tr>
<td>1926</td>
<td>N/A</td>
<td>Grazia Deledda</td>
</tr>
<tr>
<td>1925</td>
<td>N/A</td>
<td>George Bernard Shaw</td>
</tr>
<tr>
<td>1924</td>
<td>N/A</td>
<td>Władysław Reymont</td>
</tr>
<tr>
<td>1923</td>
<td>N/A</td>
<td>William Butler Yeats</td>
</tr>
<tr>
<td>1922</td>
<td>N/A</td>
<td>Jacinto Benavente</td>
</tr>
<tr>
<td>1921</td>
<td>N/A</td>
<td>Anatole France</td>
</tr>
<tr>
<td>1920</td>
<td>N/A</td>
<td>Knut Hamsun</td>
</tr>
<tr>
<td>1919</td>
<td>N/A</td>
<td>Carl Spitteler</td>
</tr>
<tr>
<td>1918</td>
<td>N/A</td>
<td>No Award</td>
</tr>
<tr>
<td>1917</td>
<td>N/A</td>
<td>Karl Gjellerup and Henrik Pontoppidan</td>
</tr>
<tr>
<td>1916</td>
<td>N/A</td>
<td>Verner von Heidenstam</td>
</tr>
<tr>
<td>1915</td>
<td>N/A</td>
<td>Romain Rolland</td>
</tr>
<tr>
<td>1914</td>
<td>N/A</td>
<td>No Award</td>
</tr>
<tr>
<td>1913</td>
<td>The Song Offerings</td>
<td>Rabindranath Tagore</td>
</tr>
<tr>
<td>1912</td>
<td>N/A</td>
<td>Gerhart Hauptmann</td>
</tr>
<tr>
<td>1911</td>
<td>N/A</td>
<td>Maurice Maeterlinck</td>
</tr>
<tr>
<td>1910</td>
<td>N/A</td>
<td>Paul Heyse</td>
</tr>
<tr>
<td>1909</td>
<td>N/A</td>
<td>Selma Lagerlöf</td>
</tr>
<tr>
<td>1908</td>
<td>N/A</td>
<td>Rudolf Christoph Eucken</td>
</tr>
<tr>
<td>1907</td>
<td>N/A</td>
<td>Rudyard Kipling</td>
</tr>
<tr>
<td>1906</td>
<td>N/A</td>
<td>Giosuè Carducci</td>
</tr>
<tr>
<td>1905</td>
<td>N/A</td>
<td>Henryk Sienkiewicz</td>
</tr>
<tr>
<td>1904</td>
<td>N/A</td>
<td>Frederic Mistral and José Echegaray y Eizaguirre</td>
</tr>
<tr>
<td>1903</td>
<td>N/A</td>
<td>Bjørnstjerne Bjørnson</td>
</tr>
<tr>
<td>1902</td>
<td>N/A</td>
<td>Theodor Mommsen</td>
</tr>
<tr>
<td>1901</td>
<td>N/A</td>
<td>Sully Prudhomme</td>
</tr>
</table>
</div>
</div>

<footerid=”footer”><!–footer–>
<ahref=”https://github.com/JahirulOpi”><i
class=”fa-brands fa-square-github”></i></a>
<ahref=”https://www.behance.net/jahirulopi”><i
class=”fa-brands fa-square-behance”></i></a>
<ahref=”https://www.linkedin.com/in/jahirul-opi/”>
<iclass=”fa-brands fa-linkedin”></i></a>
<p1><br>Copyright &copy; 2023 Jahirul Opi</p1>
</footer><!–footer end–>

</body>
</html>
<!DOCTYPE html>
<html lang=”en”>
<head>
<metacharset=”UTF-8″>
<metahttp-equiv=”X-UA-Compatible”content=”IE=edge”>
<metaname=”viewport”content=”width=device-width, initial-scale=1.0″>
<title>Pulitzer Winning Books</title>
<linkrel=”stylesheet”href=”body.css”>
<scriptsrc=”https://kit.fontawesome.com/6f0e8eb73f.js”crossorigin=”anonymous”></script>
</head>

<body>
<scriptsrc=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js”></script>
<header><!–this is the header of the page–>
<div>
<nav><!–Navigation bar–>
<divclass = “openname”><ahref=”index.html”><imgclass = “image3″src=”LL-white-01.png”alt=””></a>
<h3w>Literally Literature</h3w></div>
 
<inputtype=”checkbox”id = “bars”>
<labelfor=”bars”class = “menuhide”><iclass = “fas fa-bars”></i></label>
<ul>
<li><ahref= “index.html”>Home</a></li>
<li><ahref= “books.html”>Books</a></li>
<li><ahref= “accesories.html”>Accesories</a></li>
<li><ahref= “blogs.html”>Blogs</a></li>
<li><ahref= “manuscript.html”>Manuscript</a></li>
<li><ahref= “literaryawards.html”>Literary Awards</a>
<divclass = “submenu”>
<ul>
<li><aclass=”dropdown-item”href=”nobel.html”>Nobel Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”booker.html”>Booker Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”intbooker.html”>International Booker Prize</a></li>
<li><hrclass=”dropdown-divider”></li>
<li><aclass=”dropdown-item”href=”pulitzer.html”>Pulitzer Prize</a></li>
</ul>
</div></li>
<li><ahref= “contact.html”>Comparison</a></li>
</ul>
</nav>
</div>
<div><!–Banner–>
<ahref=”books.html”><imgclass = “imageban”src=”Web Banner-01-2.jpg”alt=””></a>
</div>
</header><!–header end–>
<h6>Pulitzer Prize Winners</h6>

<div id = “container”> <!–this is the main part–>
<divid = “main”>

<div class = “box”>
<p2><imgsrc=”800px-Pulitzer_Medal_-_obverse.png”class=”wrap3″alt=””><!–floating image and text–>
The Pulitzer Prize is an award that recognizes excellence in journalism, literature, and music composition. It was established in 1917 by Joseph Pulitzer, a Hungarian-American journalist and newspaper publisher, who left a bequest to Columbia University to establish the award. The Pulitzer Prize is considered one of the most prestigious awards in the United States and is highly respected around the world.

The award is named after Joseph Pulitzer, who was a prominent newspaper publisher in the late 19th century. He founded the St. Louis Post-Dispatch and the New York World, and he was known for his investigative journalism and his support of causes such as the labor movement and the fight against corruption in government. Pulitzer believed that journalism should serve the public interest and that the press should be a watchdog of government and other powerful institutions.
 
The Pulitzer Prize is awarded in 21 categories, including 14 categories for journalism, 7 categories for literature, and one category for music composition. The categories for journalism include public service, breaking news reporting, investigative reporting, explanatory reporting, local reporting, national reporting, international reporting, feature writing, commentary, criticism, editorial writing, cartooning, and photography. The categories for literature include fiction, drama, history, biography or autobiography, poetry, general non-fiction, and music composition.
 
Each year, a board of jurors, made up of experts in each category, is appointed by the Pulitzer Prize Board to review submissions and select the winners. The jury submits its recommendations to the Pulitzer Prize Board, which makes the final decision on the winners.
 
The Pulitzer Prize has a long history of recognizing outstanding journalism and literature. Some of the most notable winners of the Pulitzer Prize include Ernest Hemingway, Harper Lee, Toni Morrison, Bob Woodward, Carl Bernstein, and Bob Dylan. The Pulitzer Prize has also been awarded to newspapers and journalists for their coverage of important events in history, such as the Watergate scandal and the September 11 attacks.
 
Winning a Pulitzer Prize is considered a great honor and can have a significant impact on a journalist’s or writer’s career. It can lead to increased recognition, better job opportunities, and higher salaries. The award also brings attention to important issues and stories that might otherwise go unnoticed.
 
However, the Pulitzer Prize is not without its controversies. Some have criticized the award for being too focused on the East Coast and for failing to recognize work produced in other regions of the country. Others have criticized the award for being too focused on traditional forms of journalism and literature and for failing to recognize new and emerging forms of media and storytelling.
 
In recent years, the Pulitzer Prize has made efforts to address some of these criticisms. For example, the prize has expanded its categories to include online journalism, and it has also increased the number of jurors who are based outside of New York City.
 
Despite its controversies, the Pulitzer Prize remains a highly respected award that recognizes excellence in journalism, literature, and music composition. Its winners are known for their exceptional talent, dedication, and commitment to excellence, and their work serves as a shining example of the power of journalism and literature to inform, inspire, and change the world.
 
One of the most important aspects of the Pulitzer Prize is its recognition of the importance of public service journalism. The public service category is one of the most prestigious categories of the Pulitzer Prize, and it recognizes outstanding journalism that serves the public interest. This category has been awarded to newspapers and journalists for their coverage of important issues such as civil rights, environmental protection, and government corruption.
 
In recent years, public service journalism has become increasingly important, as traditional news organizations have struggled to compete with the rise of social media and online news sources. The Pulitzer Prize has recognized this trend by expanding its categories to include online journalism and by awarding prizes to news organizations that have embraced new and innovative forms of storytelling.
</p2>
</div>

<table> <!–table–>
<table>
<thead>
<th>Year</th>
<th>Genre</th>
<th>Book</th>
<th>Authors</th>
</thead>
<tbody>
<tr>
<tdrowspan=”7″>2022</td>
<td>Fiction</td>
<td>The Netanyahus</td>
<td>Joshua Cohen</td>
</tr>
<tr>
<td>Music</td>
<td>Voiceless Mass</td>
<td>Raven Chacon</td>
</tr>
<tr>
<td>Poetry</td>
<td>Frank: Sonnets</td>
<td>Diane Seuss</td>
</tr>
<tr>
<td>Drama</td>
<td>Fat Ham</td>
<td>James Ijames</td>
</tr>
<tr>
<td>General Non-Fiction</td>
<td>Invisible Child</td>
<td>Andrea Elliott</td>
</tr>
<tr>
<td>History</td>
<td>Covered with Night | Cuba: An American History</td>
<td>Nicole Eustace | Ada Ferrer</td>
</tr>
<tr>
<td>Biography/Autobiography</td>
<td>Chasing Me to My Grave</td>
<td>Winfred Rembert, Erin I. Kelly</td>
</tr>
</tbody>
<tbody>
<tr>
<tdrowspan=”7″>2021</td>
<td>Fiction</td>
<td>The Night Watchman</td>
<td>Louise Erdrich</td>
</tr>
<tr>
<td>Music</td>
<td>Stride</td>
<td>Tania Leon</td>
</tr>
<tr>
<td>Poetry</td>
<td>Postcolonial Love Poem</td>
<td>Diane Seuss</td>
</tr>
<tr>
<td>Drama</td>
<td>The Hot Wing King</td>
<td>Katori Hall</td>
</tr>
<tr>
<td>Editorial Writing</td>
<td>The Absurdity of Life</td>
<td>Robert Greene</td>
</tr>
<tr>
<td>History</td>
<td>Franchise</td>
<td>Marcia Chatelain</td>
</tr>
<tr>
<td>Biography/Autobiography</td>
<td>The Dead Are Arising</td>
<td>Les Payne, Tamara Payne</td>
</tr>
</tbody>

</table>
</div>
</div>

<footerid=”footer”><!–footer–>
<ahref=”https://github.com/JahirulOpi”><i
class=”fa-brands fa-square-github”></i></a>
<ahref=”https://www.behance.net/jahirulopi”><i
class=”fa-brands fa-square-behance”></i></a>
<ahref=”https://www.linkedin.com/in/jahirul-opi/”>
<iclass=”fa-brands fa-linkedin”></i></a>
<p1><br>Copyright &copy; 2023 Jahirul Opi</p1>
</footer><!–footer end–>

</body>
</html>
body{ /*style of the body*/
padding: 0;
margin: 0;
background-color: #FFFFFF;
background-image: url(dot-2.png); /*image in background*/
background-size: 7px7px; /*size of the BG image*/
opacity: 20px;
z-index: 0; /*sending back*/
height: 100%;
 
}

img.wrap { /*this is to make float with image*/
float: left;
height: 300px;
-webkit-shape-outside: url(Nobel_Prize.png); /*this makes the shape of the given image */
shape-outside: url(Nobel_Prize.png);
}
img.wrap2 { /*this is to make float with image 2*/
float: left;
height: 300px;
-webkit-shape-outside: url(booker.png); /*this makes the shape of the given image */
shape-outside: url(booker.png);
}
img.wrap3 { /*this is to make float with image 2*/
float: left;
height: 300px;
-webkit-shape-outside: url(800px-Pulitzer_Medal_-_obverse.png); /*this makes the shape of the given image */
shape-outside: url(800px-Pulitzer_Medal_-_obverse.png);
}

#container{ /*this is to keep the main part in the whole screen*/
min-height: 100%;
margin-bottom: 40px; /*margin*/
display: flex;
flex-wrap: wrap;
justify-content: center;
z-index: 0;
}

#main { /*this is to exceed container if there is overflow*/
overflow: auto;
padding-bottom: 100px;
flex: 1;
z-index: 0;
}

/*
_________________NAVIGATION BAR RESPONSIVE______________

*/
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: Futura, “Trebuchet MS”, Arial, sans-serif;
}

nav{ /*style for navigation bar*/
height: 60px;
padding: 0px40px0px40px;
background: #536782;
display: flex;
align-items: center;
justify-content: space-between;
position: fixed;
width: 100%;
align-items: centers;
z-index: 9;

}

nav ul{
display: flex;
list-style: none;
align-items: center; /* vertical alignment */
justify-content: center; /* horizontal alignment */
}
nav ul li{
margin: 0.5px;
 
}

nav ul li a{
margin-top: 15px;
color: #FFFFFF;
text-decoration: none;
font-size: 20px;
padding: 12px15px;
border-radius: 5px;
transition: all0.2sease;
display: flex;
align-items: center; /* vertical alignment */
justify-content: center; /* horizontal alignment */
}

nav ul li a.hover{
color: FFFFFF;
background: #000000;
}
#bars{ /*bar will be hidden in pc format*/
display: none;
}
nav .menuhide i{ /*checkbox will be hidden*/
display: none;
}

.openname{
font-size: 10px;
font-family: Futura;
color: #FFFFFF;
padding: 5px;

}
 

@media (max-width: 1000px){ /*this is the style for navigation bar while using phone or tablet*/

nav{
z-index: 9;
}
navul{
display: block;
top: 50px;
left: -100%;
background: #536782;
height: 100%;
width: 100%;
position: fixed;
text-align: center;
transition: all0.2sease;
z-index: 9;
}

#bars:checked ~ ul {
left: 0;
}
#bars:checked ~ element {
display: none;
}
#bars:checked ~ .selector {
display: none;
}
navulli{
margin: 40px0;

}
navullia {
font-size: 20px;
display: block;
}
navullia.hover{
color:#536782;
background: #FFFFFF;
}
nav.menuhidei{
color: #FFFFFF;
font-size: 22px;
cursor: pointer;
display: block;
}
nav.menuhidei{
display: block;
}

#bars:checked ~ .menuhidei:before{
content: “\f00d”; /*cross bar*/
}




}

.image3{/*image style*/
height: 20px;
width: 20px;
margin-bottom: -2.5px; /*margin*/
}

.othersite{ /*external links style*/
height: 50px;
width: auto;
margin-bottom: -2.5px; /*margin*/
}
.submenu{
display: none;
}

nav ul li:hover .submenu{
display: block;
position: absolute;
background: #536782;
margin-top: 15px;
margin-left: 15px;
}

nav ul li:hover .submenu ul{
display: block;
}


#footer{ /*style for the footer*/
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #536782;
color: white;
text-align: center;
}

footer a {
color: #FFFFFF;
}
footer a:hover{ /*hovering in footer*/
transform: scale(1.5);
}

.image1 { /*style of image*/
height: 250px;
width: 250px;
display: block;
margin-left: auto; /*margin*/
margin-right: auto; /*margin*/
margin-top: 50px;
}
.image2 {
height: 350px;
width: 250px;
}
.image3{
height: 20px;
width: 20px;
margin-bottom: -2.5px; /*margin*/
}

.bookimage{
width: 60%;
filter: drop-shadow(2px0px2px#536782);
margin-bottom: -10px; /*margin*/
position: relative;
z-index: 0;
}
picture{ /*keeping the width of the responsive image 100%*/
width: 100%;
}
@font-face{ /*downloaded font*/
font-family: titleFont;
src:url(beyond_the_mountains.otf); /* importing font */
}
.header1{ /*style of the name of the website*/
font-family: titleFont;
font-size: 50px;
color: #536782;
text-align: center;
}

/*style for the texts*/
h2{
font-family: ‘Courier New’, Courier, monospace;
text-align: center;
color: #000000;
}
h3{
width: 100%;
padding: 10px15px; /*padding*/
margin: 5px0;
font-family: titleFont;
box-sizing: border-box;
background-color: #536782;
color: #FFFFFF;
text-align: center;
}
h3w{
font-family: titleFont;
color: #FFFFFF;
font-size: 18px;
margin: 10px;

}
h4w{
font-family: titleFont;
color: #536782;
font-size: 18px;
margin: 10px;
}
h4{
font-family: Futura, “Trebuchet MS”, Arial, sans-serif; /*font family*/
font-size: 14px;
color: #536782;
margin: 1px;
}
 
h5{
font-family: Futura, “Trebuchet MS”, Arial, sans-serif;
font-size: 12px;
font-weight: lighter;
color: #536782;
margin:1px;
margin-bottom: 5px;
}
h6{
font-family: titleFont;
color: #536782;
font-size: 3em;
margin: 5px;
 
text-shadow: .03em.03emblack;
padding: 10px;
padding-top: 100px;

}
h7{
font-family: Futura, “Trebuchet MS”, Arial, sans-serif;
font-size: 30px;
color: #536782;
margin: 1px;
}
p{
width: 100%;
padding: 10px15px; /*padding*/
margin: 5px0;
box-sizing: border-box;
background-color: #FFFFFF;
font-family: Futura, “Trebuchet MS”, Arial, sans-serif;
text-align: center;
color: #536782;
}
p1{
line-height: 2em;
font-family: Futura, “Trebuchet MS”, Arial, sans-serif;
font-weight: lighter;
font-size: 8px;
color: #FFFFFF;
margin-bottom: 0px;
}

p3{
font-family: Futura, “Trebuchet MS”, Arial, sans-serif;
text-align:left;
color: #FFFFFF;
font-size: 18px;
}
p2{
font-family: Futura, “Trebuchet MS”, Arial, sans-serif;
text-align: center;
color: #FFFFFF;
}
p4{
width: 1200px;
padding: 10px15px; /*padding*/
margin: 5px0;
box-sizing: border-box;
background-color: #FFFFFF;
font-family: Futura, “Trebuchet MS”, Arial, sans-serif;
text-align: center;
color: #536782;
}

p6{
font-family: Futura, “Trebuchet MS”, Arial, sans-serif;
color: #536782;
text-align: left;
}

.blog{ /*floating*/
float: left;
}
legend{/*legend of the form*/
font-family: titleFont;
color: #536782;
font-size: 50px;
margin: 5px;
padding: 30px;

}

fieldset{ /*style for the css*/
border-collapse: collapse;
color: #536782;
width: 100%;
border: none;
}



input[type=text], select { /*style for the text input */
width: 100%;
padding: 10px40px;
margin: 8px0;
display: inline-block;
border: 1pxsolid#ccc;
border-radius: 4px;
box-sizing: border-box;
border-color: #536782;
text-align: left;
}

input[type=text].half{
position: relative;
display: inline-block;
align-items: center; /* center the items */
flex-direction: row; /* row */
justify-content: flex-start; /* align items to left on larger screens */
flex-wrap: wrap;
width: 50%;
z-index: 0;
}

input[type=date], select { /*style for the date input*/
width: 100%;
padding: 10px40px;
margin: 8px0;
display: inline-block;
border: 1pxsolid#ccc;
border-radius: 4px;
box-sizing: border-box;
}




input[type=time], select { /*style for the select input */
width: 100%;
min-width: relative;
padding: 10px40px;
margin: 8px0;
display: inline-block;
border: 1pxsolid#ccc;
border-radius: 4px;
box-sizing: border-box;
}

input[type=text], textarea { /*style for the textarea*/
width: 100%;
padding: 10px40px;
margin: 8px0;
display: inline-block;
border: 1pxsolid#ccc;
border-radius: 4px;
box-sizing: border-box;
}

input[type=”file”] { /*style for the file upload */
position: absolute;
z-index: -1;
top: 10px;
left: 8px;
font-size: 17px;
color: #b8b8b8;
}

*{ /*reset */
box-sizing: border-box;
text-align: center;
}

.row{ /*styling the row to make it responsive*/
width:97.5%;
margin: 20px;
text-align: center;
display: flex;
flex-wrap: wrap; /*responsive using flex*/
/*grid-template-columns: repeat(auto-fit, minmax(250px,1fr));
grid-gap: 20px;*/
padding: 20 px 20px;
justify-content:center;
z-index: 0;
}
.column {
transition: all0.2sease;
width: 400px;
position: relative;
margin: 10px;
z-index: 0;
}
.column2{
display: flex;
gap: 15px;
}

button { /*style of the button*/
background-color: #536782;
border: none;
color: #FFFFFF;
padding: 10px20px;
text-align: center;
text-decoration: none;
align-content: center;
margin: 10px1.5px;
cursor: pointer;
border-radius: 16px;
font-family: Futura, “Trebuchet MS”, Arial, sans-serif;
font-weight: lighter;
display: inline-block;
}
button:hover { /*hovering the button*/
background-color: #87CEEB;
}

select{ /*style of the selection bar*/
font-family: Futura, “Trebuchet MS”, Arial, sans-serif;
font-weight: lighter;
background-color: #FFFFFF;
color: #536782;
 
}

td, th { /*style of the table’s content*/
color: FFFFFF;
border: solid;
 
height: 60px;
 
}

table{ /*style of the table*/
width: 100%;
font-family: Futura, “Trebuchet MS”, Arial, sans-serif;;
color: #536782;
border-collapse: collapse;
}

p5{ /*style for the text used for radio and checkbox*/

font-family: Futura, “Trebuchet MS”, Arial, sans-serif;
font-weight: lighter;
font-size: 16px;
color: #536782;
margin-bottom: 0px;
width: 100%;
min-width: relative;
padding: 10px40px;
margin: 8px0;
display: inline-block;
border: 1pxsolid#ccc;
border-radius: 4px;
box-sizing: border-box;
background-color: #FFFFFF;
}


.container { /*container for the form*/
margin: 0;
background-color: #FFFFFF;
background-image: radial-gradient(#87CEEB0.5px, transparent0.5px);
background-size: 10px10px;
height: 100%;
position: relative;
max-width: 100%;
width: 100%;
padding: 25px;
border-radius: 8px;
box-shadow: 0015pxrgba(0, 0, 0, 0.1);
}

.container.form {
margin-top: 30px;
}
.form.input-box { /*style for the input box class*/
width: 100%;
margin-top: 20px;
}

.form :where(.input-boxinput, .select-box) {
position: relative;
height: 50px;
width: 100%;
outline: none;
font-size: 1rem;
color: #707070;
margin-top: 8px;
border: 1pxsolid#ddd;
border-radius: 6px;
padding: 015px;
}
.input-boxinput:focus {
box-shadow: 01px0rgba(0, 0, 0, 0.1);
}
.form.column { /*style for the column class in form*/
display: flex;
column-gap: 15px;
}
 
.select-boxselect { /*style for the select box */
height: 100%;
width: 100%;
outline: none;
border: none;
color: #707070;
font-size: 1rem;
}


::placeholder{ /*style for the placeholder*/
font-family: Futura, “Trebuchet MS”, Arial, sans-serif;
color: #536782;
}

input[type=”file”] { /*style for the file upload */
position: absolute;
z-index: -1;
top: 10px;
left: 8px;
font-size: 17px;
color: #536782;
}
.button-wrap { /*wraping the buttom */
position: relative;
}
.button { /*style for the button */
width: 100%;
display: inline-block;
padding: 12px18px;
cursor: pointer;
border-radius: 5px;
border: 1pxsolid#ccc;
font-family: Futura, “Trebuchet MS”, Arial, sans-serif;;
background-color:#FFFFFF;
font-size: 16px;
font-weight: bold;
color:#536782;
}

video { /*style for the video*/

margin: 25px;
width: 95%;
height: relative;
border-radius: 12px;
border: 3pxsolid#536782;
}

.state{/*style for the state*/
position: relative;
height: 50px;
width: 100%;
outline: none;
font-size: 1rem;
color: #707070;
margin-top: 28px;
border: 1pxsolid#ddd;
border-radius: 6px;
padding: 015px;
}

.box {
border-radius: 30px;
background-color: #536782;
width: 95%;
justify-items: center;
margin: 0auto;
margin-bottom: 40px;
padding: 20px; /* padding to create space between border and contents */
display: flex; /* make contents display in a row */
align-items: center; /* center contents vertically */
gap: 20px; /* gap between image and text */
box-shadow: 2px2px5pxrgba(0, 0, 0, 0.3);
}
.carousel-control-next-icon, .carousel-control-prev-icon {/*customizing bootstrap*/

border-radius: 5px;
}

.carousel-control-prev:hover {/*customizing bootstrap*/
background-color: none!important;
}

.carousel-control-prev-icon {/*customizing bootstrap*/
background-image: url(“data:image/svg+xml;charset=utf8,%3Csvg xmlns=’http://www.w3.org/2000/svg’ fill=’%536782′ viewBox=’0 0 8 8’%3E%3Cpath d=’M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z’/%3E%3C/svg%3E”) !important;
}
 
.carousel-control-next-icon {/*customizing bootstrap*/
background-image: url(“data:image/svg+xml;charset=utf8,%3Csvg xmlns=’http://www.w3.org/2000/svg’ fill=’%536782′ viewBox=’0 0 8 8’%3E%3Cpath d=’M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z’/%3E%3C/svg%3E”) !important;
}

.carousel-control-next-icon, .carousel-control-prev-icon {/*customizing bootstrap*/
width: 15px;
height: 15px;
}

.card-img-top{/*customizing bootstrap*/
height: 300px;
width: auto;
margin: auto;
padding-top: 10px;
}

.card {/*customizing bootstrap*/
background-image: linear-gradient(#536782, #394D63);
border-radius: 20px;
box-shadow: 04px8px0rgba(0, 0, 0, 0.2), 06px20px0rgba(0, 0, 0, 0.19);
}

.btn-primary{/*customizing bootstrap*/
margin: 10px;
background-color: #87CEEB;
color: #FFFFFF;
}

.btn-primary:hover{/*customizing bootstrap*/
background-color: #FFFFFF;
color: #536782;
}

.card-title{/*customizing bootstrap*/
font-family: titleFont;
color: #FFFFFF;
font-size: 27px;
margin: 4px;
}
.carousel-item{/*customizing bootstrap*/
height: 400px;
}
.othersitebutton{/*customizing bootstrap*/
background: none;
}
@media (max-width: 360px){/*media querry*/
#bookpic{
height: auto;
width: 100%;
padding: 0!important;
}
}

#carouselExampleAutoplaying{
height: 30px;
background-color:#87CEEB;
position: fixed;
width: 100%;
z-index: 7;
}
.banner{
height: 30px;
}
.carousel-inner2{
height:30px;
}

.d-flex2{
height: 40px;
}

.btn-outline-success2{
margin-top: 0;
margin-bottom: 0;
height: 40px;
}

.d-block w-100{
width: 100%;
}


.carousel-item2{
height: 30px;
}
.carousel-item3{
height: 300px;
}

.imageban{/*banner style*/
margin-top: 60px;
width: 100%;
z-index: 8;
}


P