Skip to content

GitLab

Commit 1f2e7c73 authored by Porter Libby's avatar Porter Libby
Browse files

set up block 3

parent 7169b89f
Hide whitespace changes
Inline Side-by-side
Showing with 43 additions and 14 deletions
index.html
View file @ 1f2e7c73
......@@ -180,24 +180,44 @@
<!-- Block 3 -->
<div class='block' id="block3">
<span class='section-prompt'>3. What would you like to do for fun?</span>
<div>
<input type="checkbox" id="campuslife1" name="campuslife1" value="campuslife1">
<label for="campuslife1"> option 1</label><br>
<br>
<div class='checklist-box'>
<span style='font-size:22px'>Campus Life</span><br>
<div style='text-align:left;'>
<input type="checkbox" id="campuslife1" name="campuslife1" value="campuslife1">
<label for="campuslife1"> option 1</label><br>
<input type="checkbox" id="campuslife2" name="campuslife2" value="campuslife2">
<label for="campuslife2"> option 2</label><br>
<input type="checkbox" id="campuslife2" name="campuslife2" value="campuslife2">
<label for="campuslife2"> option 2</label><br>
<input type="checkbox" id="campuslife3" name="campuslife3" value="campuslife3">
<label for="campuslife3"> option 3</label><br>
<input type="checkbox" id="campuslife3" name="campuslife3" value="campuslife3">
<label for="campuslife3"> option 3</label><br>
<input type="checkbox" id="campuslife4" name="campuslife4" value="campuslife4">
<label for="campuslife4"> option 4</label><br>
<input type="checkbox" id="campuslife4" name="campuslife4" value="campuslife4">
<label for="campuslife4"> option 4</label><br>
<input type="checkbox" id="campuslife5" name="campuslife5" value="campuslife5">
<label for="campuslife5"> option 5</label><br>
<input type="checkbox" id="campuslife5" name="campuslife5" value="campuslife5">
<label for="campuslife5"> option 5</label><br>
</div>
</div>
<div>
<div class='checklist-box'>
<span style='font-size:22px'>Student Activities</span><br>
<div style='text-align:left;'>
<input type="checkbox" id="studentactivity1" name="studentactivity1" value="studentactivity1">
<label for="studentactivity1"> option 1</label><br>
<input type="checkbox" id="studentactivity2" name="studentactivity2" value="studentactivity2">
<label for="studentactivity2"> option 2</label><br>
<input type="checkbox" id="studentactivity3" name="studentactivity3" value="studentactivity3">
<label for="studentactivity3"> option 3</label><br>
<input type="checkbox" id="studentactivity4" name="studentactivity4" value="studentactivity4">
<label for="studentactivity4"> option 4</label><br>
<input type="checkbox" id="studentactivity5" name="studentactivity5" value="studentactivity5">
<label for="studentactivity5"> option 5</label><br>
</div>
</div>
</div>
......
public/css/input.css
View file @ 1f2e7c73
......@@ -12,9 +12,16 @@
top: 50%;
width: 300px;
}
input {
input {
border: 0;
outline: 0;
background: transparent;
border-bottom: 2px solid #6F263D;
}
\ No newline at end of file
}
.checklist-box{
display:inline-block;
background-color: #eee;
padding: 20px;
margin-right: 50px;
font-size:18px;
}
\ No newline at end of file
public/css/main.css
View file @ 1f2e7c73
......@@ -105,6 +105,8 @@ body{
#block3 {
background-color: white;
height:350px;
text-align: center;
}
#block4 {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment