Prospect-Programming-Club.github.io/index.html at master · Prospect-Programming-Club/Prospect-Programming-Club.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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="Current Site/homepage.css">
    <link rel="icon" href="Current Site/assets/logo.png">
    <title>Programming Club Website</title>
</head>


<body>

    <!-- Navbar -->
    <div class="topnav">
        <a class="active" href="index.html"><img src="Current Site/assets/logo.png" alt="Prospect Programming Club (Logo)" width="130"></a>
        <br>https://discord.gg/kW52snbqCp<a href="Current Site/showcase.html">Showcase</a>
        <a href="Current Site/members.html">Members</a>
        <a href="#contact">Contact</a>
        <a href="#about">About</a>
        <a id="join-btn" href="https://linktr.ee/prospect_programming_club">Join Here!</a>
    </div>

    <div class="weatherDisplay">
        <!-- Weather -->
    </div>

    <section class="center-container">
        <div class="clockDisplay">
            <!-- JS Clock-->
        </div>
        <br> <br> <!-- 2 line breaks after JS Clock implementation -->

        <div class="mainContent">
            <h1 class="title"><strong>Prospect Programming Club</strong></h1>
            <p class="aboutText">
                Welcome to the <strong>Prospect Programming Club</strong> Website! We are located at <a href="https://prospect.cuhsd.org">Prospect High School (Saratoga, CA)</a>, and we're all aspiring programmers learning about various programming concepts that interest you.
                On our site you can find many things such as our EPIC group members, the projects we have made as small groups or individualy, and find out how to contact us to possibly join our club!
            </p>
        </div>
    </section>

    <div id="about">
        <!--ABOUT programming club and what we do-->
        <h1 text-align='center'> About </h1>
        <!-- <br> -->
        <h2 text-align='center'>What We Do</h2>
        <p class="subcontent">
            In the Programming Club, we learn many different computer languages and concepts - from the actual
            syntax code to the main ideas behind it, we explore the in-depth knowledge of mutliple well-known
            computer
            languages. We also participate in fun Hackathons to gain more experience and compete. Based on what we have learned, we devise and complete in porjects with code. Programming Club here at Prospect is extremely felxible and it an
            amazing
            time! Whatever your past expereince is with programming, this club will help teach the basics / complex topics
            of
            computer languages.
        </p>
        <div>
            <br>
            <h2 text-align='center'>Who We Are</h2>
            <p class="subcontent">
                The programming club comprises of a group of students with a shared passion for writing code and problem
                solving. To know more, you can check out our <a href="Current Site/members.html">members page</a>.</p>
        </div>
        <div>
            <br>
            <h2 text-align='center'>Meet the Board</h2>
            <p class="subcontent">
            <ul class="subbullets">
                <li>President: Gaurav Dharmadhikari</li>
                <li>Vice-President: Vineet Rao</li>
                <li>Co-Secretaries: Shamik Karkhanis and Clement Boiteux</li>
            </ul>
            </p>
        </div>
    </div>

    <div id="contact">
        <br><br>
        <h1 text-align='center'> Contact </h1>
        <!--Fill in the different ways to reach the president and vice pres of the club-->
        <div>
            <h2 text-align='center'>Contacts to Club Leaders</h2>
            <!-- <p class="subcontent"> -->
            <!-- <ul class="subbullets">
                <li>Gaurav Dharmadhikari - <a href="mailto:gauravdharmadhikari2@gmail.com"></a></li>
                <li>Vineet Rao - <a href="mailto:raovineet01@gmail.com">raovineet01@gmail.com</a></li>
            </ul> -->
            <p class="subcontent">For any inquiries, please refer to <a href="mailto:prospectprogramming@gmail.com">prospectprogramming@gmail.com</a></p>
            </p>
        </div>
        <br>
        <div>
            <h2>Ways to Join the Club</h2>
            <!--Links to how a person should join the club via discord, google form, gmail, or canvas page-->
            <ul class="subbullets" id="links">
                <li>Join our <a href="https://discord.gg/WMuNaUyxWn">Discord</a>
                <li>Fill out our <a href="https://forms.gle/iR5koZixvPN6Wbjz7">Google Form</a>
                <li>Check out our <a href="https://linktr.ee/prospect_programming_club">Linktree</a>
                <li>Follow us on <a href="https://www.instagram.com/prospect_programming_club">Instagram</a> to recieve any club updates
            </ul>
        <h2>Other Tools of the Club</h2>
        <!--Perhaps put links to the club's canvas page, discord, and GitHub -->
        <ul class="subbullets">
            <li><a href="https://github.com/Prospect-Programming-Club">Github</a></li>
        </ul>
            <br><br>
    </div>


    <footer>
    </footer>
    <footer>
        <p>&copy; 2021 - Prospect Programming Club
    </footer>

    <!--<script>WhateverTheFileWillBe.js</script>-->
</body>
</html>