bootstrap/b1.html at main · devendra66/bootstrap · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!doctype html>
<html lang="en">
  <head>
    <title>Title</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
      <!-- <a href="#" class="btn btn-primary">Click me</a> -->
      <div class="container ">
        <div class="row">
          <div class="col-12" id="header">
            Website Name
          </div>
        </div>
        <div class="row">
          <div class="col-12" id="menu">
            <ul>
              <li><a href="#">Home</a></li>
              <li><a href="#">about us</a></li>
              <li><a href="# ">gallery</a></li>
              <li><a href="#">product</a></li>
              <li><a href="#">contact us</a></li>
            </ul>
          </div>
        </div>
        <div class="row">
          <div class="col-md-8">
            <h2>sub heading</h2>
            <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptates quo velit voluptate repellendus laudantium nostrum cupiditate vitae nemo, facilis saepe eveniet, aspernatur culpa pariatur suscipit error odio voluptatum assumenda, accusantium officiis nam dolorum! Ab mollitia voluptatem nisi, perspiciatis eos a minus odio nam distinctio, modi nemo nulla ratione necessitatibus at saepe temporibus possimus voluptates dolore sapiente suscipit repellendus sed! Autem nemo iste quasi labore hic placeat unde, non, at dolorum, molestiae officia quo quidem illum vero excepturi dolores! Distinctio omnis perferendis error exercitationem dolor tempore cum, deleniti tenetur reprehenderit laudantium accusamus iusto dolorum ad minima inventore amet nihil voluptate fugiat. Atque, corporis iste. Recusandae omnis sint similique vero dignissimos nulla? Quidem, exercitationem optio. Quod minus magni eveniet illum earum porro asperiores modi nihil laboriosam ipsum!</p>
          </div>
          <div class="col-md- 4">
            <ul>
              <li><a href="#">Home</a></li>
              <li><a href="#">about us</a></li>
              <li><a href="# ">gallery</a></li>
              <li><a href="#">product</a></li>
              <li><a href="#">contact us</a></li>
            </ul>
          </div>
        </div>
        <div class="row">
          <div class="col-12">
            @copyright 2020
          </div>
        </div>
        <!-- <div class="row">
          <div class="col-8">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Harum laboriosam possimus dolorum eum aliquid assumenda fuga dolorem eius soluta maiores.</div>
          <div class="col-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt aspernatur at inventore sint, neque quae.</div>
        </div>
        <div class="row">
          <div class="col-5">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quasi, numquam!</div>
          <div class="col-5">Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae fugiat in repudiandae optio, nam maxime!</div>
          <div class="col-5">Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis voluptas, ea id nostrum delectus eligendi.</div>
        </div> -->
      </div>
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  </body>
</html>