Skip to content

Commit

Permalink
Book Library
Browse files Browse the repository at this point in the history
  • Loading branch information
maryamtheprogrammer committed Mar 21, 2024
0 parents commit cb6c46a
Show file tree
Hide file tree
Showing 13 changed files with 225 additions and 0 deletions.
56 changes: 56 additions & 0 deletions authors.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,56 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Book Library</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<center>
<div id="Main-logo">
<h1 class="main-heading">
Book Library</h1>
</div>
<h2>
<a href="index.html">Home</a>&nbsp;
<a href="books.html">Books</a>&nbsp;
<a href="#">Authors</a></h2>
<br></center>
<div id="list">
<ol>
<li>Allama Muhammad Iqbal</li>
<li>Jaun Elia</li>
<li>Bano Qudsia</li>
<li>Ahmed Faraz</li>
<li>Nimra Ahmed</li>
<li>Ashfaq Ahmed</li>
<li>Intizar Hussain</li>
<li>Qudratullah Sahab</li>
</ol>
</div>
<div class="contacting">
<h3>You can also get another books written by another authors by contacting us.</h3>
<center>
<table border="1">
<tr>
<th>Name</th>
<th>Father Name</th>
<th>RollNo#</th>
<th>Class</th>
</tr>
<tr>
<td>Maryam Zohra</td>
<td>Sarfaraz Ali</td>
<td>5834</td>
<td>7th</td>
</tr>
</table>
</center>
<hr class="double-border">

<h4>Thanks for visiting our Website</h4>
</div>

</body>
</html>
86 changes: 86 additions & 0 deletions books.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,86 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Book Library</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<center>
<div id="Main-logo">
<h1 class="main-heading">
Book Library</h1>
</div>
<h2>
<a href="index.html">Home</a>&nbsp;
<a href="#">Books</a>&nbsp;
<a href="authors.html">Authors</a></h2>
<br></center>
<center>
<h2>Our most demanded books</h2>
</center>
<table>
<tr>
<td><img src="images/Asrar-e-Khudi.jpg" width="310" height="420"></td>
<td>Book Name: Asrar-e-Khudi <br><br>
Author: Allama Muhammad Iqbal <br><br>
Published in: 1915 <br><br>
<button type="button">Buy Now</button>
<td><img src="images/Jaun Elia.jpg" width="310" height="420"></td>
<td>Book Name: Shayad <br><br>
Author: Jaun Elia <br><br>
Published in: 1991 <br><br>
<button type="button">Buy Now</button>
</td>
</td>
</tr>

<tr>
<td><img src="images/tanha-tanha.jpg" width="310" height="420"></td>
<td>Book Name: Tanha Tanha <br><br>
Author: Ahmed Faraz <br><br>
Published in: 1980 <br><br>
<button type="button">Buy Now</button>
</td>
<td><img src="images/zavia.jpg" width="310" height="420"></td>
<td>Book Name: Zavia <br><br>
Author: Ashfaq Ahmed <br><br>
Published in: 1970 <br><br>
<button type="button">Buy Now</button>
</td>
</tr>
<tr>
<td><img src="images/rajagidth.jpg" width="310" height="420"></td>
<td>Book Name: Raja Gidth <br><br>
Author: Bano Qudsia <br><br>
Published in: 1981 <br><br>
<button type="button">Buy Now</button>
</td>
<td><img src="images/jannat-k-pattay.jpg" width="310" height="420"></td>
<td>Book Name: Zavia <br><br>
Author: Nimra Ahmed <br><br>
Published in: 2012 <br><br>
<button type="button">Buy Now</button>
</td>
</tr>
<tr>
<td><img src="images/basti.jpg" width="310" height="420"></td>
<td>Book Name: Basti <br><br>
Author: Intizar Hussain <br><br>
Published in: 1979 <br><br>
<button type="button">Buy Now</button>
</td>
<td><img src="images/shahabnama.jpeg" width="310" height="420"></td>
<td>Book Name: Shahabnama <br><br>
Author: Qudratullah Sahab<br><br>
Published in: 1986 <br><br>
<button type="button">Buy Now</button>
</td>
</tr>
</table>
<div id="author-link">
<h3>Check out all books' authors <a href="authors.html">Click here</a></h3>
</div>
</body>
</html>
Binary file added images/Asrar-e-Khudi.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/Jaun Elia.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/basti.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/jannat-k-pattay.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/main-img.avif
Binary file not shown.
Binary file added images/rajagidth.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/shahabnama.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/tanha-tanha.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/zavia.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
46 changes: 46 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Book Library</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<center>
<div id="Main-logo">
<h1 class="main-heading">
Book Library</h1>
</div>
<h2>
<a href="#">Home</a>&nbsp;
<a href="books.html">Books</a>&nbsp;
<a href="authors.html">Authors</a></h2>
<br></center>
<div>
<table>
<tr>
<td>
<img src="images/main-img.avif" alt="Main Img" width="380" height="420">
</td>
<td>
<h4>Welcome to our Book Library, where the world of literature awaits you at every turn of the page. Step into a sanctuary of knowledge and imagination, where stories come alive and words dance off the page to transport you to distant lands, exciting adventures, and profound insights.</h4>
<h4>Whether you're an avid reader seeking your next literary escape, a student in pursuit of academic resources, or simply someone who enjoys the pleasure of reading, our library offers a diverse collection of books to cater to every interest and taste.</h4>
<h4>From timeless classics to contemporary bestsellers, from gripping mysteries to heartwarming tales of love and friendship, our shelves are stocked with a treasure trove of literary gems waiting to be discovered. Lose yourself in the pages of a novel, broaden your horizons with non-fiction works, or explore the world of poetry and prose.</h4>
<h4>Our mission is to foster a love of reading and learning in our community, providing access to books and resources that inspire, educate, and entertain. Whether you're here to borrow a book, attend a literary event, or simply linger in the quiet comfort of our reading spaces, we welcome you to our library with open arms.</h4>
<h4>Join us on a journey of exploration and enlightenment as we celebrate the power of words to enrich our lives and expand our minds. Welcome to our Book Library, where every story is a new adventure waiting to begin.</h4>
</td>

</tr>
</table>
</div>
<hr>
<div id="BuyBooks">
<h2>
Buy our books in low price just <a href="books.html">Click here</a>
</h2>
<h2>Go and see more info <a href="authors.html">Click here</a></h2>
</div>

</body>
</html>
37 changes: 37 additions & 0 deletions style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
body{
background-color: azure;
}

#Main-logo{
color: white;
background-color: black;
}

#BuyBooks{
text-align: center;
}

#author-link{
color: white;
background-color: black;
text-align: center;
}

#author-link a{
color: red;
}

#list {
column-count: 2;
column-gap: 5px;
}

.contacting{
text-align: center;
}

.double-border {
border: none;
border-top: 3px double black;
margin: 20px 0;
}

0 comments on commit cb6c46a

Please sign in to comment.