about.html

---
layout: textpage
title: About
styles:
- /css/about.css
---

<div id="about" class="container">

    <div id="about-profile" class="text-center">
        <img id="profile-pic" src="/assets/logo-large.png" alt="CSS Logo">
        <h1>Computer Science Society</h1>
        <a href=/discord class="button" id="discord-button"><i class="fab fa-discord"></i> Join Discord</a>
        <a href=/join class="button" id="guild-button"><img src="/assets/about/guild-logo.svg" class="text-img" alt=""> Get Membership</a>
    </div>

    <div id="about-us">
        <p>Hey there! 👋</p>
        <p>We're the <i>award-winning</i> Computer Science Society <b>(CSS)</b> at the University of Birmingham. 👨‍💻👩‍💻</p>

        <p>👨‍🎓👩‍🎓 Created <i>by</i> students <i>for</i> students, our goal is to create a community
        in which people can socialise, develop their tech skills and enhance their career
        opportunities! ✨</p>

        <p>We can't wait to see you at our events! 😉</p>
        <p>❤️ The CSS <a href=/committee>Committee</a></p>
    </div>

    <div id="get-involved">
        <div class="flex-container flex-v-center">
            <div><h2>Get Involved</h2></div>
            <div><p id="sparkles">✨</p></div>
        </div>

        <h4>Join Our Discord</h4>
        <p>The best way to find out all the information you'd like to know about CSS and our
        events is through our <a href=/discord> Discord Server</a>. 👾</p>
        <p>We've built an amazing, friendly, virtual-community on Discord which you
        can get involved with straight away — no membership required! 😃</p>
        <h4>Become A Member</h4>
        <p>To take part in our ticketed events, you'll want to <a href=/join>click here</a> to
        purchase a membership; it's only £5 for the entire year! 😲</p>
        <p>As a member, you'll also be able to vote in our elections (held during our AGMs and EGMs) and
        run for a position on the <a href=/committee>committee</a>. 📝</p>
        <p>By becoming a member, you'll also be supporting the society's ability to put on great events! ❤️</p>
        <h4>Hackathons</h4>
        <p>A great way to learn new skills, make new friends and create a cool project!</p>
        <p>We encourage everyone to take part in these really cool events.</p>
        <p>See our page on <a href=/hackathons>hackathons</a> to learn more! </p>
    </div>

    <div id="social">
        <div class="flex-container flex-v-center">
            <div><h2>Stay Up-To-Date</h2></div>
            <div><p id="heart"> &#10084;&#65039; </p></div>
        </div>

        <p>In addition to joining our <a href=/discord>Discord</a>, if you have a
            Facebook account, we recommend that you join our Facebook Group linked below! 👇</p>

        <p>You can also find links to all of our other various social media accounts:</p>
        <div id="social-buttons">
            <a href=/ig class="social-link insta">
                <h4><i class="fab fa-instagram"></i> Instagram</h4>
            </a>

            <a href=/tw class="social-link twitter">
                <h4><i class="fab fa-twitter"></i> Twitter</h4>
            </a>

            <a href=/fb class="social-link facebook">
                <h4><i class="fab fa-facebook"></i> Facebook</h4>
            </a>

            <a href=/in class="social-link linkedin">
                <h4><i class="fab fa-linkedin"></i> LinkedIn</h4>
            </a>

            <a href=/yt class="social-link youtube">
                <h4><i class="fab fa-youtube"></i> YouTube</h4>
            </a>
            <a href=/gh class="social-link github">
                <h4><i class="fab fa-github"></i> GitHub</h4>
            </a>
        </div>
    </div>

    <div class="flex-container flex-v-center">
        <div><h2>Awards</h2></div>
        <div><p id="trophy">🏆</p></div>
    </div>

    <p>Our society has won many achievements and awards, including: </p>
    <div id="awards">
        <p class="emoji-bullet">🏆 The Great Achievement in EPS, Tom Goodman, CSS Secretary (2020)</p>
        <p class="emoji-bullet">🏆 Community Award, Tom Goodman, CSS President (2019)</p>
        <p class="emoji-bullet">🏆 Society of the Year (2017)</p>
        <p class="emoji-bullet">🏆 Outstanding Event Award for HackTheMidlands (2017)</p>
        <p class="emoji-bullet">🏆 Outstanding Event Award for Women In Technology Conference (2017)</p>
        <p class="subtext">Joint award with WISE, the Women in Science & Engineering Society</p>
        <p class="emoji-bullet">🏆 Inspirational Committee Member, Jack Wearden, CSS President (2016)</p>
    </div>

    <div id="constitution">
        <div class="flex-container flex-v-center">
            <div><h2>Consitution</h2></div>
            <div><p id="document">📄</p></div>
        </div>
        
        <p>CSS is part of the <a href=/guild>Guild of Students</a>. This means we have a Constitution which we recommend all members read at least once.</p>
        <p>Below are links to both our current Constitution and all previous agendas:</p>
        <div id="constitution-buttons">
            <a href=/constitution class="constitution-link constitution">
                <h4>Constitution</h4>
            </a>
            <a href=/agendas class="constitution-link agendas">
                <h4>Agendas</h4>
            </a>
        </div>
    </div>

    <h2>Contact Us 📧</h2>
    <p><a href=/email>cssoc@cs.bham.ac.uk</a></p>

</div>

<script src="https://kit.fontawesome.com/3e937b69c2.js" crossorigin="anonymous"></script>