programmingtutorials/index.html at master · demigods5505/programmingtutorials · 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
<!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>
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <a class="navbar-brand" href="#">Programming Tutorials</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-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 mr-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
                </li>
                <!-- <li class="nav-item">
              <a class="nav-link" href="#">Link</a>
            </li> -->

            </ul>
            <form class="form-inline my-2 my-lg-0">
                <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
                <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
            </form>
        </div>
    </nav>


    <div class="container">
        <div class="text-center my-4 haze font-weight-bolder bg-dark text-white">
            <h2>Welcome to programming tutorials</h2>
        </div>
        <!-- python  -->
        <div class="row featurette mt-3">
            <div class="col-md-7">
                <h2 class="featurette-heading">Python</h2>
                <p class="lead">Python is an interpreted, high-level, general-purpose programming language. Created by Guido van Rossum and first released in 1991, Python's design philosophy emphasizes code readability with its notable use of significant whitespace.
                    <a href="python/python1.html"
                        class="btn btn-primary">Access tutorials ...</a>
                </p>
            </div>
            <div class="col-md-5 order-md-1">
                <img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto"
                    style="height:300px; width:600px" src="https://source.unsplash.com/1600x900/?programming,python" alt="">
            </div>
        </div>
        <!-- php   -->
        <div class="row featurette mt-3">
            <div class="col-md-7 order-md-2">
                <h2 class="featurette-heading">php</h2>
                <p class="lead">PHP is a popular general-purpose scripting language that is especially suited to web development.It was originally created by Danish-Canadian programmer Rasmus Lerdorf in 1994.the PHP reference implementation is now produced by The PHP Group.
                    <a href="php/php1.html"
                        class="btn btn-primary">Access tutorials ...</a>
                </p>
            </div>
            <div class="col-md-5 order-md-1">
                <img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto"
                    style="height:300px; width:600px" src="https://source.unsplash.com/1600x900/?programming,php" alt="">
            </div>
        </div>
        <!-- html and css  -->
        <div class="row featurette mt-3">
            <div class="col-md-7">
                <h2 class="featurette-heading">Html and css</h2>
                <p class="lead">Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.
                    <a href="html/html1.html"
                        class="btn btn-primary">Access tutorials ...</a>
                </p>
            </div>
            <div class="col-md-5 order-md-1">
                <img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto"
                    style="height:300px; width:600px" src="https://source.unsplash.com/1600x900/?programming,html" alt="">
            </div>
        </div>
        <!-- Javascript -->
        <div class="row featurette mt-3">
            <div class="col-md-7 order-md-2">
                <h2 class="featurette-heading">Javascript</h2>
                <p class="lead">JavaScript,is a programming language that conforms to the ECMAScript specification.JavaScript is high-level, often just-in-time compiled, and multi-paradigm. It has curly-bracket syntax, dynamic typing, prototype-based object-orientation, and first-class functions.
                    <a href="javascript/javascript1.html"
                        class="btn btn-primary">Access tutorials ...</a>
                </p>
            </div>
            <div class="col-md-5 order-md-1">
                <img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto"
                    style="height:300px; width:600px" src="https://source.unsplash.com/1600x900/?programming,Javascript" alt="">
            </div>
        </div>

    </div>

    <!-- footer  -->
    <footer class="my-5 text-muted text-center text-small bg-light text-dark">
        <p class="mb-1">© 2020-2021 Programming tutorials</p>
        <ul class="list-inline">
            <li class="list-inline-item"><a href="/">Privacy</a></li>
            <li class="list-inline-item"><a href="/">Terms</a></li>
            <li class="list-inline-item"><a href="/">Support</a></li>
        </ul>
    </footer>


    <!-- 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>