index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CompCamps</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <section style="background: url('images/classroom.jpg') center/cover no-repeat;" class="section-bg">
        <div class="text-content">
            <h1>MSI CompCamps</h1>
            <h3>Annual Summer Camps</h3>
            <p>Every year, CompCamps provides one-week camps for students aged 12-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 7-11th 2025 Camp</h2>
                <h4>Sold Out</h4>
            </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 class="sponsor">
                    <a href="https://directwest.com/" target="_blank">
                        <img class="whitebg" src="images/sponsors/directwest.png" alt="DirectWest" />
                    </a>
                </div>
                <div class="sponsor">
                    <a href="https://www.hackregina.com/" target="_blank">
                        <img src="images/sponsors/hack-regina.png" alt="Hack Regina" />
                    </a>
                </div>
                <div class="sponsor">
                    <a href="https://sasktel.com" target="_blank">
                        <img src="images/sponsors/sasktel.png" alt="SaskTel" />
                    </a>
                </div>
                <div class="sponsor">
                    <a href="https://freshlypressedprinting.com/" target="_blank">
                        <img src="images/sponsors/freshly-pressed.png" alt="Freshly Pressed Printing" />
                    </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.jpg') 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 electronics. 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.jpg') 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.jpg') 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 12-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 electronics.</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.jpg') 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>