index.html

---
layout: default
title: "Home"
---

        <!-- <img class="img-responsive img-push-down img-curved img-push-up" src="{{site.baseurl}}/img/brockton-resized.jpg" alt="Teach LA members at Brockton" /> -->
<div class="row-desktop row-desktop-ratio-1-1 row-desktop-reverse">
    <div class="col-padded">
        <img class="img-responsive" src="{{site.baseurl}}/img/undraw/team-page.svg" alt="clip art showing diverse group of profile images on webpage" />
    </div>
    <div class="col-padded v-center-children">
        <h2 class="title">Virtual Learning</h2>
        <p>
            Due to updates with the COVID-19 pandemic, as of now, the majority of UCLA courses will be taught in person. As a result, Teach LA has shifted most of its classes back to in person instruction. However, our Python courses will utilize virtual spaces and will continue to operate remotely until further notice. As many of our partner schools continue to make the transition to in-person learning, we will work with teachers and our instructors to determine the best way to continue serving our students.
        </p>
    </div>
</div>
<div class="row-desktop row-desktop-ratio-1-1">
    <div class="col-padded">
            <img class="img-responsive img-push-down img-curved" src="{{site.baseurl}}/img/day-of-code-original.jpg" alt="Tutors working with students at our Day of Code event" />
    </div>
    <div class="col-padded v-center-children">
        <h2 class="title">How does it work?</h2>
        <p>
            Teach LA's flagship program is teaching classes, which typically meet once or twice a week for a quarter. Classes have a wide variety of objectives, ranging from an introduction to python or web development to advanced topics such as machine learning and data science. Each class balances instruction and time for hands-on experimentation, with trained teachers helping students learn and use the material.
        </p>
        <div class="button-container">
            <a class="button" href="{{site.baseurl}}/about"><span class="fa fa-book"></span> Learn More</a>
            <a class="button button-dark" href="{{site.baseurl}}/team"><span class="fa fa-users"></span> Meet Our Team</a>
        </div>
    </div>
</div>
<div class="row-desktop row-desktop-ratio-1-1 row-desktop-reverse">
    <div class="col-padded">
        <img class="img-responsive img-push-down img-curved" src="{{site.baseurl}}/img/editor-screenshot.png" alt="Preview of our editor" />
    </div>
    <div class="col-padded v-center-children">
        <h2 class="title">&lt;editor project&gt;</h2>
        <p>
            We've developed an open-source online code editor specifically targeted towards students learning how to code. Students can sign up easily, and our service stores and runs their code - which removes issues about using a specific computer, and allows students to access their code anywhere! We currently support Python, HTML, and Processing, and plan on adding more features soon!
        </p>
        <div class="button-container">
            <a class="button" href="{{site.editor_link}}"><span class="fa fa-fw fa-laptop-code"></span> Try Our Editor</a>
            <a class="button button-dark" href="https://github.com/uclaacm/TeachLAFrontend"><span class="fab fa-fw fa-github"></span> Source Code</a>
        </div>
    </div>
</div>
<div class="row-desktop row-desktop-ratio-1-1">
    <div class="col-padded">
            <img class="img-responsive img-push-down img-curved" src="{{site.baseurl}}/img/cipher-salad-learning-lab.png" alt="Cipher Salad home screen" />
    </div>
    <div class="col-padded v-center-children">
        <h2 class="title">&lt;learning labs&gt;</h2>
        <p>
            Our dev team develops online modules called Learning Labs that each focus on a specific topic in computer science, such as CNNs, cryptography, and password secruity.
            Through interactive activities and visuals, our Learning Labs aim to make complicated concepts easy to digest!
        </p>
        <div class="button-container">
            <a class="button" href="{{site.baseurl}}/dev/#projects"><span class="fa fa-book"></span> Learn More</a>
        </div>
    </div>
</div>
{% include contact-cta.html %}