Skip to content
Snippets Groups Projects
Commit d964ebfe authored by Beaumont Mogridge's avatar Beaumont Mogridge :gorilla:
Browse files

Merge branch 'StartUpHtmlHomePage' into 'main' 

Start up html home page

See merge request !1
parents c6b9de94 ae668ab5
No related branches found
No related tags found
1 merge request!1Start up html home page
Hide whitespace changes
Inline Side-by-side
home.html
+ 8
− 20
View file @ d964ebfe
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<link rel="stylesheet" href="styles.css">
<head> <head>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
...@@ -17,26 +17,14 @@ ...@@ -17,26 +17,14 @@
<div class="parallax"> <div class="parallax">
<body class="body"> <body class="body">
<h1>Welcome</h1>
<!-- navigation --> <!-- navigation -->
<nav> <nav>
<ul class="nav-row"> <ul>
<li> <li><a href="#home">Home</a></li>
<a><button onclick="">yo</a> <li><a href="#Map">Map</a></li>
<li><a href="#contactUs">Contact Us</a></li>
</li> <li style="float:right"><a class="active" href="#about">About</a></li>
<li> </ul>
<a><button onclick="">yoo</a>
</li>
<li>
<a><button onclick="">yooo</a>
</li>
<li>
<a><button onclick="">yoooo</a>
</li>
<li>
<a><button onclick="">yooooo</a>
</li>
</ul>
</nav><br><br><br> </nav><br><br><br>
style.css 0 → 100644
+ 58
− 0
View file @ d964ebfe
h1
{ color: blue;}
button
{color: greenyellow;
border-spacing: 20px;
size: 4000000px;
}
li {
display: inline;
border-right: 1px solid #bbb;
float:left;
border-top-right-radius: 1000%;
border-bottom-right-radius: 1000%;
}
li:last-child {
color: red;
background-color: red;
border-right: none;
border-top-left-radius: 1000%;
border-bottom-left-radius: 1000%;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover {
border-bottom-right-radius: 1000%;
border-top-right-radius: 1000%;
border-top-left-radius: -1000%;
border-radius: 1000;
background-color: #111;
}
li a:hover:last-child {
border-bottom-right-radius: 1000%;
border-top-right-radius: 1000%;
border-top-left-radius: 1000%;
border-radius: 50%;
background-color: #111;
}
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