index.html

---
layout: default
---

<div class="header-container jumbotron">
    <div class="container">
        <div class="header-text">
            <h1>Introduction to Web Design & Development</h1>
            <p>In this course, students will gain valuable skills in this introduction to the fundamentals of website development, content design, and navigation, with areas of focus in directory structure, graphic design, navigation, and audio/video integration.</p>
        </div>
        <p style="text-transform: uppercase"><a class="btn btn-primary btn-lg" href="{{ "/topic-00/" | prepend: site.baseurl }}" role="button">Get Started</a></p>
    </div>
</div>

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <h2 class="header-light regular-pad">Spinning your web(site):</h2>
        </div>
        <div class="col-md-6">
            <blockquote>
              <p>This course is intended to make you comfortable with presenting yourself through the web, providing the skills to build, manage, and develop websites. We will start with an overview of technologies used for web development, followed by an in-depth presentation of HTML and CSS, and conclude by exploring responsive web design, site frameworks, and site management solutions.</p>

              <p>There are no barriers: you'll be able to host your project’s page, blog, or website from <a href="https://github.com" target="_blank">GitHub</a>’s servers <b>for
              free</b>. All you need to get started is some patience, drive, and a little creative spirit.</p>
            </blockquote>
        </div>
        <div class="col-md-6 text-center">
            <img src="img/html-css-icons.svg" alt="HTML5 and CSS3 Logos" title="HTML5 and CSS3" class="img-responsive" style="max-width: 350px; margin: auto;">
        </div>
    </div>
    <hr>
    <div class="row">
        <div class="col-sm-4">
            <h1 class="text-center"><i class="far fa-calendar-alt" aria-hidden="true"></i></h1>
            <h3 class="text-center" target="_blank">Schedule</h3>
            <p>Tick-tock goes the code clock! This course is broken up into 4 main learning modules, each with related topics. Check the schedule often to see what is due when, and what the upcoming topic will contain.</p>
            <a class="btn btn-info" href="{{ site.data.moodle.schedule }}" target="_blank" role="button">Read More...</a>
          </div>
        <div class="col-sm-4">
            <h1 class="text-center"><i class="fas fa-paperclip" aria-hidden="true"></i></h1>
            <h3 class="text-center">Syllabus</h3>
            <p>The goals of this course are to introduce the technologies, techniques, and aesthetics necessary to design and build websites. The syllabus contains more information about these outcomes and expectations.</p>
            <a class="btn btn-info" href="{{ site.data.moodle.syllabus }}" target="_blank" role="button">Read More...</a>
        </div>
        <div class="col-sm-4">
            <h1 class="text-center"><i class="fas fa-ambulance" aria-hidden="true"></i></h1>
            <h3 class="text-center">Need Help?</h3>
            <p>Web development is a community-driven field. And we all need a hand sometimes, from beginners to experts. If you have questions, or can provide answers, our GitHub Issues board is your first place to stop!</p>
            <a class="btn btn-info" href="{{ site.git_address | append: "-resources/issues/" }}" target="_blank" role="button">Escalate...</a>
        </div>
    </div>
</div>