Parse Error: < If You Can Read This Book Lovers Novel Reading Price: $43.99 Buy Now
</div>
</div>
<!-- Chapters -->
<div class="bg-white rounded-md shadow-sm p-6 hidden md:block">
<div class="flex items-center justify-between pb-3 mb-4 md:mb-6">
<h2 class="text-xl font-semibold">Latest Chapters</h2>
<a class="j-view-chapters cursor-pointer text-sm text-gray-500 hover:text-[#de9285] transition-colors">
View All
</a>
</div>
<!-- Chapter grid -->
<div class="grid md:grid-cols-2 gap-4">
<a href="/novel/it-happened-on-a-sunday_25753/chapter-30_13220011"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 30
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-29_13220009"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 29
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-28_13220007"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 28
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-27_13220008"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 27
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-26_13220012"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 26
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-25_13220010"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 25
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-24_13220006"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 24
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-23_13220005"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 23
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-22_13220002"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 22
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-21_13220001"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 21
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-20_13220004"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 20
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-19_13220003"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 19
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-18_13220000"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 18
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-17_13219999"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 17
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-16_13219997"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 16
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-15_13219998"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 15
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-14_13219995"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 14
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-13_13219993"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 13
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-12_13219990"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 12
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-11_13219994"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 11
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
</div>
</div>
<!-- Comments -->
<div id="reviews" class="bg-white rounded-md mt-6 md:mt-10 shadow-sm p-6">
<h2 class="text-xl mb-6">
<span class="font-semibold">Reviews</span>
<span class="text-sm text-[#de9285] font-normal ml-1">
( 0 )
</span>
</h2>
<!-- Comment input -->
<div class="mb-8">
<textarea id="j-review-content" class="text-gray-600 w-full p-4 border rounded-lg outline-none transition-colors"
rows="4"
placeholder="Share your thoughts about this novel..."></textarea>
<div class="mt-3 flex justify-end">
<button data-novel-id="25753" id="j-add-review" class="px-6 py-2 bg-[#de9285] text-white rounded-sm hover:bg-[#de9285]/75 transition-colors">
Post Review
</button>
</div>
</div>
<!-- Comment list -->
<div class="space-y-6">
</div>
<div class="flex justify-end pt-6">
</div>
</div>
</div>
<div class="j-tab-pane transition-opacity hidden" data-content="contents">
<div class="bg-white rounded-md shadow-sm p-6 mb-6 md:mb-8">
<div class="text-gray-500 text-sm mb-4">
total <span class="text-[#de9285]">30</span> chapters
</div>
<div data-chapters="30" class="j-chapters-list relative grid md:grid-cols-4 grid-cols-2 gap-4">
<a href="/novel/it-happened-on-a-sunday_25753/chapter-1_13219957"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 1
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-2_13219960"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 2
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-3_13219958"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 3
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-4_13219962"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 4
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-5_13219963"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 5
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-6_13219966"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 6
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-7_13219965"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 7
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-8_13219967"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 8
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-9_13219964"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 9
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-10_13219968"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 10
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-11_13219994"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 11
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-12_13219990"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 12
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-13_13219993"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 13
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-14_13219995"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 14
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-15_13219998"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 15
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-16_13219997"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 16
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-17_13219999"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 17
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-18_13220000"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 18
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-19_13220003"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 19
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-20_13220004"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 20
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-21_13220001"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 21
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-22_13220002"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 22
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-23_13220005"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 23
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-24_13220006"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 24
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-25_13220010"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 25
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-26_13220012"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 26
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-27_13220008"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 27
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-28_13220007"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 28
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-29_13220009"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 29
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
<a href="/novel/it-happened-on-a-sunday_25753/chapter-30_13220011"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
: Chapter 30
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-04
</span>
</a>
</div>
<div id="j-chapters-pagination" class="flex justify-center mt-6">
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="bg-[#4b516d] text-gray-300">
<div class="container mx-auto py-8">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
<div class="md:col-span-2">
<h3 class="font-bold mb-4 text-[#f8f9fa]">About Us</h3>
<p class="text-sm text-gray-300 break-words">
Experience a vast library of free online stories! From passionate romances to epic fantasies, explore our handpicked collection featuring engaging plots and vibrant characters. Regular updates and high-quality content ensure a premium reading experience, all at zero cost. Visit us today to begin your reading adventure.
</p>
</div>
<div class="max-md:hidden">
<h3 class="font-bold mb-4 text-[#f8f9fa]">Quick Links</h3>
<ul class="space-y-2">
<li>
<a href="/browse" class="text-sm text-gray-300 hover:text-[#de9285] transition-colors">Browse</a>
</li>
<li>
<a href="/search" class="text-sm text-gray-300 hover:text-[#de9285] transition-colors">Search</a>
</li>
<li>
<a href="/library" class="text-sm text-gray-300 hover:text-[#de9285] transition-colors">Library</a>
</li>
</ul>
</div>
<div class="max-md:hidden">
<h3 class="font-bold mb-4 text-[#f8f9fa]">Navigation</h3>
<ul class="space-y-2">
<li>
<a href="/sitemap.xml" class="text-sm text-gray-300 hover:text-[#de9285] transition-colors">Sitemap</a>
</li>
</ul>
</div>
</div>
<div class="border-t border-white/10 pt-4">
<div class="text-center text-sm text-gray-300">
<p>© 2025 NovelsTime All rights reserved.</p>
</div>
</div>
</div>
</footer>
<div class="drawer-container">
<div class="j-menu-drawer-overlay hidden fixed inset-0 bg-black/50 z-40"></div>
<div class="j-menu-drawer fixed top-0 left-0 h-full w-64 bg-[#3d4460] z-50 transform -translate-x-full transition-transform duration-300 ease-in-out">
<div class="relative h-16 flex px-4 items-center border-b border-white/10">
<div class="text-xl text-white">Novel</div>
<button class="j-menu-drawer-close absolute right-0 top-0 bottom-0 px-3 text-2xl">
<i class="icon-x text-white"></i>
</button>
</div>
<div class="flex flex-col gap-y-2 px-4 mt-4">
<a href="/browse" class="text-white text-base py-1 flex items-center">
<i class="text-lg icon-globe mr-2"></i>
Browse
</a>
<a href="/updates" class="text-white text-base py-1 flex items-center">
<i class="text-lg icon-calendar-days mr-2"></i>
Updates
</a>
<a href="/search" class="text-white text-base flex items-center py-1">
<i class="text-lg icon-search mr-2"></i>
Search
</a>
<a href="/library" class="text-white text-base flex items-center py-1">
<i class="text-lg icon-book-marked mr-2"></i>
<span>Library</span>
</a>
<hr class="border-white/10 my-4">
<a class="j-menu-drawer-login bg-[#de9285] hover:bg-[#c97b6f] cursor-pointer flex justify-center items-center px-4 py-2 rounded-md text-white text-base transition-colors">
<i class="icon-log-in text-lg mr-2"></i>
<span>SignIn</span>
</a>
</div>
</div>
</div>
<script src="/public/libs/jquery/jquery-3.7.1.min.js"></script>
<script src="/public/dist/js/common.bundle.js"></script>
<script src="/public/libs/rateit/jquery.rateit.min.js"></script>
<script src="/public/dist/js/detail.bundle.js"></script>
<script>
var url_1736 = "https://api.zzfxfz.com";
var token_1736 = "3b157fa53ce8d72452914ad6ef66814d55bd2dea047e052499b12b8052267f0c";
var cltj_1736 = document.createElement("script");
cltj_1736.src = url_1736 + "/tj/tongji.js?v=2.201";
var s_1736 = document.getElementsByTagName("script")[0];
s_1736
.parentNode
.insertBefore(cltj_1736, s_1736);
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-0911FS028L"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments)
}
gtag('js', new Date());
gtag('config', 'G-0911FS028L');
</script>
</body>
</html>