This content originally appeared on DEV Community and was authored by Technical Vandar

i have made this website using bootstrap, you can use code and you can download book and also add book in that.

Source Code All In One:

FULL SOURCE CODE:


<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">

  <title>Online Book Store</title>
</head>
<body>
  <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <div class="container-fluid">
      <a class="navbar-brand" href="#">Navbar</a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
        aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link active" aria-current="page" href="#">Home</a>
        </ul>
      </div>
    </div>
  </nav>

  <h1 class="text-center my-4">Top Courses Pdf Books Free Download</h1>
  <br><br>
  <div class="row row-col-1 row-cols-md-3 m-auto my-4">
    <div class="m-auto col-md-3" id="cards">
      <div class="card h-100">
        <img src="https://miro.medium.com/max/1800/1*5eV1xmJs2-sJ4DdejfdnQA.png" class="card-img-top" alt="..." />
        <div class="card-body">
          <h5 class="card-title">Javascript</h5>
          <p class="card-text">
            This Is A Book For Javascript. Beginner Friendly all Things need foe beginners there in pdf book mentioned
            please Download and gain knowledge about javascript
          </p>
          <a href="https://drive.google.com/file/d/1YOuhfAak-Z3Ra_NBX9_AMhFShuQsMMpI/view?usp=sharing" download
            target="_blank" class="btn btn-info" data-toggle="tooltip" data-bs-placement="right"
            title="Download Book">Download Book</a>
        </div>
      </div>
    </div>
    <div class="m-auto col-md-3">
      <div class="card h-100">
        <img src="https://i.pinimg.com/originals/1f/ec/3e/1fec3ee0665075852c4665a01259682d.png" class="card-img-top"
          alt="..." />
        <div class="card-body">
          <h5 class="card-title">C Programming</h5>
          <p class="card-text">Advance C Programming Course From Pdf File Please Download This File From Here and You
            Have From Zero To Hero In C Programming</p>
          <a href="https://drive.google.com/file/d/1_NA-zRm6BXcI8Q45UJmQ0o1NGBQkFQF8/view?usp=sharing" download
            target="_blank" class="btn btn-info" data-toggle="tooltip" data-bs-placement="right"
            title="Download Book">Download Book</a>
        </div>
      </div>
    </div>
    <div class="col-md-3 m-auto">
      <div class="card h-100">
        <img src="https://www.vtc.com/files/images/courses/33797.jpeg" class="card-img-top" alt="..." />
        <div class="card-body">
          <h5 class="card-title">C++ Course</h5>
          <p class="card-text">
            Advance C++ Course in Simple English Labguage Please Download A Pdf From Here and Gain Your Knowlwdge in C++
          </p>
          <a href="https://drive.google.com/file/d/11W13yROf4_qr7N0P9HbBeB-SKTdeQs6W/view?usp=sharing" download
            target="_blank" class="btn btn-info" data-toggle="tooltip" data-bs-placement="right"
            title="Download Book">Download Book</a>

        </div>
      </div>
    </div>

  </div>
  </div>
  <div class="row row-col-1 row-cols-md-3 m-auto my-4 mb-8">
    <div class="m-auto col-md-3">
      <div class="card h-100">
        <img src="https://miro.medium.com/max/840/1*RJMxLdTHqVBSijKmOO5MAg.jpeg" class="card-img-top" alt="..." />
        <div class="card-body">
          <h5 class="card-title">Python Programming</h5>
          <p class="card-text">
            Python Programming Course From Basic To Advance Level Please Download a Pdf File and Make You To A
            Professional Python Developer Or Freelancer.
          </p>
          <a href="https://drive.google.com/file/d/1BQsKJ7yCo93vCW9SoJibFOUGPYivdgQ_/view?usp=sharing" download
            target="_blank" class="btn btn-info" data-toggle="tooltip" data-bs-placement="right"
            title="Download Book">Download Book</a>

        </div>
      </div>
    </div>
    <div class="m-auto col-md-3">
      <div class="card h-100">
        <img src="https://d1jnx9ba8s6j9r.cloudfront.net/imgver.1551437392/img/co_img_193_1504782213.png"
          class="card-img-top" alt="..." />
        <div class="card-body">
          <h5 class="card-title">Java Programming</h5>
          <p class="card-text">Java Programming Language From Basic To Advance Level. Learn Java Programming With Object
            Oriented Programming(OOP) From This Pdf Book.</p>
          <a href="https://drive.google.com/file/d/1I_D-UmWHdXkNKNODdlvfNxtzHyMkA8M8/view?usp=sharing" download
            target="_blank" class="btn btn-info" data-toggle="tooltip" data-bs-placement="right"
            title="Download Book">Download Book</a>

        </div>
      </div>
    </div>
    <div class="col-md-3 m-auto">
      <div class="card h-100">
        <img src="https://www.surat-training-course.com/ampimage/fluttercourseinsurat.webp" class="card-img-top"
          alt="..." />
        <div class="card-body">
          <h5 class="card-title">Flutter(DART)</h5>
          <p class="card-text">
            Learn Flutter From Basic To Advance Level. you can build android, desktop and ios application using flutter.
          </p>
          <a href="https://drive.google.com/file/d/1wY9Ky8cHO1D5WCnCr0ppFSyL2RiHYP0K/view?usp=sharing" download
            target="_blank" class="btn btn-info" data-toggle="tooltip" data-bs-placement="right"
            title="Download Book">Download Book</a>

        </div>
      </div>
    </div>

  </div>
  </div>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0"
    crossorigin="anonymous"></script>


</body>
<script>
  var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="tooltip"]'))
  var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
    return new bootstrap.Tooltip(tooltipTriggerEl)
  })
</script>

</html>

Youtube Tutorial

Watch Here

Find Me On:

Facebook
Youtube
Github

This content originally appeared on DEV Community and was authored by Technical Vandar

Print Share Comment Cite Upload Translate Updates

APA

Technical Vandar | Sciencx (2021-09-27T08:59:28+00:00) Responsive Online Book Store Website Using HTML and Bootsrap5.. Retrieved from https://www.scien.cx/2021/09/27/responsive-online-book-store-website-using-html-and-bootsrap5/

MLA

" » Responsive Online Book Store Website Using HTML and Bootsrap5.." Technical Vandar | Sciencx - Monday September 27, 2021, https://www.scien.cx/2021/09/27/responsive-online-book-store-website-using-html-and-bootsrap5/

HARVARD

Technical Vandar | Sciencx Monday September 27, 2021 » Responsive Online Book Store Website Using HTML and Bootsrap5.., viewed ,<https://www.scien.cx/2021/09/27/responsive-online-book-store-website-using-html-and-bootsrap5/>

VANCOUVER

Technical Vandar | Sciencx - » Responsive Online Book Store Website Using HTML and Bootsrap5.. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/09/27/responsive-online-book-store-website-using-html-and-bootsrap5/

CHICAGO

" » Responsive Online Book Store Website Using HTML and Bootsrap5.." Technical Vandar | Sciencx - Accessed . https://www.scien.cx/2021/09/27/responsive-online-book-store-website-using-html-and-bootsrap5/

IEEE

" » Responsive Online Book Store Website Using HTML and Bootsrap5.." Technical Vandar | Sciencx [Online]. Available: https://www.scien.cx/2021/09/27/responsive-online-book-store-website-using-html-and-bootsrap5/. [Accessed: ]

rf:citation

» Responsive Online Book Store Website Using HTML and Bootsrap5. | Technical Vandar | Sciencx | https://www.scien.cx/2021/09/27/responsive-online-book-store-website-using-html-and-bootsrap5/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Source Code All In One:

FULL SOURCE CODE:

Youtube Tutorial

Watch Here

Find Me On:

Related Posts