diff --git a/index.html b/index.html new file mode 100644 index 00000000..8b4be937 --- /dev/null +++ b/index.html @@ -0,0 +1,30 @@ + + + + + + + + reValuate + + + + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 00000000..92506ed5 --- /dev/null +++ b/style.css @@ -0,0 +1,75 @@ +body{ + font-family: Arial, Helvetica, sans-serif; + margin: 0; +} + +ul.navbar { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + background-color: #469330 ; +} + +ul.navbar li {float: left;} + +ul.navbar li a { + display: block; + color: white; + text-align: center; + padding: 14px 16px; + text-decoration: none; +} + +ul.navbar li a:hover:not(.active) {background-color: #111;} + +ul.navbar li a.active {background-color: #92ed77 ;} + +ul.navbar li.right {float: right;} + +@media screen and (max-width: 600px) { + ul.navbar li.right, + ul.navbar li {float: none;} +} + + +li a, .dropbtn { + display: inline-block; + color: white; + text-align: center; + padding: 14px 16px; + text-decoration: none; + } + + li a:hover, .dropdown:hover .dropbtn { + background-color: #469330 ; + } + + li.dropdown { + display: flex; + + } + + .dropdown-content { + position: absolute; + background-color: #469330 ; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; + width: 80%; + margin:auto; +} + + .dropdown-content a { + color: white; + padding: 12px 16px; + text-decoration: none; + display: block; + text-align: left; + } + + .dropdown-content a:hover {background-color: #f1f1f1;} + + .dropdown:hover .dropdown-content { + display: block; + } \ No newline at end of file