Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
WebDev
epic-journey-display
Commits
0d2b8033
Commit
0d2b8033
authored
Jan 30, 2020
by
Porter Libby
Browse files
fix icon size
parent
22c65f65
Changes
2
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
{
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment