pyrotechclub.github.io/web.html at master · PyrotechClub/pyrotechclub.github.io · 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
<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="description"
        content="Pyrotech members are an elite team of student computer enthusiasts at Tagore International School, Vasant Vihar.">
    <meta name="keywords" content="pyrotech club, Pyrotech Club, PyrotechClub, pyrotechclub, pyrotech, Pyrotech">
    <meta name="author" content="Pyrotech Club">
    <title>Web Development | Pyrotech Club</title>
    <link
        href="https://fonts.googleapis.com/css2?family=Dosis&family=Open+Sans&family=Poiret+One&family=Raleway&display=swap&family=Poppins:wght@500&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
        integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <link href='main.css' rel='stylesheet' type='text/css'>
    <link rel="icon" href="lib/favicon.png" sizes="26x26" type="image/png">
    <link rel="stylesheet" type="text/css" href="fullpage.css" />
</head>

<body>

    <div id="fullpage">

        <div class="section web-home" id="home">
            <div class="heading">
                <center>
                    <h1>Web Development</h1>
                    <h6><a href="index.html">Back to Home</a></h6>
                </center>
            </div>
        </div>

        <!-- ABOUT -->

        <div class="section" id="about">
            <div class="row">
                <div class="col-md-1"></div>
                <div class="col-md-10 align-center">
                    <div class="section-text">
                        <p>
                            Web design encompasses many different skills and disciplines in the production and
                            maintenance of websites. The different areas of web design include web graphic design;
                            interface design; authoring, including standardised code and proprietary software; user
                            experience design; and search engine optimization. Often many individuals will work in teams
                            covering different aspects of the design process, although some designers will cover them
                            all. Web design partially overlaps web engineering in the broader scope of web development.
                            Web designers are expected to have an awareness of usability and if their role involves
                            creating markup then they are also expected to be up to date with web accessibility
                            guidelines.
                            <br>
                            This year we'll be aiming to teach Basics of HTML, CSS and Java Script.
                            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.
                        </p>
                    </div>
                    <br>
                    <center>
                        <div class="section-hr"></div>
                    </center>
                    <br>
                </div>
            </div>
        </div>

        <div class="section fp-auto-height" id="footer">
            <div class="row">
                <div class="col-md-1"></div>
                <div class="col-md-10 align-center">
                    <div class="footer-text">
                        <div class="footer-copy font-alt">
                            <img src="lib/logo-text.png" alt="">
                            <br><br><br>
                            © Pyrotech Club 2020
                        </div>
                        <big>
                            <p class="footer-made"> Made By: <a href="https://namanchandok.github.io" target="_blank">
                                    Naman Chandok</a> and Shaivi Shewaramani</p>
                        </big>
                    </div>
                </div>
                <div class="col-md-1"></div>
            </div>
        </div>

    </div>

    <script type="text/javascript" src="fontawesome.js"></script>
    <script type="text/javascript" src="fullpage.js"></script>
    <script type="text/javascript" src="scrolloverflow.js"></script>
    <script type="text/javascript">
        // FULLPAGE

        var myFullpage = new fullpage('#fullpage', {
            scrollOverflow: true,
            sectionsColor: ['rgba(0,0,0,0.7)', '#fff', '#eee']
        });
    </script>
</body>

</html>