Skip to content

GitLab

Commit 0d2b8033 authored by Porter Libby's avatar Porter Libby
Browse files

fix icon size

parent 22c65f65
Hide whitespace changes
Inline Side-by-side
index.html
View file @ 0d2b8033
......@@ -91,71 +91,74 @@
</div>
</nav>
<!-- 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>
<li data-target="#create-carousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner"> <!-- slides go here -->
<div class="carousel-item active">
<img class="d-block w-100" src="public/img/ec-1.jpg" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="public/img/ec-2.jpg" alt="Second slide">
</div>
<!-- MAIN CONTENT AREA (padded scrollable area) -->
<div id='main-content'>
<!-- 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>
<li data-target="#create-carousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner"> <!-- slides go here -->
<div class="carousel-item active">
<img class="d-block w-100" src="public/img/ec-1.jpg" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="public/img/ec-2.jpg" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="public/img/ec-3.jpg" alt="Third slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="public/img/ec-3.jpg" alt="Third slide">
</div>
<a class="carousel-control-prev" href="#create-carousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#create-carousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<a class="carousel-control-prev" href="#create-carousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#create-carousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- Block 1 -->
<div class='block'>
<span class='section-prompt'>1. Type the name of a major you are interested in</span>
</div>
<!-- Block 1 -->
<div class='block'>
<span class='section-prompt'>1. Type the name of a major you are interested in</span>
</div>
<!-- Block 2 -->
<div class='block'>
<span class='section-prompt'>2. Choose something that sounds fulfilling</span>
<br>
<div class='inner-nav'> <!-- Nav options for this block -->
<button type="button" class="btn btn-labeled btn-dark">
<span class="btn-label"><i class="fa fa-globe"></i></span> Research</button>
<button type="button" class="btn btn-labeled btn-dark">
<span class="btn-label"><i class="fa fa-globe"></i></span> Internship</button>
<button type="button" class="btn btn-labeled btn-dark">
<span class="btn-label"><i class="fa fa-globe"></i></span> Off-campus Study</button>
<!-- Block 2 -->
<div class='block'>
<span class='section-prompt'>2. Choose something that sounds fulfilling</span>
<br>
<div class='inner-nav'> <!-- Nav options for this block -->
<button type="button" class="btn btn-labeled btn-dark">
<span class="btn-label"><i class="fa fa-flask"></i></span><br>Research</button>
<button type="button" class="btn btn-labeled btn-dark">
<span class="btn-label"><i class="fa fa-user-md"></i></span><br> Internship</button>
<button type="button" class="btn btn-labeled btn-dark">
<span class="btn-label"><i class="fa fa-book"></i></span><br> Off-campus Study</button>
</div>
</div>
</div>
<!-- Block 3 -->
<div class='block'>
<span class='section-prompt'>3. What would you like to do for fun?</span>
</div>
<!-- Block 3 -->
<div class='block'>
<span class='section-prompt'>3. What would you like to do for fun?</span>
</div>
<!-- Block 4 -->
<div class='block'>
<span class='section-prompt'>4. What would you like to become?</span>
<br>
<div class='inner-nav'> <!-- Nav options for this block -->
<button type="button" class="btn btn-labeled btn-dark">
<span class="btn-label"><i class="fa fa-globe"></i></span> Explore</button>
<!-- Block 4 -->
<div class='block'>
<span class='section-prompt'>4. What would you like to become?</span>
<br>
<div class='inner-nav'> <!-- Nav options for this block -->
<button type="button" class="btn btn-labeled btn-dark">
<span class="btn-label"><i class="fa fa-globe"></i></span><br> Explore</button>
<button type="button" class="btn btn-labeled btn-dark">
<span class="btn-label"><i class="fa fa-check"></i></span> Finish!</button>
<button type="button" class="btn btn-labeled btn-dark">
<span class="btn-label"><i class="fa fa-check"></i></span><br> Finish!</button>
</div>
</div>
</div>
</body>
......
public/css/main.css
View file @ 0d2b8033
body{
width: 100%;
height: 100%;
padding-left:10%;
padding-right:10%;
}
.fa{
font-size: 25px;
}
#main-content{
padding-left: 10%;
padding-right: 10%;
background-color: #bbb;
}
#search-bar{
position: absolute;
right: 20px;
right: 12%
}
.navbar-ec {
background-color: #6f263d;
color: white;
padding-right: 20px;
padding-right: 10%;
padding-left: 10%;
}
.navbar-ec .navbar-brand,
.navbar-ec .navbar-text {
......
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