Digital Chalkboard Feb 11

by | Feb 11, 2019

Here are the tasks we worked on together in class:
 
1. CREATE A CONTAINER WITH THREE COLUMNS
2. USE EACH COLUMN TO ADD THE ADDRESS OF AN ORGANIZER
NOTE: you’ll need to add some padding at the top so the columns aren’t behind the navbar
3. ADD A BUTTON BELOW THESE COLUMNS, CENTERED ON THE PAGE
HINT: USE BOOTSTRAP CLASSES btn btn-info btn-lg ON AN <a> TAG
4. USE THE BUTTON TO SEND AN EMAIL
5. I’LL SHOW YOU HOW TO ADD AN ICON TO THE BUTTON USING FONT AWESOME

</p>
<div>
<div>&lt;div class="container"&gt;</div>
<div style="padding-left: 30px;">&lt;div class="row"&gt;</div>
<div style="padding-left: 60px;">&lt;div class="col"&gt;</div>
<div style="padding-left: 90px;">&lt;ul&gt;</div>
<div style="padding-left: 120px;">&lt;li&gt;</div>
<div style="padding-left: 120px;">Miller Prosser</div>
<div style="padding-left: 120px;">&lt;/li&gt;</div>
<div style="padding-left: 120px;">&lt;li&gt;</div>
<div style="padding-left: 120px;">773-702-1352</div>
<div style="padding-left: 120px;">&lt;/li&gt;</div>
<div style="padding-left: 90px;">&lt;/ul&gt;</div>
<div style="padding-left: 60px;">&lt;/div&gt;</div>
<div style="padding-left: 30px;">&lt;div class="col"&gt;</div>
<div>&lt;/div&gt;</div>
<div style="padding-left: 30px;">&lt;divclass="col"&gt;</div>
<div style="padding-left: 60px;">&lt;ul&gt;</div>
<div style="padding-left: 90px;">&lt;li&gt;OCHRE&lt;/li&gt;</div>
<div style="padding-left: 90px;">&lt;li&gt;UChicago&lt;/li&gt;</div>
<div style="padding-left: 60px;">&lt;/ul&gt;</div>
<div style="padding-left: 60px;">&lt;/div&gt;</div>
<div style="padding-left: 30px;">&lt;/div&gt;</div>
<div>&lt;div class="container text-center"&gt;</div>
<div style="padding-left: 30px;">&lt;a href="mailto:mcprosse@uchicago.edu"class="btn btn-info btn-lg"&gt;&lt;iclass="fas fa-envelope"&gt; Miller Prosser&lt;/i&gt;&lt;/a&gt;</div>
<div>&lt;/div&gt;</div>
<div>&lt;/div&gt;</div>
<div>&lt;/div&gt;</div>
<div>&lt;/div&gt;</div>
</div>
<p>