Website/index.html at main · CompCamps/Website · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="CompCamps - Annual summer camps for students aged 13-17 to learn programming, web design, game development, and digital design in a fun, collaborative environment.">
    <title>CompCamps</title>
    <link rel="preload" as="image" href="images/classroom.webp">
    <link rel="preconnect" href="https://campusguides.ca">
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <section style="background: url('images/classroom.webp') center/cover no-repeat;" class="section-bg" fetchpriority="high">
        <div class="text-content">
            <h1>MSI CompCamps</h1>
            <h3>Annual Summer Camps</h3>
            <p>Every year, CompCamps provides one-week camps for students aged 13-17. The camps provide a fun environment to explore technology with a group of like-minded peers. Campers are able to pick one or more areas to focus on for a project that they will demo at the end of the week.</p>
            <p class="social">
                <a href="https://www.facebook.com/compcamps" target="_blank">
                    <img src="images/social/facebook.png" alt="Facebook" class="social-icon">
                </a>
                <a href="mailto:computercamps@gmail.com" target="_blank">
                    <img src="images/social/email.png" alt="Email" class="social-icon">
                </a>
                <a href="https://github.com/CompCamps" target="_blank">
                    <img src="images/social/github.png" alt="GitHub" class="social-icon">
                </a>
            </p>
        </div>
    </section>

    <section class="sponsors">
        <div class="container">
            <div class="text-content registration">
                <h2>July 6-10, 2026 Camp</h2>
                <a href="https://register.citruscamps.com/pg/pg_X9XlMypciZFIh0VJ/evt/pg_evt_YA69Eh6grLQDfZzb" target="_blank" class="btn">Register Now</a>
            </div>
            <div class="text-content">
                <h2>Our Sponsors</h2>
            </div>
            <div class="sponsors">
                <div class="sponsor">
                    <a class="uregina" href="https://www.uregina.ca/science/computer-science/index.html" target="_blank">
                        <img src="images/sponsors/uregina.png" alt="University of Regina" />
                        <img src="images/sponsors/faculty-science.png" alt="University of Regina" />
                    </a>
                </div>
            </div>
            <div>
                Interested in sponsoring the camp? Get in touch with us at <a href="mailto:computercamps@gmail.com" style="color: white">computercamps@gmail.com</a>
            </div>
        </div>
    </section>

    <section style="background: url('images/code.webp') center/cover no-repeat;" class="section-bg right">
        <div class="text-content">
            <h2>What Will Campers Learn?</h2>
            <p>Campers will learn the basics of logic, programming, website design, game development, and digital design. With a mix of instructed and open project time, the campers are able to explore these areas in their own way.</p>
        </div>
    </section>

    <section style="background: url('images/guest.webp') center/cover no-repeat;" class="section-bg">
        <div class="text-content">
            <h2>Guest Speakers</h2>
            <p>Every year, we invite guest speakers to talk about their experiences in the tech industry. These speakers provide insight into the various career paths available in technology and inspire campers to pursue their interests.</p>
        </div>
    </section>

    <section style="background: url('images/3d.webp') center/cover no-repeat;" class="section-bg right">
        <div class="text-content">
            <h2>Who Should Attend the Camp?</h2>
            <p>CompCamps is designed for students aged 13-17 with an interest in technology and its role in our world. Campers should have a basic understanding of computers and be ready to learn more about programming and digital design.</p>
        </div>
    </section>

    <section style="background: url('https://campusguides.ca/wp-content/uploads/2020/12/Emd5aUnU4AA90qA.jpg') center/cover no-repeat;" class="section-bg">
        <div class="text-content">
            <h2>Where Do the Camps Take Place?</h2>
            <p>Our camps are held in partnership with the University of Regina's Computer Science Department. The camps take place in the university's computer labs, giving campers access to the latest technology and resources.</p>
        </div>
    </section>

    <section style="background: url('images/1999.webp') center/cover no-repeat;" class="section-bg right">
        <div class="text-content">
            <h2>Who Runs the Camp?</h2>
            <p>Mentor Systems Inc. is a member-based organization registered as a non-profit corporation in Saskatchewan, Canada. MSI was formed by volunteer camp staff who were counsellors and mentors at the various annual computer camps. Since the camps started in 1991, MSI has had the mandate of providing technological opportunities for youth.</p>
        </div>
    </section>

    <footer>
        2025 Mentor Systems Inc.
        <a href="https://www.flaticon.com/authors/freepik" title="social icons">Social icons created by Freepik</a>
    </footer>
</body>
</html>