ebookwebpage
ebookwebpage.txt
<html>
<head>
<title>Ebooks and Audios</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<header>
<h1>Ebooks and Audios</h1>
</header>
<section id="ebooks">
<h2>Ebooks</h2>
<div class="grid">
<div class="grid-item">
<img src="book1.jpg" alt="Book 1" class="book-cover">
<h3>Book 1</h3>
<a href="#" class="view-details" data-modal="book1-modal">View Details</a>
</div>
<div class="grid-item">
<img src="book2.jpg" alt="Book 2" class="book-cover">
<h3>Book 2</h3>
<a href="#" class="view-details" data-modal="book2-modal">View Details</a>
</div>
<div class="grid-item">
<img src="book3.jpg" alt="Book 3" class="book-cover">
<h3>Book 3</h3>
<a href="#" class="view-details" data-modal