<div class="container mt-3">

<div class="row">

<!--Spencer-->

<div class="bg-white p-3 text-center rounded box"><img class="img-responsive rounded-circle" width="90" src="https://upload.wikimedia.org/wikipedia/commons/1/14/No_Image_Available.jpg">

<h5 class="mt-3 name">Spencer Robinson</h5><span class="work d-block">Programmer and Outreach</span><span class="work d-block">8th grade</span>

<div class="mt-4 about"><span>No surviving portraits of Spencer exist, but he joined the Java Jokers last year and is the lead programmer who helps with outreach(including this website!)</span></div>

</div>

<!--Andy-->

<div class="bg-white p-3 text-center rounded box"><img class="img-responsive rounded-circle" width="90" src="../assets/portrait/mark.jpg">

<h5 class="mt-3 name">Andy Mommaerts</h5><span class="work d-block">CAD and Mechanical</span><span class="work d-block">12th grade</span>

<div class="mt-4 about"><span>A team member whp has prior CAD experience in tinkerCAD and fusion360. They run 3d printing that we do at the STEM center. They are the second of our two main drivers.</span></div>

</div>

</div>

<!--Lukas-->

<div class="bg-white p-3 text-center rounded box"><img class="img-responsive rounded-circle" src="../assets/portrait/lukas.jpeg" width="90">

<h5 class="mt-3 name">Lukas Knepper</h5><span class="work d-block">Cad and Mechanical</span><span class="work d-block">8th grade</span>

<div class="mt-4 about"><span>Lukas joined the Java Jokers last year, and really enjoys working in Onshape.</span></div>

</div>

<!--Kayden-->

<div class="bg-white p-3 text-center rounded box"><img class="img-responsive rounded-circle" src="https://upload.wikimedia.org/wikipedia/commons/1/14/No_Image_Available.jpg" width="90">

<h5 class="mt-3 name">Kayden Emery-Schwemer</h5><span class="work d-block"></span>Cad and Mechanical<span class="work d-block">7th grade</span>

<div class="mt-4 about"><span> Kayden joined the Java Jokers this year and is really enthusiastic and excited to learn about mechanical.</span></div>

</div>

</div>

<!--Jonathan-->

<div class="bg-white p-3 text-center rounded box"><img class="img-responsive rounded-circle" src="https://upload.wikimedia.org/wikipedia/commons/1/14/No_Image_Available.jpg" width="90">

<h5 class="mt-3 name">Jonathan</h5><span class="work d-block"></span>Outreach<span class="work d-block">9th grade</span>

<div class="mt-4 about"><span> Jonathan joined the Java Jokers this year, heads outreach, and is plotting to take over the world</span></div>