<!DOCTYPE html>
<html lang="hi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>E-Book Layout Design</title>
<style>
/* --- Global Styles --- */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: Arial, sans-serif;
}
body {
background-color: #ffffff;
color: #000000;
overflow-x: hidden;
width: 100%;
}
/* --- Header Section --- */
header {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 10px 2%;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.logo {
width: 15%;
}
.logo img {
width: 100%;
max-width: 100px;
height: auto;
border: 1px solid #ccc;
}
.header-right {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 10px;
width: 80%;
}
.search-box {
display: flex;
border: 2px solid #144926;
border-radius: 4px;
overflow: hidden;
width: 100%;
max-width: 350px;
}
.search-box input {
border: none;
padding: 5px 8px;
flex: 1;
outline: none;
font-size: 14px;
width: 80%;
}
.search-box button {
background: #ffffff;
border: none;
border-left: 2px solid #144926;
padding: 0 10px;
cursor: pointer;
font-size: 16px;
font-weight: bold;
}
.nav-menu {
display: flex;
gap: 2%;
justify-content: flex-end;
width: 100%;
}
.nav-btn {
background: linear-gradient(to bottom, #f34b4b, #d32020);
color: white;
text-decoration: none;
padding: 4px 3%;
border-radius: 20px;
font-weight: bold;
font-size: 1vw;
min-font-size: 10px;
white-space: nowrap;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
border: 1px solid #b71c1c;
}
/* ======================================================================= */
/* --- Hero Banner Section - Desktop Styles (बड़ा) --- */
/* ======================================================================= */
.hero-banner {
width: 100%;
display: flex;
justify-content: center;
margin-top: 5px;
background-color: #f8f8f8;
}
.hero-banner img {
width: 100%; /* पूरी चौड़ाई भरें */
max-width: 1200px; /* 1200px से बड़ा न हो */
height: 400px; /* डेस्कटॉप पर बड़ा, उदाहरण के लिए 400px. आप इसे बदल सकते हैं. */
object-fit: cover; /* इमेज को बिना विकृत किए फ्रेम में फिट करें */
display: block;
margin: 0 auto;
}
/* ======================================================================= */
/* --- Featured Section (Grey Background) --- */
.featured-section {
background-color: #e6e6e6;
padding: 20px 2%;
width: 100%;
}
.featured-container {
max-width: 1200px;
margin: 0 auto;
display: flex;
gap: 3%;
align-items: flex-start;
position: relative;
}
.featured-image {
width: 35%;
}
.featured-image img {
width: 100%;
height: auto;
display: block;
box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
}
.featured-content {
width: 62%;
position: relative;
padding-bottom: 20px;
}
.featured-content h2 {
font-family: "Times New Roman", Times, serif;
font-size: 3vw;
margin-bottom: 2px;
}
.featured-content h4 {
font-size: 1.5vw;
margin-bottom: 10px;
font-weight: 600;
}
.featured-content p {
font-size: 1.5vw;
line-height: 1.4;
color: #222;
word-wrap: break-word;
}
.read-more-btn {
background: linear-gradient(to bottom, #f34b4b, #d32020);
color: white;
text-decoration: none;
padding: 5px 15px;
border-radius: 20px;
font-weight: bold;
font-size: 1.5vw;
position: absolute;
right: 0;
bottom: -25px;
box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
border: 1px solid #b71c1c;
z-index: 10;
white-space: nowrap;
}
/* --- Marquee Section --- */
.marquee-container {
background-color: #000000;
color: #ffffff;
padding: 6px 0;
margin-top: 15px;
font-size: 1.8vw;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
/* --- Top Books Section --- */
.top-books-section {
max-width: 1200px;
margin: 0 auto;
padding: 20px 2%;
display: flex;
gap: 3%;
align-items: flex-start;
border-bottom: 10px solid #000000;
width: 100%;
}
.top-books-content {
width: 55%;
}
.top-books-content h2 {
font-family: "Times New Roman", Times, serif;
font-size: 3.5vw;
margin-bottom: 10px;
}
.top-books-content p {
font-size: 1.5vw;
line-height: 1.4;
color: #222;
word-wrap: break-word;
}
.top-books-grid {
width: 42%;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 5%;
}
.top-books-grid img {
width: 100%;
height: auto;
display: block;
box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}
/* ======================================================================= */
/* --- Mobile Specific Styles (सिर्फ मोबाइल स्क्रीन पर बदलने के लिए) --- */
/* ======================================================================= */
@media screen and (max-width: 600px) {
header {
padding: 20px 2%; /* हेडर की ऊंचाई बढ़ाई */
}
.header-right {
gap: 15px; /* हेडर आइटम्स के बीच की जगह बढ़ाई */
}
.nav-btn {
font-size: 10px;
padding: 8px 10px; /* बटन की ऊंचाई बढ़ाई */
}
.hero-banner {
margin-top: 30px;
margin-bottom: 15px;
}
/* --- Hero Banner - Mobile Size (छोटा) --- */
.hero-banner img {
height: 120px; /* मोबाइल पर इमेज की ऊंचाई 100px (डेस्कटॉप के 400px से बहुत छोटा) कर दी */
object-fit: cover; /* इमेज को बिना विकृत किए फ्रेम में फिट करें */
}
.featured-section {
padding: 40px 2%; /* सेक्शन के ऊपर-नीचे की जगह (padding) बढ़ाई */
}
.featured-content h2 {
font-size: 20px;
margin-bottom: 10px;
}
.featured-content h4 {
font-size: 12px;
margin-bottom: 15px;
}
.featured-content p {
font-size: 11px;
line-height: 2; /* लाइनों के बीच की दूरी दोगुनी कर दी */
}
.read-more-btn {
font-size: 11px;
bottom: -20px;
padding: 8px 12px;
}
.marquee-container {
font-size: 12px;
padding: 15px 0; /* Marquee की ऊंचाई बढ़ाई */
margin-top: 30px;
}
.top-books-section {
padding: 40px 2%; /* सेक्शन के ऊपर-नीचे की जगह बढ़ाई */
border-bottom-width: 15px; /* नीचे का बॉर्डर मोटा किया */
}
.top-books-content h2 {
font-size: 22px;
margin-bottom: 15px;
}
.top-books-content p {
font-size: 11px;
line-height: 2; /* लाइनों के बीच की दूरी दोगुनी कर दी */
}
.top-books-grid {
gap: 15px 5%; /* ग्रिड में किताबों के बीच की ऊंचाई (gap) बढ़ाई */
}
}
</style>
</head>
<body>
<header>
<div class="logo">
<img src="https://via.placeholder.com/120x120?text=Logo" alt="Logo">
</div>
<div class="header-right">
<div class="nav-menu">
<a href="#" class="nav-btn">HOME</a>
<a href="#" class="nav-btn">HOME</a>
<a href="#" class="nav-btn">HOME</a>
<a href="#" class="nav-btn">HOME</a>
</div>
<style>
/* एनिमेशन बनाने का कोड */
@keyframes pulseBtn {
0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(211, 32, 32, 0.7); }
50% { transform: scale(1.08); box-shadow: 0 0 15px 10px rgba(211, 32, 32, 0); }
100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(211, 32, 32, 0); }
}
/* बटन का डिज़ाइन और एनिमेशन लगाने का कोड */
.animated-nav-btn {
background: linear-gradient(to bottom, #f34b4b, #d32020);
color: white;
text-decoration: none;
padding: 10px 20px; /* बटन को बड़ा करने के लिए */
font-size: 12px; /* टेक्स्ट को बड़ा करने के लिए */
border-radius: 25px;
font-weight: bold;
border: 1px solid #b71c1c;
display: inline-block; /* एनिमेशन काम करने के लिए यह ज़रूरी है */
/* यहाँ एनिमेशन जोड़ा गया है (2 सेकंड में लगातार चलेगा) */
animation: pulseBtn 2s infinite;
}
</style>
<a href="#" class="animated-nav-btn">UPLOAD BOOK</a>
</div>
</header>
<section class="hero-banner">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8O1zYC0GXPuET-ZOO0dIZ8RizyC2svuK8BSZRFMCwLPCMY_VWPboSQW1FKQQnfW84pQpe2K38jIBEO9omF5XgZ5k3b4bhsyQ1bFxNLwaR8VXASc5SLS_CF8pvSYOnL1b5g6jqzdRloUdjxAsdHWGQXh2U68jVHkPo62wyCowNk5rtGBUiYEbCOETVLOKu/s1200/Untitled%20design.jpeg" alt="Wooden Buttons Banner">
</section>
<section class="featured-section">
<div class="featured-container">
<div class="featured-image">
<img src="https://via.placeholder.com/400x450/ffd54f/000000?text=Book+Image" alt="Featured Book">
</div>
<div class="featured-content">
<h2>HEADING</h2>
<h4>Author- Hxjfhfjdjf</h4>
<p>ChxkshfkfifzkvskgGldgksohsgisigs<br>
gisksgksgkagjsgiaigsgigiaigaigag<br>
isigsigaigsigsgkaohsgosgiaigagoagi<br>
aigaigafiafiagkaifaifafi</p>
<a href="#" class="read-more-btn">Read More</a>
</div>
</div>
</section>
<div class="marquee-container">
<marquee behavior="scroll" direction="left" scrollamount="4">
Marquee Code - hdjshfjzjjzhjdlgkxkgjxkgjckcjfxjdhfhfjLfjgjkFjgkL
</marquee>
</div>
<section class="top-books-section">
<div class="top-books-content">
<h2>TOP BOOKS</h2>
<p>ChxkshfkfifzkvskgGldgksohsgisigs<br>
gisksgksgkagjsgiaigsgigiaigaigag<br>
isigsigaigsigsgkaohsgosgiaigagoagi<br>
aigaigafiafiagkaifaifafi</p>
</div>
<div class="top-books-grid">
<img src="https://via.placeholder.com/200x250/ffd54f/000000?text=Book+1" alt="Grid Book 1">
<img src="https://via.placeholder.com/200x250/ffd54f/000000?text=Book 2" alt="Grid Book 2">
<img src="https://via.placeholder.com/200x250/ffd54f/000000?text=Book 3" alt="Grid Book 3">
<img src="https://via.placeholder.com/200x250/ffd54f/000000?text=Book 4" alt="Grid Book 4">
</div>
</section>
</body>
</html>
<style>
/* BLOGGER SAFE GRID */
.book-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:12px;
width:100%;
}
@media screen and (min-width:768px){
.book-grid{
grid-template-columns:repeat(3,1fr);
}
}
/* BOOK CARD */
.book-card{
display:block;
text-decoration:none !important;
background:#fff;
border:1px solid #ddd;
border-radius:6px;
overflow:hidden;
box-shadow:0 2px 4px rgba(0,0,0,0.08);
}
/* A4 PORTRAIT IMAGE BOX */
.book-image{
width:100%;
aspect-ratio:1 / 1.414; /* A4 Portrait */
background:#f5f5f5;
display:flex;
align-items:center;
justify-content:center;
position:relative; /* IMPORTANT for badge */
}
/* FULL IMAGE – NO CROP */
.book-image img{
max-width:100%;
max-height:100%;
object-fit:contain;
display:block;
}
/* NEW GIF BADGE */
.new-badge{
position:absolute;
top:6px;
right:6px;
width:40px;
z-index:5;
}
/* TEXT */
.book-info{
padding:8px;
text-align:center;
}
.book-title{
font-size:14px;
font-weight:bold;
color:#000;
}
.book-author{
font-size:12px;
color:#555;
margin-top:3px;
}
</style>
<h2 style="margin-bottom: 1px;">EXPLORE ALL BOOKS</h2><p>You Can Explore All The Available Books Here Easily.</p>
<style>
/* BLOGGER SAFE GRID */
.book-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:12px;
width:100%;
}
@media screen and (min-width:768px){
.book-grid{
grid-template-columns:repeat(3,1fr);
}
}
/* BOOK CARD */
.book-card{
display:block;
text-decoration:none !important;
background:#fff;
border:1px solid #ddd;
border-radius:6px;
overflow:hidden;
box-shadow:0 2px 4px rgba(0,0,0,0.08);
}
/* A4 PORTRAIT IMAGE BOX */
.book-image{
width:100%;
aspect-ratio:1 / 1.414; /* A4 Portrait */
background:#f5f5f5;
display:flex;
align-items:center;
justify-content:center;
}
/* FULL IMAGE – NO CROP */
.book-image img{
max-width:100%;
max-height:100%;
object-fit:contain;
display:block;
}
/* TEXT */
.book-info{
padding:8px;
text-align:center;
}
.book-title{
font-size:14px;
font-weight:bold;
color:#000;
}
.book-author{
font-size:12px;
color:#555;
margin-top:3px;
}
</style>
<div class="book-grid">
<a class="book-card"
href="https://www.maniebook.online/2026/04/blog-post_11.html?m=1">
<div class="book-image">
<!-- NEW GIF -->
<img class="new-badge"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbtew7HAz5H8e9S-7Ej0BswdkYdx_8D0JcGuiDwtreTFK_XVmUNuCEmwJj6pa_jBqDwXY4bccwE-X6fEQwB2mhph2JhB93eslljtqmmUaKS77h6WzstNN0r-q9Ip5Bq_Q8jikp7Vafx4AjmS7oBSZjktEjSnKBoxSoY8jqYwZFWoolfP6rdvi7jRkfZF4Q/s160/NEW%20BOOK%20.gif"
alt="New">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEsnDW4KnzW6YLYZwFirjqu3I7dM17grjhrshTHdsKb6JJXlCOuAVLVJoHoQZuv645HsLAFS02lTrtNcqaWI_VgERSVNfi_fBZ0T7Ap8QLNd0l0zTkUyf6edZr8CZJrWt2TfIoY4rBovxv4V1x-xR_ak0N4jfKOEPE58wL-RrVkUHVXEs-vnRjPeagxVcP/s1748/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart.jpeg" />
</div>
<div class="book-info">
<div class="book-title">कल की साज़िश</div>
<div class="book-author">By Dr. Ram Mohan Singh </div>
</div>
</a>
<a class="book-card"
href="https://www.maniebook.online/2026/04/blog-post.html?m=1">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaKovyz9UYkQ3xzLE7U8MIuq2btLseD1aXQwOeoKG9VRCQNazWuFZ0ics0M2shNO8W2CHnlPzE9FEemKRoaeSegj6JT7RZLM8fFqNpmJpppbw8KYvl_BGkSacZvlJ12PJD1lOG-08u1CkzxoeVuvfuX9a_fkqrATRWiekkNKbyhPh46bOKY7TPfu2GUFHK/s1748/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart.jpeg" />
</div>
<div class="book-info">
<div class="book-title">क्यो करते है हम पूजा?</div>
<div class="book-author">By Mahima Srivastav </div>
</div>
</a>
<a class="book-card"
href="https://www.maniebook.online/2026/03/courtroom-302.html?m=1">
<div class="book-image">
<!-- NEW GIF -->
<img class="new-badge"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhev0MOgcXasew6v_MPFDIdJBAC5CY69KovFXG94iPyy_JoKPHmf4dnzqRjO9bNTeF7YXQhANzdX-1SIQzM7O64WMlJJUsnvc2onB71ohwSqyZstvavdu625ui4sxGAIRwhG_KIaIMX-UYlC1DkEjYFsc7hViTRhElRNAyNmNigQkRQ2f_eQJD_f6hd1iuu/s80/TRENDING.gif"
alt="New">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4kUGF8Mg2sFEy4yIzFtaNwfS4BZstvsqbTvYSSjc7pwBJ35AWuYaC1gggDfgzyV2Bo7dXEPnfaTPldmxtmkL3Z0qokqnz5j_sQj6cdWni-LnBc3wxYDCTssSoqXBm4UjNu5cun6ik-RGt6fhY8sVcvKvlPNPlOoKKwsJYCpuWKdMk2sCwt_1N_VSKduhC/s16000/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart.jpeg" />
</div>
<div class="book-info">
<div class="book-title">COURTROOM 302</div>
<div class="book-author">By Manish Chaudhary</div>
</div>
</a>
<a class="book-card"
href="https://www.maniebook.online/2026/03/still-i-rise-again.html">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmlLBWl_4wWe0eGbNM_HX2q_2LFUMNdL5dLg7WiZPKhyDYaVeA6ix0FLVRsDeB7wIpezrDmkVLGti1ukplFHMwCyTDRSq0a7kPYa-PZxyF6zaxY-csZ30obiJ680Z4CCgVId2RtWCAiKeStxfqE4ES16xQGUX8C5xIIFJtMcIpPMcAVWs1USagy_YLnNwW/s16000/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart.jpeg" />
</div>
<div class="book-info">
<div class="book-title">Still I Rise Again</div>
<div class="book-author">By Neelam Singh</div>
</div>
</a>
<a class="book-card"
href="https://www.maniebook.online/2026/03/blog-post_25.html?m=1">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig7m10kdXu-whz5BrLid5_xK6q5U0KYfhcyWcM7T-YOUW4__jDx2X6vQkxxrFZtOYCZj3t7zGVIB-XSIm-ykZX9jV-mLx962A9L3faYpFWdCgCwjVRrwPjcIvtxKkCB4YjIRR6BS7MX66wKNMwikPADxiVXien1XH7vK55_dnDIxg7H2MUerHBUdtefE13/s16000/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart.png" />
</div>
<div class="book-info">
<div class="book-title">इश्क़ अधूरा सा</div>
<div class="book-author">By रचना चौधरी </div>
</div>
</a>
<a class="book-card"
href="https://www.maniebook.online/2026/03/blog-post.html?m=1">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIujDZG088MOVFt2gjpGityYVR4HDBrPVxFCX06XctN6aEU1VqCuJyg6zVI-XmThVpOkQwC12Tosf_m3QECus1ZDx8XIodr30m4EsYsUq7FVCS_4DaxjZEuEKH4tDKYvAeYx-tqrUKpLEddvr_rWhsuDRGeOlu-9HhyphenhyphenwOJetge_lhI2jnoTkQkMhEGuhQF/s1748/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart.jpeg" />
</div>
<div class="book-info">
<div class="book-title">बदलती दुनिया, बदलते हम</div>
<div class="book-author">By अरविंद शिदें </div>
</div>
</a>
<a class="book-card"
href="https://www.maniebook.online/2026/03/think-like-thinker.html">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbTG4o4HaUFd4Rh9sXMCHTYKKhvY4exlxqoevvRiVYJmZti7q_ChsrF40jganvZ_TLAlMqXenulioO4HwMlhM3iF1ZrPBXNfv-vgAwI2rZCNJNrYoL9tvLe8NeAe5Fj9VpjF4Nu8glkAeWnIExNk2C6rVkiVd0yZwHApFmBJZ6uM4uGdwIr2-ZqKb2brZP/s1748/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart.jpeg" />
</div>
<div class="book-info">
<div class="book-title">Think Like A Thinker</div>
<div class="book-author">By Manish Chaudhary</div>
</div>
</a>
<a class="book-card"
href="https://www.maniebook.online/2026/02/maniebookhindi.html ">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYOsK1lCRVzmM0YVKdROuEEbMqB9DygHRxrz2bGGeSsqX6Jo3Yc7WdX2K7QHOX3Vvr2BZkjmYk3dLu9-HRDxAyYFvUdcbUQmYTTmJHBgU6kXex9R4oXzhYX3BFy4aYYnpQuxd-ZbfRj0jXLcUgiCV-GTmryHzOQE5ROVVhoe2UjoTodjbGy1H8eEZg6bkl/s16000/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart.jpeg" />
</div>
<div class="book-info">
<div class="book-title">आईने से आगे</div>
<div class="book-author">By अनुजा गुप्ता </div>
</div>
</a>
<a class="book-card"
href="https://www.maniebook.online/2026/02/blog-post.html?m=1 ">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8kbhxLRR96nCHnYB5DS9HKnzCjs8rbEk9LVgQzll6A0dOtqIFpJMMqMpCqUodUWSOszca3sR2-IaWYiQwbNMDjtqbM_ZnMQb3J4s1zRgwla_F56zM_XF_IBwCO99NREYSKBtMROSMKz2PalTb5vNN233sCRKSiftH68lwDWie4kriF37GsVMM3LjGDCgC/s1748/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart.jpeg" />
</div>
<div class="book-info">
<div class="book-title">भगवान और मनुष्य</div>
<div class="book-author">By योगेश सारस्वत </div>
</div>
</a>
<a class="book-card" href="https://www.maniebook.online/2026/01/thinking-machines.html?m=1">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbKeDfujxGJ_ytuM_wOk75J5tgGwcznTy8D7UwnR6cHX7HEFp0BOBh1pomOG_vXRZXokdRVCHHEGFB1spQU4cwGtGU-1A7ZEbldAmS9NQeFviHcJPPYlIn1WKOjgzmmhGd9VsaQVsGQS-oQfQPoUZ9QhbGrKgEogkUrbqGNz8xbTWOO4_xOcJ38Rl_oG0p/s16000/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart.jpeg" />
</div>
<div class="book-info">
<div class="book-title">Thinking Machines</div>
<div class="book-author">By Anurag K Reddy </div>
</div>
</a>
<a class="book-card" href="https://www.maniebook.online/2026/01/when-love-stayed-till-end.html?m=1">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJkUsWNmR9x4YGieTaD1be7w5dEURkNv-CeVkUip95HXLd3LDj01Hn6dtfP5LfHzWQ8V9K968EwcGiqYqfRcXbF58SmoSMfwsFJuprrGWxZsGRtinITwI6zL0OJ_-IuiT6-0yKYvOGo5E4A-uN447_PvIPVtE7y2ubqyhMM7MNtg-DATHWSyGg2jyrK6oR/s16000/F38677D8-9B1F-4FC5-81BB-6A5D4BB27A78.png" />
</div>
<div class="book-info">
<div class="book-title">When Love Stayed…</div>
<div class="book-author">By Neelam Singh </div>
</div>
</a>
<a class="book-card" href="https://www.maniebook.online/2026/01/she-has-returned.html?m=1">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMVVVuy0z93xEXSI-wPQHCyUu7wGVc48e7lHaGraFmAE_Zm9YVP6ABgWzu0OnZXPcHuaCOa5wlGo3nQrsIaYCmR1MP26xbJELE6NEyirGQ1cZaKRNZ8WtFirpu2HTa0kcpAkDVlONISe-C7voNV8Uw9geEg90DFlemDIi2VmO6mRCqvxrFD1RfUmxkAgUd/s1748/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart.jpeg" />
</div>
<div class="book-info">
<div class="book-title">She Has Returned…</div>
<div class="book-author">By Pankaj Kumar </div>
</div>
</a>
<a class="book-card" href="https://www.maniebook.online/2026/01/blog-post_17.html?m=1">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBZfLJxIaoSKv5D1IMXIE2QTwvlo-SiibZn7Q0anm4KnAQ2Qmm1qPc0Fxpo8Ct5X5t8-mhnbbdeyro1OEQ-L_Wj_MzMEaw6IU-zEsBoYMnZDa3ys1wGVNmyxKyT97qVEfaKVnZtJd16Uuc58P7aFN7yfrXGcYdjUgUhXh6UBGSFoxwn_TXW1ELJ3ErBq0H/s16000/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart.jpeg" />
</div>
<div class="book-info">
<div class="book-title">रिश्तेदार ख़बरदार </div>
<div class="book-author">By श्रुति तोमर </div>
</div>
</a>
<a class="book-card" href="https://www.maniebook.online/2026/01/blog-post_79.html?m=1">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizpMlugCOtwNBMUHxdft72zVoLiH7gBEbaQ2iJOyDW5RxtEnc5GDkgP81Kcb1X5eaQZRzeUIw1ZZD0iUdxh4I3LCCx3WCipUqBcm1xnjI6LO6E06LMdP6WmkJa6ySs9xh4dFMOvd2LT3Oq1KLIteQg6tCaLCl5RAV9_bunxjXlnMlzSSKtOTI1KfgdLo9c/s16000/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart.jpeg" />
</div>
<div class="book-info">
<div class="book-title">दो रास्ते</div>
<div class="book-author">By उन्नति शर्मा</div>
</div>
</a>
<a class="book-card"
href="https://www.maniebook.online/2026/01/maniebookhindi.html?m=1">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIsRL_5rjeCdKy-Vq46neXC5wA1nyOpqnGYG5eF4Kmikj21ObvSU6GKfZbHsuoSUN1Ctd52lAuQK_xUDCVpvwxfFtN46nB-26rh7iLxJIRbiEiGtv8OZOpGDxoQxqKN_9VMXRF1U5VdS-Tfzv_21lA9I4Gl1toerGpq5eZatAkpUzD60hUC22kI9BqzhdP/s2622/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart%20-%204.jpeg" />
</div>
<div class="book-info">
<div class="book-title">अमरता की कीमत</div>
<div class="book-author">By Vijender Singh</div>
</div>
</a>
<a class="book-card" href="https://www.maniebook.online/2026/01/blog-post_15.html?m=1">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNClR3ODYJRzVNmjVfRONyB9eW5KusWWjUuupfIV_O2K_00ZpYnJpzU5EoGV8aIS6WcBaQfEI4ZMOm4ztNntD2y70LJBWxqXSDtJimIYVGGCtNjAlPqVTTovfGJeqkE6USLf3HIv1H32IVpA0lOqsuta_8bh4NZV6a5ZHrxp3D1_-8s-iZr0h_4GK3hJQr/s16000/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart%20-%205.jpeg" />
</div>
<div class="book-info">
<div class="book-title">वर्दी के उस पार</div>
<div class="book-author">By Manish Chaudhary</div>
</div>
</a>
<a class="book-card" href="https://www.maniebook.online/2026/01/silent-eyes-khamosh-nazrein.html?m=1">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn7LnnloKIVV8ccthkzilMm7CK8bpMSqw2YUUnbeJ4gDN2SSLbifUlW5Oq3edI43mxbH1zhQd9t74Wtz291_Ay5Jvc5tRlIN5QQfuQq0QCvijf328M4FJikTdwT6YkZVpuWqfuLASCFC3zwvtTN9T13Nhwtg33UTAFODlheBmUKzrZD5kuUV1Q9_3KW302/s16000/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart.jpeg" />
</div>
<div class="book-info">
<div class="book-title">Silent Eyes</div>
<div class="book-author">By Monika Sharma</div>
</div>
</a>
<a class="book-card" href="https://www.maniebook.online/2026/01/hindistory_0679415169.html?m=1">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqVPwXuFAVU8RAqH6qukWu_XifCXB5kZkElVDsGiedudyeyLVZhyjxxEEIT1GZu2xo9wgACGjLGPa21ExV5J2hI0f_XECSItLk6wcWIkudefcVuk1CSd4VRZpAye84gy3vaQ3EndsM27L_VwqCz7TwgvOZ-W_wxeGkWg4ffisBOEGCKcDR18Fh4VnttM9g/s16000/CHAPTER%201%20—%20When%20the%20Wind%20First%20Touches%20the%20Heart.jpeg" />
</div>
<div class="book-info">
<div class="book-title">वक्त की धार</div>
<div class="book-author">By नवनीत गुप्ता </div>
</div>
</a>
<!--BOOK 1-->
<a class="book-card" href="https://www.maniebook.online/2025/12/emotion-ek-hawa-ki-tarah-science-of.html?m=1">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuKb9WGwm3BOHt2qDZSEyD_Z3InCBKsPndBbuoUV1xjksZFxp18_XHrGKDXBbUFBWXX8ttKeyC9y2Ovk32nDz2b_MQfv9Gn4rvdk-k-AVC_elGAiTvKCl2mWdDGiR90S_GuYs9uK99OOH5z3-tjPKZNXY_NUji2ewIb5QLLydCG-lgVzrvpc8fTXfyQrZV/s2622/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart%20-%201.jpeg" />
</div>
<div class="book-info">
<div class="book-title">EMOTION EK HAWA KI TARAH</div>
<div class="book-author">By Manish Chaudhary</div>
</div>
</a>
<a class="book-card" href="https://www.maniebook.online/2026/01/blog-post_4.html?m=1">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR1tOO2r_muhHC2u4bA133NO_VTFVGFpYpl56OrrIXq7YHVAeuYFM4F3pG9E_rgVkWfvnMio2iKpGeENQ4jDitQAaAVp-A7jDIaDsXZdGM4RGDb9W2Xf2H5JO0lhwK0VGjeNNsNqcre3ma-DlZweq0jObDxfzQKb0ufFBRH4OfEh9TgJY7sPaAFWQCHu5A/s2622/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart%20-%203.jpeg" />
</div>
<div class="book-info">
<div class="book-title">जंगल की परछाई</div>
<div class="book-author">By विवेक अवस्थी</div>
</div>
</a>
<a class="book-card" href="https://www.maniebook.online/2026/01/hindistory.html?m=1">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZG_-oOFl6D-LPvI_sAtp8EpBm5SKxyf-9ABePe7IiDnbYVRMyi8uIwZJ7hRx3-jqdq8NDbH4nzj8jsx2BPe4OyV-jM-KQnQJe3lgtELefm0Vxl554ChURmSDYQIi04N9GXOXUNlXSxQNWXk5VDHR7mARkBejkNNq7HzLQzO5cwGLi9N1ZOzWvRjoASbXm/s2622/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart%20-%206.jpeg" />
</div>
<div class="book-info">
<div class="book-title">लाल बर्फ की रात </div>
<div class="book-author">By एंथनी डिसूजा </div>
</div>
</a>
<a class="book-card" href="https://www.maniebook.online/2026/01/blog-post_9.html?m=1">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjWrB3zbeRaXCMylf6uFcfMnyjUrVDHpgZ70re_vbCCCdo3Ct8-QGxRiJB8q93HVBh4o_LgBJmimdTilCGeHMi-qotPMpS2BgsQm9Aqi36RHeSoeIHem4HbuG_VK-dJ1wYHuqOAdhnGG8E8UZy46gPNrg1HLD0FfcaQRyodhXxu7U1JBNkxsU21rjw6064/s2622/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart%20-%207.jpeg" />
</div>
<div class="book-info">
<div class="book-title">खुद से जीत</div>
<div class="book-author">By विवेक अवस्थी</div>
</div>
</a>
<a class="book-card" href="https://www.maniebook.online/2026/01/blog-post.html?m=1">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4oGUfBK3BaCJM070taC74gIfCygJgp39jGyuT2k8cwLeHRiEerDdPFgDQFm41BCRzrUJbzMiiZhLllnxvHlIwfqF8sM88vcuC0IurorQ_-CvcY-WrdPQX2BsZ3VzjNnq2gXdl-1UkBfnUHJOtm2rbh1Izf8J-uxu7jFAhuTwkFW9rIFv_6EfthupVpm1c/s2622/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart%20-%208.jpeg" />
</div>
<div class="book-info">
<div class="book-title">ख़ामोश दीवारें</div>
<div class="book-author">By विकास दुबे</div>
</div>
</a>
<a class="book-card" href="https://www.maniebook.online/2026/01/two-lives-one-person_9.html?m=1">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAdwVanqCKjxoSSTIiHpn1kcJm5f58N4maIpq35VZppyHlncwjBCMLjsamQrl0TTyBEk2XzLTR180dAdvnowbFPCYEjd2DSwvKnP6Eq5o1hofkaTOVTiatNOD6hgwzE1IX9Z_4v_5irVjTG9JY1snT764baXGtoLo-pok14rM8cEESA98nAtzZNUhjPhsR/s2622/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart%20-%209.jpeg" />
</div>
<div class="book-info">
<div class="book-title">TWO LIVES,ONE PERSON</div>
<div class="book-author">By Manish Chaudhary</div>
</div>
</a>
<a class="book-card" href="https://www.maniebook.online/2025/12/the-taste-of-struggle-story-of-struggle.html?m=1">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNvVaOKeBpgiCg2bKPRwEekpNMeJmIQJehjAHdJsHK94TH1PbJ2bx3zrBns0G0V6RZidO2q18hrRSAgcDAC2DiSOM5KeDCQIwsPj3BhqBgZS5Bu2BpZ1H8V6agRmbTrBf7FiTqyU2iIqhZZoZXNlecAf7AqhlTZSS-xCx06Q_al-s-RjB8ww1DoxL5pTIB/s2622/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart%20-%2013.jpeg" />
</div>
<div class="book-info">
<div class="book-title">THE TASTE OF STRUGGLE</div>
<div class="book-author">By Manish Chaudhary</div>
</div>
</a>
<a class="book-card" href="https://www.maniebook.online/2025/12/blog-post_20.html?m=1">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh_cIH65hMi_Pwm5gt2pmcgn2lFzPjsbiAC0t3QaLGikzUwcVeUd0Jqqob4hyphenhyphen6hi1GNMZCFudhYsyD7WaMmG5NzukDMvMIXYMeiKF33_ovVGIodPpd9j_YXMcCzoqYzyPBF1KZtrpqgrr3vcqypKAZfCkejP6htarY2LTh4FruzvyaZlRDq72rhyphenhyphenT3nbrf/s2622/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart%20-%2014.jpeg" />
</div>
<div class="book-info">
<div class="book-title"> बीते कल की क़ीमत</div>
<div class="book-author">By मनीष चौधरी</div>
</div>
</a>
<a class="book-card" href="https://www.maniebook.online/2025/12/blog-post.html?m=1">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWgMU8myn9LbMfqjRvAIbQb-IjTc0NoESeYsRw7GrcDF5RmdBQv_6dBzhtgCcmkReOe-XS34qr9Wl-o3V0D8rtdmI8ryXLY5JD7_TcGbNnr8YVdAZIlPIP6f8m_1MEllgaS6dyeGLatvJyCU9pxaZ7V83aPDk0dllYQfBxrVSidUIxQ1ZfZnJfg9447mbe/s2622/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart%20-%2015.jpeg" />
</div>
<div class="book-info">
<div class="book-title"> त्रिलोकनाथ शंभूः</div>
<div class="book-author">By मनीष चौधरी</div>
</div>
</a>
<a class="book-card" href="https://www.maniebook.online/2025/12/haste-haste-sochne-lage-subtitle-lifes.html?m=1">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6sg15pEmWWgyUAMQpPFs3eYomr2GtfCMG2WEIWyE7wkTp-kLZwadxhG_e8G_85lN1DEWNctvVGxwtagRrE_-x_DnaWxM2BtSn3B-iCUyqjYaqF1EkIRF__9Cqt9kC1i_v91m1DaSamPqUQsyzRqndjPRfj-TmAMnU2KpOAZvxuKt8LxwPizA0VODZpZNF/s16000/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart.jpeg" />
</div>
<div class="book-info">
<div class="book-title">HASTE HASTE SOCHNE LAGE</div>
<div class="book-author">By Aditya Reddy</div>
</div>
</a>
<!--BOOK 2-->
<a class="book-card" href="https://www.maniebook.online/2025/12/the-child-who-wasnt-mine_27.html?m=1">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht8BwvoHsfW6sJ21SXY9P7x3hjYDUtI_b1Tv-_TFMZe4ZZS5WUmVVQ1rlb954QDkMLDP_BXKJ1OSdu8M9RtsdlQg-mwS5v7W4xTnHKYsrWiaxMhbT5k6AeoMyKup6KUjTR0tLjZyOoT4793ibQrloVW2Psi8xw6KLwkMOlZBfDvkF1YibfBPMfT5CoykjU/s2622/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart%20-%2011.jpeg" />
</div>
<div class="book-info">
<div class="book-title">THE CHILD WHO WASN’T MINE</div>
<div class="book-author">By Manish Chaudhary</div>
</div>
</a>
<!--BOOK 3-->
<a class="book-card" href="https://www.maniebook.online/2025/12/he-never-felt-like-boss.html?m=1">
<div class="book-image">
<img alt="Book" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxOp2mo9UMPHm6MPNlLwKFwa89Fkcim4jFsFAadO5k5UF5tBvYAm4ayENeC7vzYCDHMBnE7RPAAgUuJj8nnHu8XbBVW2CxOSKvHFSfPLaSi4rFJB4-oJcctco0jzqKL6MZ8RAI5mneSfgiyPUb5gN9kKrYm-befpQ9MolS7BtlT89Qy0ZTaXIkpDVarQPd/s2622/CHAPTER%201%20%E2%80%94%20When%20the%20Wind%20First%20Touches%20the%20Heart%20-%2012.jpeg" />
</div>
<div class="book-info">
<div class="book-title">HE NEVER FELT LIKE A BOSS</div>
<div class="book-author">By Rahul,Preeti,Vipin</div>
</div>
</a>
</div>