Bootstrap2/boot.html at master · slavco86/Bootstrap2 · 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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Basic Bootstrap</title>
        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
    </head>
    <body>
    <div class="container">
        <nav class="navbar navbar-inverse">
            <div class="navbar-header">
                <a href="#" class="navbar-brand">SlavCo Zute</a>
            </div>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">About</a></li>
                <li><a href="#">Services</a></li>
                <li><a href="#">Blog</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </nav>
    </div>
        <div class="container">
          <h1> Hello this is Bootstrap</h1>
            <div class="row">
                <div class="col-sm-4">
                    <h2>HTML</h2>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries,</p>
                    <a href="#" class="btn btn-success btn-lg">Learn</a>
                </div>
                <div class="col-sm-4">
                    <h2>CSS</h2>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries,</p>
                    <a href="#" class="btn btn-primary btn-default">Learn</a>
                </div>
                <div class="col-sm-4">
                    <h2>Bootstrap</h2>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries,</p>
                    <a href="#" class="btn btn-danger btn-sm">Learn</a>
                </div>
            </div>
            <hr>
            <div class="row">
                <ul class="list-group">
                    <a href="#" class="list-group-item"><span class="glyphicon glyphicon-star"></span> Chrome<span class="badge">34</span></a>
                    <a href="#" class="list-group-item"><span class="glyphicon glyphicon-star"></span> Firefox<span class="badge">45</span></a>
                    <a href="#" class="list-group-item"><span class="glyphicon glyphicon-star"></span> Safari<span class="badge">12</span></a>
                    <a href="#" class="list-group-item"><span class="glyphicon glyphicon-star"></span> Opera<span class="badge">23</span></a>
                    <a href="#" class="list-group-item"><span class="glyphicon glyphicon-star"></span> Internet Explorer<span class="badge">56</span></a>
	                    <ul class="list-group">
                            <a href="#" class="list-group-item"><span class="glyphicon glyphicon-star-empty"></span> IE<span class="badge">76</span></a>
	                        <a href="#" class="list-group-item"><span class="glyphicon glyphicon-star-empty"></span> Edge<span class="badge">34</span></a>
                        </ul>
                    <a href="#" class="list-group-item"><span class="glyphicon glyphicon-star"></span> Torch<span class="badge">12</span></a>
                </ul>
            </div>
            <hr>
            <div class="row">
                <div class="col-sm-3"><h2>JavaScript</h2><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries,</p></div>
                <div class="col-sm-3"><h2>Python</h2><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries,</p></div>
                <div class="col-sm-3"><h2>Django</h2><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries.</p></div>
                <div class="col-sm-3"><h2>GitHub</h2><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries,</p></div>
            </div>
            <hr>
            <div class="row">
                <div class="col-sm-6"><h2>SQL</h2><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries,Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries,</p></div>
                <div class="col-sm-6"><h2>FTP</h2><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries,Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries,</p></div>
            </div>
            <hr>
            <div class="row">
                <div class="col-sm-12"><h2>Full Stack Development</h2><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries,Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries,Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries,</p></div>
            </div>
            <hr>
        </div>

    </body>
    <script src="http://code.jquery.com/jquery.min.js"> </script>
    <script src="js/bootstrap.min.js"></script>
</html>