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
d2ae55c9
Commit
d2ae55c9
authored
Jan 27, 2020
by
Porter Libby
Browse files
add some more basic stuff
parent
a077e4fb
Changes
2
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-between
u
"
>
<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
:
2
00px
;
margin-right
:
2
00px
;
margin-left
:
1
00px
;
margin-right
:
1
00px
;
}
#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
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