bootstapClassPractice/index.html at master · devhub7/bootstapClassPractice · 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
<!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.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

    <title>StartPack Bootstrap Moshiur</title>
  </head>
  <body>
    <h1 class="display-1 text-center bg-primary py-5">StartPack Bootstrap Moshiur</h1>
    <div class="container">
        <div class="row">
            <div class="col">
                <a href="0.0/bootstrap-net-pack.html" target="_blank">0.0-Bootstrap Net Pack</a>
            </div>
            <div class="col">
                <a href="0.startpack/index.html" target="_blank">0.StartPack</a>
            </div>
            <div class="col">
                <a href="1.heading & basic typography/index.html" target="_blank">1.heading & basic typography</a>
            </div>
            <div class="col">
                <a href="2.Text alignment & display/index.html" target="_blank">2.Text alignment & display</a>
            </div>
            <div class="col">
                <a href="3.Floats Position/index.html" target="_blank">3.Floats Position</a>
            </div>
            <div class="col">
                <a href="4.Colors & Background/index.html" target="_blank">4.Colors & Background</a>
            </div>
        </div><br><br>
        <div class="row">
            <div class="col">
                <a href="5.Margin & Padding/index.html" target="_blank">5.Margin & Padding</a>
            </div>
            <div class="col">
                <a href="6.Width & height/index.html" target="_blank">6.Width & height</a>
            </div>
            <div class="col">
                <a href="7.Media Queries/index.html" target="_blank">7.Media Queries</a>
            </div>
            <div class="col">
                <a href="8.Buttons/index.html" target="_blank">8.Buttons</a>
            </div>
            <div class="col">
                <a href="9.Naavbars & Navs/index.html" target="_blank">9.Navbars & Navs</a>
            </div>
            <div class="col">
                <a href="10.List Groups & Badge/index.html" target="_blank">10.List Groups & Badge</a>
            </div>
        </div><br><br>
        <div class="row">
            <div class="col">
                <a href="11.Forms & Input/index.html" target="_blank">11.Forms & Inputs</a>
            </div>
            <div class="col">
                <a href="12.Inputs Groups & Addon/index.html" target="_blank">12.Input Groups & Addon</a>
            </div>
            <div class="col">
                <a href="13.Alerts & Progress bars/index.html" target="_blank">13.Alerts & Progress Bars</a>
            </div>
            <div class="col">
                <a href="14.Tables & Pagination/index.html" target="_blank">14.Table & Pagination</a>
            </div>
            <div class="col">
                <a href="15.Cards/index.html" target="_blank">15.Cards</a>
            </div>
            <div class="col">
                <a href="16.Media Object/index.html" target="_blank">16.Media Object</a>
            </div>
        </div><br><br>
        <div class="row">
            <div class="col">
                <a href="17.Grid System/index.html" target="_blank">17.Grid System</a>
            </div>
            <div class="col">
                <a href="18.Grid Alignment/index.html" target="_blank">18.Grid Alignment</a>
            </div>
            <div class="col">
                <a href="19.Flex Box/index.html" target="_blank">19.Flex Box</a>
            </div>
            <div class="col">
                <a href="20.Auto Margin Wraping Ordering/index.html" target="_blank">20.Auto Margin</a>
            </div>
            <div class="col">
                <a href="21.Carousel Slider/index.html" target="_blank">21.Carousel</a>
            </div>
            <div class="col">
                <a href="22.Collapse & Accordion/index.html" target="_blank">22.Collapse & Accordion</a>
            </div>
        </div><br><br>
        <div class="row">

            <div class="col">
                <a href="23.ToolTips/index.html" target="_blank">23.ToolTips</a>
            </div>
            <div class="col">
                <a href="24.PopOver/index.html" target="_blank">24.PopOver</a>
            </div>
            <div class="col">
                <a href="25.Modals/index.html" target="_blank">25.Modals Box</a>
            </div>
        </div><br><br>
    </div>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" 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.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
  </body>
</html>