index.html

---
title: Tech Education
---
<section class="hero" style="background-image: url('{{site.url}}{{site.baseurl}}/images/kidsatcenter.jpg');">
	<div class="text-container">
		<h1 class="editable">TECH EDUCATION FOR EVERYONE</h1>
		<p class="subtext editable">shaping the future innovators of Chicago</p>
		<div class="cta button alt"><a href="{{site.url}}{{site.baseurl}}/classes/">Learn About Our Classes</a></div>
	</div>
</section>

<div class="content">
	<section>
		<div class="container flex">
			<div class="text editable">
				<a href="{{site.url}}{{site.baseurl}}/about/"><h2>Come join a <strong>community</strong> of creators</h2>
				<p>Artifice is a Woodlawn-based organization that uses project-based, hands-on learning to endow participants with the tech and entrepreneurial skills that will make them the masters of their own destiny.</p></a>
			</div>
			<div class="image">
				<img src="{{site.url}}{{site.baseurl}}/images/peteandkids.jpg" alt="Screenshot" class="screenshot editable" />
			</div>
		</div>
	</section>

	<section>
		<div class="container flex">
			<div class="text editable">
				<a href="{{site.url}}{{site.baseurl}}/classes/"><h2>Innovative and effective <strong>science and technology</strong> classes</h2>
				<p>We run technology focused after-school programs in the Woodlawn and Hyde Park. We teach youth how to build websites, make video games, build robots, repair computers, and more! </p></a>
			</div>
			<div class="image">
				<img src="{{site.url}}{{site.baseurl}}/images/components_wiring.jpg" alt="Screenshot" class="screenshot editable" />
			</div>
		</div>
	</section>

<!-- 	<section>
		<div class="container flex">
			<div class="text editable">
				<h2>Expanding access and education to <strong>everyone</strong></h2>
				<p>We bring our programs into our community.  Serving more than 90% underrepresented groups.</p>
			</div>
			<div class="box">
			  <div class="box__header">
			    <h3 class="box__header-title">breakdown</h3>
			  </div>
			  <div class="box__body">
			    <div class="stats stats--main">
			      <div class="stats__amount">200</div>
			      <div class="stats__caption">students served</div>
			      <div class="stats__change">
			        <div class="stats__value stats__value--positive">+6%</div>
			        <div class="stats__period">this week</div>
			      </div>
			    </div>

			    <div class="stats">
			      <div class="stats__amount">87359</div>
			      <div class="stats__caption">visitors</div>
			      <div class="stats__change">
			        <div class="stats__value stats__value--negative">-12%</div>
			        <div class="stats__period">this week</div>
			      </div>
			    </div>

			    <div class="stats">
			      <div class="stats__amount">6302</div>
			      <div class="stats__caption">comments</div>
			      <div class="stats__change">
			        <div class="stats__value">+78</div>
			        <div class="stats__period">this week</div>
			      </div>
			    </div>

			  </div>
			</div>
		</div>
	</section> -->

	<section class="testimonial">
		<div class="container flex">
			<div class="testimonial-block">
				<!-- <div class="square-image"><img src="https://www.google.com/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=2ahUKEwiC68DCqsbdAhW8IDQIHVKsAi4QjRx6BAgBEAU&url=https%3A%2F%2Fwww.gamesradar.com%2Fblack-panther-director-breaks-down-what-makes-tchalla-special-hes-the-kind-of-leader-that-you-want%2F&psig=AOvVaw38QTDz-RdExH88d9a42W3b&ust=1537421134057195" alt="T'Challa" class="editable"></div> -->
				<blockquote>
					<p class="editable">In times of crisis, the wise build bridges while the foolish build barriers.</p>
					<p class="editable author">T'Challa, King of Wakanda</p>
				</blockquote>
			</div>
		</div>
	</section>

	<section class="bottom-cta">
		<h2 class="editable">Come be part of something <strong>awesome</strong></h2>
		<div class="button alt"><a href="{{site.url}}{{site.baseurl}}/contact/?message=Hi+I%27m+interested+in+volunteering.++Can+you+send+me+some+more+information%3F++Thanks">Learn how to get involved</a></div>
	</section>
</div>