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
a3cd6f61
Commit
a3cd6f61
authored
Jan 30, 2020
by
Porter Libby
Browse files
fix buttons, add comments
parent
b9e04c65
Changes
2
Hide whitespace changes
Inline
Side-by-side
index.html
View file @
a3cd6f61
...
...
@@ -13,6 +13,9 @@
href=
"https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity=
"sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
crossorigin=
"anonymous"
>
<link
rel=
"stylesheet"
href=
"https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"
>
<!-- CDN SCRIPTS -->
<script
src=
"https://code.jquery.com/jquery-3.3.1.slim.min.js"
...
...
@@ -27,6 +30,7 @@
integrity=
"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin=
"anonymous"
>
</script>
<!-- STYLE SHEETS -->
<link
rel=
"apple-touch-icon"
href=
"icon.png"
>
...
...
@@ -92,16 +96,19 @@
<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"
>
<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>
<a
class=
"carousel-control-prev"
href=
"#create-carousel"
role=
"button"
data-slide=
"prev"
>
<span
class=
"carousel-control-prev-icon"
aria-hidden=
"true"
></span>
...
...
@@ -122,9 +129,14 @@
<div
class=
'block'
>
<span
class=
'section-prompt'
>
2. Choose something that sounds fulfilling
</span>
<br>
<div
class=
'btn'
>
Research
</div>
<div
class=
'btn'
>
Internship
</div>
<div
class=
'btn'
>
Off-campus Study
</div>
<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>
</div>
</div>
<!-- Block 3 -->
...
...
@@ -136,8 +148,13 @@
<div
class=
'block'
>
<span
class=
'section-prompt'
>
4. What would you like to become?
</span>
<br>
<button>
Explore
</button>
<button>
Finish + Results
</button>
<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>
<button
type=
"button"
class=
"btn btn-labeled btn-dark"
>
<span
class=
"btn-label"
><i
class=
"fa fa-check"
></i></span>
Finish!
</button>
</div>
</div>
</body>
</html>
\ No newline at end of file
public/css/main.css
View file @
a3cd6f61
...
...
@@ -17,7 +17,7 @@ body{
width
:
100%
;
background-color
:
#ccc
;
border
:
1px
solid
black
;
text-align
:
center
;
text-align
:
left
;
}
#create-carousel
.carousel-inner
{
text-align
:
center
;
...
...
@@ -26,8 +26,8 @@ body{
font-size
:
18px
;
margin-left
:
20px
;
}
.
btn
{
width
:
100
px
;
height
:
100px
;
background-color
:
gray
;
.
inner-nav
{
width
:
100
%
;
text-align
:
center
;
padding-top
:
20px
;
}
\ No newline at end of file
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