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
a077e4fb
Commit
a077e4fb
authored
Jan 27, 2020
by
Porter Libby
Browse files
add some basic stuff
parent
bff0fee0
Changes
2
Hide whitespace changes
Inline
Side-by-side
index.html
View file @
a077e4fb
...
...
@@ -37,10 +37,80 @@
</head>
<body>
<!-- BODY CONTENT -->
<!-- NAV BAR -->
<nav
class=
"navbar navbar-expand-lg navbar-light bg-light justify-content-between"
>
<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>
</button>
<div
class=
"collapse navbar-collapse"
id=
"navbarNavDropdown"
>
<ul
class=
"navbar-nav"
>
<li
class=
"nav-item dropdown"
>
<a
class=
"nav-link dropdown-toggle"
href=
"#"
id=
"navbarDropdownMenuLink"
data-toggle=
"dropdown"
aria-haspopup=
"true"
aria-expanded=
"false"
>
About
</a>
<div
class=
"dropdown-menu"
aria-labelledby=
"navbarDropdownMenuLink"
>
<a
class=
"dropdown-item"
href=
"#"
>
Action
</a>
<a
class=
"dropdown-item"
href=
"#"
>
Another action
</a>
<a
class=
"dropdown-item"
href=
"#"
>
Something else here
</a>
</div>
</li>
<li
class=
"nav-item dropdown"
>
<a
class=
"nav-link dropdown-toggle"
href=
"#"
id=
"navbarDropdownMenuLink"
data-toggle=
"dropdown"
aria-haspopup=
"true"
aria-expanded=
"false"
>
Your Journey
</a>
<div
class=
"dropdown-menu"
aria-labelledby=
"navbarDropdownMenuLink"
>
<a
class=
"dropdown-item"
href=
"#"
>
Action
</a>
<a
class=
"dropdown-item"
href=
"#"
>
Another action
</a>
<a
class=
"dropdown-item"
href=
"#"
>
Something else here
</a>
</div>
</li>
<li
class=
"nav-item dropdown"
>
<a
class=
"nav-link dropdown-toggle"
href=
"#"
id=
"navbarDropdownMenuLink"
data-toggle=
"dropdown"
aria-haspopup=
"true"
aria-expanded=
"false"
>
Resources
</a>
<div
class=
"dropdown-menu"
aria-labelledby=
"navbarDropdownMenuLink"
>
<a
class=
"dropdown-item"
href=
"#"
>
Action
</a>
<a
class=
"dropdown-item"
href=
"#"
>
Another action
</a>
<a
class=
"dropdown-item"
href=
"#"
>
Something else here
</a>
</div>
</li>
</ul>
<form
id=
'search-bar'
class=
"form-inline"
>
<input
class=
"form-control mr-sm-2"
type=
"search"
placeholder=
"Search"
aria-label=
"Search"
>
<button
class=
"btn btn-outline-success my-2 my-sm-0"
type=
"submit"
>
Search
</button>
</form>
</div>
</nav>
<!-- Carousel 1 -->
<div
id=
"create-carousel"
style=
'background-color: gray;'
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"
>
<div
class=
"carousel-item active"
>
<img
class=
"d-block w-100"
src=
"..."
alt=
"First slide"
>
</div>
<div
class=
"carousel-item"
>
<img
class=
"d-block w-100"
src=
"..."
alt=
"Second slide"
>
</div>
<div
class=
"carousel-item"
>
<img
class=
"d-block w-100"
src=
"..."
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>
<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>
</body>
</html>
\ No newline at end of file
public/css/main.css
View file @
a077e4fb
body
{
margin-left
:
200px
;
margin-right
:
200px
;
}
#search-bar
{
position
:
absolute
;
right
:
0px
;
}
#create-carousel
{
height
:
200px
;
}
#create-carousel
.carousel-inner
{
text-align
:
center
;
}
\ 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