-
Notifications
You must be signed in to change notification settings - Fork 188
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
13 changed files
with
226 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,76 @@ | ||
| <h1 align='center'><b>💥 BOOK WEBSITE 💥</b></h1> | ||
|
|
||
| <!-- -------------------------------------------------------------------------------------------------------------- --> | ||
|
|
||
| <h3 align='center'>Tech Stack Used 🎮</h3> | ||
| <!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') --> | ||
|
|
||
| <div align='center'> | ||
|
|
||
|  | ||
|  | ||
|  | ||
| <!--  --> | ||
| <!--  --> | ||
| <!--  --> | ||
| <!--  --> | ||
| <!--  --> | ||
| <!--  --> | ||
| <!--  --> | ||
| <!--  --> | ||
| <!--  --> | ||
| <!--  --> | ||
| <!--  --> | ||
| <!--  --> | ||
| </div> | ||
|
|
||
|
|
||
|  | ||
|
|
||
| <!-- -------------------------------------------------------------------------------------------------------------- --> | ||
|
|
||
| ## :zap: Description 📃 | ||
|
|
||
| <div> | ||
| <!-- <p>Add Description of the project</p> --> | ||
| <p>This is a simple book website that provides a detailed description of one featured book. At the bottom of the page, you can also find images of five popular books from 2024. The website offers a clean, minimal design for easy browsing. | ||
|
|
||
| </p> | ||
| </div> | ||
|
|
||
|
|
||
| <!-- -------------------------------------------------------------------------------------------------------------- --> | ||
|
|
||
| ## :zap: How to run it? 🕹️ | ||
|
|
||
| <!-- Add steps how to run this project --> | ||
| - Clone the repository to your local machine. | ||
| - Open the `index.html` file in your web browser to start using the application. | ||
|
|
||
|
|
||
| <!-- -------------------------------------------------------------------------------------------------------------- --> | ||
|
|
||
| ## :zap: Screenshots 📸 | ||
| <!-- add the screenshot of the project (Mandatory) --> | ||
|  | ||
|
|
||
|
|
||
|
|
||
|
|
||
|  | ||
|
|
||
| <!-- -------------------------------------------------------------------------------------------------------------- --> | ||
|
|
||
| <h4 align='center'>Developed By <b><i>ABANKITA BEHERA</i></b> </h4> | ||
| <p align='center'> | ||
| <a href='www.linkedin.com/in/abankita-behera-210836227'> | ||
| <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' /> | ||
| </a> | ||
| <a href='https://github.com/Abankita'> | ||
| <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' /> | ||
| </a> | ||
| </p> | ||
|
|
||
| <h4 align='center'>Happy Coding 🧑💻</h4> | ||
|
|
||
| <h3 align="center">Show some ❤️ by 🌟 this repository!</h3> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,68 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>BookVerse</title> | ||
| <link rel="stylesheet" href="style.css"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"> | ||
| </head> | ||
| <body> | ||
| <div class="container header"> | ||
| <img src="images/logo.png" alt="logo" class = "logo"> | ||
| </div> | ||
| <div class="container book-details"> | ||
| <div class="row"> | ||
| <div class="col-md-6 left-box"> | ||
| <h1>ROCK PAPER SCISSORS</h1> | ||
| <h4>Alice Feeney</h4> | ||
| <span class="fa fa-star checked"></span> | ||
| <span class="fa fa-star checked"></span> | ||
| <span class="fa fa-star checked"></span> | ||
| <span class="fa fa-star checked"></span> | ||
| <span class="fa fa-star"></span> | ||
| <p>Things have been wrong with Mr and Mrs Wright for a long time. When Adam and Amelia win a weekend away to Scotland, it might be just what their marriage needs. Self-confessed workaholic and screenwriter Adam Wright has lived with face blindness his whole life. He can’t recognize friends or family, or even his own wife. | ||
|
|
||
| Every anniversary the couple exchange traditional gifts – paper, cotton, pottery, tin – and each year Adam’s wife writes him a letter that she never lets him read. Until now. They both know this weekend will make or break their marriage, but they didn’t randomly win this trip. One of them is lying, and someone doesn’t want them to live happily ever after. <br> | ||
|
|
||
| <i>Ten years of marriage. Ten years of secrets. And an anniversary they will never forget.</i> | ||
| </p> | ||
| <div class="book-genre"> | ||
| <h6>Genre:</h6> | ||
| <ul> | ||
| <li>Fiction</li> | ||
| <li>Mystery</li> | ||
| <li>Thriller</li> | ||
| <li>Suspense</li> | ||
| </ul> | ||
| </div> | ||
| <a href="#">Read now</a> | ||
| </div> | ||
| <div class="col-md-6 text-center"> | ||
| <img src="images/mainbook.png" alt="main book image" class = "mainbook-img"> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="container series"> | ||
| <h3>Popular books of 2024</h3> | ||
| <div class="row"> | ||
| <div class="col"> | ||
| <img src="images/book1.png" alt=""> | ||
| </div> | ||
| <div class="col"> | ||
| <img src="images/book2.png" alt=""> | ||
| </div> | ||
| <div class="col"> | ||
| <img src="images/book3.png" alt=""> | ||
| </div> | ||
| <div class="col"> | ||
| <img src="images/book4.png" alt=""> | ||
| </div> | ||
| <div class="col"> | ||
| <img src="images/book5.png" alt=""> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| </html> |
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,81 @@ | ||
| html{ | ||
| scroll-behavior: smooth; | ||
| } | ||
| *{ | ||
| margin: 0; | ||
| padding: 0; | ||
| } | ||
|
|
||
| body{ | ||
| background-image: url(images/background.png); | ||
| background-size: cover; | ||
| } | ||
|
|
||
| .logo{ | ||
| width: 150px; | ||
| margin-top: 18px; | ||
| } | ||
|
|
||
| .header{ | ||
| height: 10%; | ||
| } | ||
|
|
||
| .book-details{ | ||
| margin: 3% 0; | ||
| } | ||
|
|
||
| .checked { | ||
| color: orange; | ||
| } | ||
|
|
||
| .left-box{ | ||
| color: #f0f0f0; | ||
| } | ||
|
|
||
| .left-box p{ | ||
| color: rgb(245, 247, 222); | ||
| margin-top: 30px; | ||
| } | ||
| .book-genre ul{ | ||
| list-style-type: none; | ||
| padding: 0; | ||
| margin: 0; | ||
| } | ||
|
|
||
| .book-genre li{ | ||
| display: inline; | ||
| margin-right: 10px; | ||
| } | ||
|
|
||
| .left-box a{ | ||
| text-decoration: none !important; | ||
| border-radius: 30px; | ||
| padding: 7px 20px; | ||
| margin-top: 15px; | ||
| color: #f0f0f0 !important; | ||
| background: #107afd; | ||
| font-weight: 600; | ||
| display: inline-block; | ||
| } | ||
|
|
||
| .mainbook-img{ | ||
| height: 350px; | ||
| box-shadow: -4px 4px 5px 0 #000; | ||
| cursor: pointer; | ||
| } | ||
|
|
||
| .series h3{ | ||
| color: #f0f0f0; | ||
| } | ||
|
|
||
| .series img{ | ||
| width: 100%; | ||
| margin-top: 15px; | ||
| box-shadow: -4px 4px 5px 0 #000; | ||
| cursor: pointer; | ||
| transition: 1s; | ||
| } | ||
|
|
||
| .series img:hover{ | ||
| transform: translateY(-10px); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters