Web-Dev/index.html at master · Prithivi-Raj/Web-Dev · 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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!doctype html>
<html lang="en">
  <head>
    <!-- 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.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>
    <h1>Hello, world!</h1>

    <div class="container">

        <div class="row border border-success">
            <h3 class="col-lg-6 col-xl-3 bg-info m-0">akkaka</h3>
            <h3 class="col-lg-6 col-xl-9 bg-primary m-0">alalal</h3>
        </div>
    </div>


<!-- <div class="container justify-content-center border border-warning">
    <ul class="nav justify-content-center flex-column flex-md-row">
        <li class="nav-item">
          <a class="nav-link active" href="#">Active</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Link</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Link</a>
        </li>
        <li class="nav-item">
          <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
        </li>
      </ul>
</div>
<div class="container">
    <nav class="nav">
        <a class="nav-link active" href="#">Active</a>
        <a class="nav-link" href="#">Link</a>
        <a class="nav-link" href="#">Link</a>
        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
      </nav>
</div> -->
<!--
    <div class="container border border-dark d-flex flex-column flex-md-row justify-content-center align-items-center" style="height: 200px;">
        <button class="btn btn-success btn-lg">ssjsjsjjs</button>
        <button class="btn btn-warning btn-sm">ssjsjsjjs</button>
        <button class="btn btn-primary btn-lg">ssjsjsjjs</button>

    </div>

    <div class="container border border-dark d-flex flex-column justify-content-start align-items-center" style="height: 200px;">
        <button class="btn btn-success btn-lg">ssjsjsjjs</button>
        <button class="btn btn-warning btn-sm">ssjsjsjjs</button>
        <button class="btn btn-primary btn-lg">ssjsjsjjs</button>

    </div>

    <div class="container border border-dark d-flex flex-row-reverse justify-content-start align-items-end" style="height: 200px;">
        <button class="btn btn-success btn-lg">ssjsjsjjs</button>
        <button class="btn btn-warning btn-sm">ssjsjsjjs</button>
        <button class="btn btn-primary btn-lg">ssjsjsjjs</button>

    </div> -->

    <!-- <div class="container">
    <p class="display-4">alalalalalalalalalalalalalalaa</p>
    <h2 class="border border-success d-inline">amammamamamamammam</h2>
    <h2 class="d-none d-lg-block">amammamamamamammam</h2>

    </div>

    <div class="container">
        <div class="jumbotron">
            <h1 class="display-4">Hello, world!</h1>
            <p class="lead d-none d-md-block"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Error corrupti, cum impedit voluptatum expedita at, a consequuntur quas ipsam aliquid asperiores dolorum quisquam voluptate repellendus, sapiente minima blanditiis molestias fugiat officiis quaerat! Voluptatibus error beatae ipsam voluptatem, exercitationem tempore nihil quam officiis reiciendis suscipit architecto sapiente natus, temporibus reprehenderit blanditiis sequi non repellendus maiores numquam quos excepturi nesciunt quaerat pariatur.This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
            <hr class="my-4">
            <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
            <a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
          </div>
    </div> -->

    <!-- <button class="btn btn-warning p-sm-5 p-lg-2 p-xl-5">ahahahahahhah</button>
    <button class="btn btn-success mx-0 mx-sm-2 mx-md-3 mx-lg-5">lalalalal</button> -->
<!--
    <div class="card" style="width: 18rem;">
        <img src="..." class="card-img-top" alt="...">
        <div class="card-body">
          <h5 class="card-title">Card title</h5>
          <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
          <a href="#" class="btn btn-primary">Go somewhere</a>
        </div>
      </div>

      <div class="dropdown">
        <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Dropdown button
        </button>
        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <a class="dropdown-item" href="#">Something else here</a>
        </div>
      </div> -->

      <!-- <div class="container">
          <h1 class="display-1 text-primary border-top border-warning">kkkkkkkkkk</h1>
          <h1 class="border-top-0">kkkkkkkkkk</h1>
          <h1 class="display-3 text-danger">kkkkkkkkkk</h1>
          <h1 class="display-4 text-info">kkkkkkkkkk</h1>
          <h1 class="text-primary bg-dark">kkkkkkkkkk</h1>
          <h1 class="text-warning bg-light">kkkkkkkkkk</h1>
      </div>  -->

      <!-- <span class="border border-top-0 border-warning rounded">kkkkmamamamamakkkkkkkkkkkkkk</span>
      <span class="border-0">nnn</span>
      <span class="border-top-0">aaa</span>
      <span class="border border-right-0 rounded-circle">aaa</span>
      <span class="border-bottom-0">qqq</span>
      <span class="border-left-0">ddd</span> -->
       <!-- <p class="bg-success text-warning text-center m-1">kkaka</p>
       <p class="bg-success text-warning text-center mx-2">kkaka</p>
       <p class="bg-success text-warning text-center my-3">kkaka</p>
       <p class="bg-success text-warning text-center mt-4">kkaka</p>
      <p>mmnnnn<u>kkkkkkkkkkk</u><strong>kkkkk</strong> <em>kkkkk</em> <mark>kkkkkkk</mark></p>
       <button class="btn-info pt-5">akakak</button>
       <button class="btn-info p-1">akakak</button>
       <button class="btn-info px-2">akakak</button>
       <button class="btn-info py-3">akakak</button>
       <button class="btn-info pl-4">akakak</button>
       <button class="btn-info p-5">akakak</button>
      <blockquote class="blockquote">
          <p class="mb-0">jjjjjjjjjjjjjjjjjkkkkkkkkkkkkkkkkknnnnnnnnnnnnnnnnnnnnnn</p>
      </blockquote>
      <blockquote>
        <p class="mb-0">jjjjjjjjjjjjjjjjjkkkkkkkkkkkkkkkkknnnnnnnnnnnnnnnnnnnnnn</p>
    </blockquote>

    <blockquote class="blockquote text-center">
        <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
        <footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer>
      </blockquote> -->


    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
  </body>
</html>