-
Notifications
You must be signed in to change notification settings - Fork 39
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #49 from amisha-28/main
Book library website
- Loading branch information
Showing
16 changed files
with
469 additions
and
0 deletions.
There are no files selected for viewing
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,201 @@ | ||
| <html> | ||
| <head> | ||
|
|
||
| <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"> | ||
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> | ||
| <link rel="stylesheet" type="text/css" href="style.css"> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <div class="website-header"> | ||
| <img src="logo.jpg"> | ||
| <h1>|Library</h1> | ||
| </div> | ||
| <nav class="navbar navbar-expand-md "> | ||
| <!-- Brand --> | ||
|
|
||
|
|
||
| <!-- Toggler/collapsibe Button --> | ||
| <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"> | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
|
|
||
| <!-- Navbar links --> | ||
| <div class="collapse navbar-collapse" id="collapsibleNavbar"> | ||
| <ul class="navbar-nav"> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="#">HOME</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="#">SERVICES</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="#">BROWSER</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="#">TEAM</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="#">LOGIN</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="#">CONTACT US</a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </nav> | ||
| <div class="online-library-section"> | ||
| <span id="btext">Online Library</span> | ||
| <marquee direction="right" onmouseover="this.stop()" onmouseout="this.start()"> | ||
| <a href="#" class="online-library"> | ||
| <p class="bntime">...</p> | ||
| Are an avid learner?</a> | ||
| <a href="#" class="online-library">..<p class="bntime"></p>Ready-to-Read!</a> | ||
| <a href="#" class="online-library">.<p class="bntime"></p>Get books on one click</a> | ||
| </marquee> | ||
| </div> | ||
| </header> | ||
| <main> | ||
| <article id="popular-books"> | ||
| <div id="featured"> | ||
| <h2>FEATURED</h2> | ||
| <section class="popular-books-carousel"> | ||
| <div id="carousel" class="carousel slide" data-ride="carousel"> | ||
| <ol class="carousel-indicators"> | ||
| <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li> | ||
| <li data-target="#carouselExampleIndicators" data-slide-to="1"></li> | ||
| <li data-target="#carouselExampleIndicators" data-slide-to="2"></li> | ||
| </ol> | ||
| <div class="carousel-inner"> | ||
| <div class="carousel-item active"> | ||
| <img class="d-block w-100" src="lib1.jpg" alt="First slide"> | ||
| <div class="carousel-caption d-none d-md-block"> | ||
| <h5>Lorem ipsum dolor sit amet, eam tale moderatius</h5> | ||
| <p>11th Jan 2019</p> | ||
| </div> | ||
| </div> | ||
| <div class="carousel-item"> | ||
| <img class="d-block w-100" src="lib2.jpg" alt="Second slide"> | ||
| <div class="carousel-caption d-none d-md-block"> | ||
| <h5>Ut facete iisque scaevola his, his no labores insolens hendrerit. </h5> | ||
| <p>11th Jan 2019</p> | ||
| </div> | ||
| </div> | ||
| <div class="carousel-item"> | ||
| <img class="d-block w-100" src="lib3.jpg" alt="Third slide"> | ||
| <div class="carousel-caption d-none d-md-block"> | ||
| <h5>Habeo populo splendide ei sit, ne vis dicunt saperet voluptatibus. </h5> | ||
| <p>11th Jan 2019</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev"> | ||
| <span class="carousel-control-prev-icon" aria-hidden="true"></span> | ||
| <span class="sr-only">Previous</span> | ||
| </a> | ||
| <a class="carousel-control-next" href="#carousel" role="button" data-slide="next"> | ||
| <span class="carousel-control-next-icon" aria-hidden="true"></span> | ||
| <span class="sr-only">Next</span> | ||
| </a> | ||
| </div> | ||
| </section> | ||
|
|
||
| </div> | ||
| <div id="latest"> | ||
| <h2>LATEST</h2> | ||
| <section class="books"> | ||
| <div class="books-container"> | ||
| <img src="book1.jpg"> | ||
| <p class="carousel-text">This floating entertainment hub</p> | ||
| </div> | ||
| </section> | ||
| <section class="books"> | ||
| <div class="books-container"> | ||
| <img src="book2.jpg"> | ||
| <p class="carousel-text">Repurposed Boeing</p> | ||
| </div> | ||
| </section> | ||
| </div> | ||
| <div id="our-picks"> | ||
| <h2>OUR PICKS</h2> | ||
| <section class="books"> | ||
| <div class="books-container"> | ||
| <img src="book3.jpg"> | ||
| <p class="carousel-text">Edinburgh considering tourist tax </p> | ||
| </div> | ||
| </section> | ||
| <section class="books"> | ||
| <div class="bookss-container"> | ||
| <img src="book4.jpg"> | ||
| <p class="carousel-text">This floating entertainment hub</p> | ||
| </div> | ||
| </section> | ||
| </div> | ||
| </article> | ||
| <section class="more-books"> | ||
| <div class="books-section"> | ||
| <article class="world"> | ||
| <h2>UOLOADED PDF</h2> | ||
| <img src="pdf1.jpg"> | ||
| <h3>Quick access to library</h3> | ||
| <p>This is a pdf section is just a place holder for people who need some type to visualize what the actual copy might look like if it were real content. If you want to read, I might suggest a good […]</p> | ||
| </article> | ||
| <article class="sport"> | ||
| <h2>UPLOAD PDF HERE</h2> | ||
| <img src="pdf1.jpg"> | ||
| <h3>You can also help other through your pdfs</h3> | ||
| <p>This is some dummy copy. You’re not really supposed to read this dummy copy, it is just a place holder for people who need some type to visualize what the actual copy might look like if it were real content. If you want to read, I might suggest a good […]</p> | ||
| </article> | ||
| </div> | ||
|
|
||
| <aside> | ||
| <h4>RECENT</h4> | ||
| <div class="recent-books"> | ||
| <img src="pdf1.jpg"> | ||
| <p>uploaded pdf neet</p> | ||
| </div> | ||
| <div class="recent-books"> | ||
| <img src="pdf2.png"> | ||
| <p>pdf jee</p> | ||
| </div> | ||
| <div class="recent-books"> | ||
| <img src="pdf3.jpg"> | ||
| <p>Study material</p> | ||
| </div> | ||
| <div class="recent-books"> | ||
| <img src="pdf4.jpg"> | ||
| <p>mathematics</p> | ||
| </div> | ||
| <div class="recent-books"> | ||
| <img src="pdf5.jpg"> | ||
| <p>English stories</p> | ||
| </div> | ||
| </aside> | ||
| </section> | ||
| </main> | ||
| <footer> | ||
| <div class="social-links"> | ||
| <section class="about"> | ||
| <h2>About us</h2> | ||
| <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod.</p> | ||
| <div class="social-icons-footer"> | ||
| <i class="fab fa-facebook"></i> | ||
| <i class="fab fa-twitter-square"></i> | ||
| <i class="fab fa-instagram"></i> | ||
| <i class="fab fa-linkedin"></i> | ||
| </div> | ||
| </section> | ||
| <h2>Login</h2> | ||
| <p>Enter your email address to receive notifications of new books</p> | ||
| <input type="email" placeholder="Email Address"> | ||
| <button type="button" class="footer-buttons">Enter</button> | ||
| </section> | ||
| </div> | ||
|
|
||
| <div class="copyright">Copyright © 2019 |Library. Designed by organicoders</div> | ||
| </footer> | ||
| <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> | ||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> | ||
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> | ||
| </body> | ||
| </html> |
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.
Binary file not shown.
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.
Oops, something went wrong.