Skip to content

GitLab

Commit d2ae55c9 authored by Porter Libby's avatar Porter Libby
Browse files

add some more basic stuff

parent a077e4fb
Hide whitespace changes
Inline Side-by-side
index.html
View file @ d2ae55c9
......@@ -38,7 +38,7 @@
<body>
<!-- NAV BAR -->
<nav class="navbar navbar-expand-lg navbar-light bg-light justify-content-between">
<nav class="navbar navbar-expand-lg navbar-light bg-light justify-content-betweenu">
<a class="navbar-brand" href="#">Earlham College</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
......@@ -85,8 +85,8 @@
</div>
</nav>
<!-- Carousel 1 -->
<div id="create-carousel" style='background-color: gray;' class="carousel slide" data-ride="carousel">
<!-- Block 1 -->
<div id="create-carousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#create-carousel" data-slide-to="0" class="active"></li>
<li data-target="#create-carousel" data-slide-to="1"></li>
......@@ -112,5 +112,32 @@
<span class="sr-only">Next</span>
</a>
</div>
<!-- Block 1 -->
<div id='block-2'>
<span class='section-prompt'>1. Type the name of a major you are interested in</span>
</div>
<!-- Block 2 -->
<div id='block-2'>
<span class='section-prompt'>2. Choose something that sounds fulfilling</span>
<br>
<button>Research</button>
<button>Internship</button>
<button>Off-campus Study</button>
</div>
<!-- Block 3 -->
<div id='block-3'>
<span class='section-prompt'>3. What would you like to do for fun?</span>
</div>
<!-- Block 4 -->
<div id='block-4'>
<span class='section-prompt'>4. What would you like to become?</span>
<br>
<button>Explore</button>
<button>Finish + Results</button>
</div>
</body>
</html>
\ No newline at end of file
public/css/main.css
View file @ d2ae55c9
body{
margin-left:200px;
margin-right:200px;
margin-left:100px;
margin-right:100px;
}
#search-bar{
position: absolute;
right: 0px;
right: 0px;
}
#create-carousel{
height: 200px;
background-color: #ccc;
border: 1px solid black;
}
#block-1{
height: 200px;
width: 100%;
background-color: #ccc;
border: 1px solid black;
}
#block-2{
height: 200px;
width: 100%;
background-color: #ccc;
border: 1px solid black;
}
#block-3{
height: 200px;
width: 100%;
background-color: #ccc;
border: 1px solid black;
}
#block-4{
height: 200px;
width: 100%;
background-color: #ccc;
border: 1px solid black;
}
#create-carousel .carousel-inner{
text-align: center;
}
.section-prompt{
font-size: 18px;
margin-left: 20px;
}
\ No newline at end of file
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