<title>CoderSpace </title>

<link rel="stylesheet" href="styles/styles.css" type="text/css" />

<link rel="icon" type="image/png" sizes="32x32" href="images/coderspace-logo.png">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<header>

<nav>

<ul id="myTopNav" class="navbar nav">

<li><a href="index.html"><img src="images/coderspace_logo.svg" class="nav-logo"></a></li>

<li><a href="index.html">Home</a></li>

<li><a href="about.html">About</a></li>

<li><a href="programs.html">Programs</a></li>

<li><a href="donate.html">Donate</a></li>

<li><a href="shop.html">Shop</a></li>

<li id="icon" class="icon"><button>&#9776</button></li>

</ul>

</nav>

<script type="text/javascript" src="js/nav.js"></script>

</header>

<main>

<h1 class="subtitles">Programs</h1>

<div class="programs">

<div class="summerpro">

<img src="images/programimg-1.jpg" class="programimgs">

<h2 class="programnames">Summer Apprenticeship</h2>

<p class="programdescrip">In our intensive 8-week summer program, youth learn computer languages that power the web, collaborate on real-world projects and showcase their work at Demo Day.</p>

<a href="summer.html"><button class="applybtn applybtn1">Apply</button></a></div>

<div class="satmet-up">

<img src="images/programimg-5.jpg" class="programimgs">

<h2 class="programnames">Saturday Meet-ups</h2>

<p class="programdescrip">During the academic year CoderSpace hosts weekend meet-ups for youth...</p>

<a href="saturdays.html"><button class="applybtn applybtn2">Attend</button></a>

</div>

<br></br>

<div class="schclubs">

<img src="images/programimg-4.JPG" class="programimgs">

<h2 class="programnames">School Clubs</h2>

<p class="programdescrip">Youth apply what they learn at CoderSpace to lead computer science clubs at their schools.</p>

<a href="club.html"><button class="applybtn applybtn3">Join</button></a>

</div>

</div>

</main>

<footer>

<div class="foot">

<a href="https://www.facebook.com/coderspace/?ref=br_rs" target="_blank"><i class="fab fa-facebook fa-2x"></i></a>

<a href="https://twitter.com/coderspace?lang=en" target="_blank"><i class="fab fa-twitter fa-2x"></i></a>

<a href="https://www.instagram.com/?hl=en" target="_blank"><i class="fab fa-instagram fa-2x"></i></a>

<a href="https://github.com/search?utf8=%E2%9C%93&q=coderspace&type=" target="_blank"><i class="fab fa-github fa-2x"></i></a>

</div>

<a href="https://www.google.com/maps/dir/''/5225+S+Cottage+Grove+Ave,+Chicago,+IL+60615/@41.7994931,-87.6084398,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x880e29468924aacd:0x7027bfb76286c0a!2m2!1d-87.6062511!2d41.7994931" target="_blank">5225 S. Cottage Grove Ave, Chicago, IL 60615</a>

<a href="mailto:helloworld@coderspace.org" target="_blank">helloworld@coderspace.org</a>

<a class="tel" href="tel:773-658-9598">(773)-658-9598</a>

</footer>