Not Found

Kanjut SHELL

Server IP : 172.16.15.8 / Your IP : 52.14.252.16
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/akimiavi/public_html/

[ Home ]	[ C0mmand ]	[ Upload File ]

Current File : /home/akimiavi/public_html/chelseaPlayers.html.save

<!-- FootyFanatic CHELSEA PLAYERS (chelseaPlayers.html) -->
<HEAD>
      	<meta charset="UTF-8">
        <title>Footy Fanatic: Chelsea FC</title>
<STYLE>

<!-- STYLING LINKS/IMAGES/BUTTONS -->

a:link {
        color: white;
        background-color: transparent;
        text-decoration: underline;
        text-transform: uppercase;
}

a:visited {
	color: white;
        background-color: transparent;
        text-decoration: underline;
        text-transform: uppercase;
}

img {
     	border: 5px solid #ffffff;
        box-shadow: 10px 10px 5px;
}

body {
      	font-family: 'American Typewriter', serif;
        background-color: hsl(240, 100%, 50%);
        color: white;
        font-size: 20px;
}

h1 {
    	font-family: 'luminari', fantasy;
        text-transform: uppercase;
        color: white;
        font-size: 36px;
}

h2 {
    	font-family: 'luminari', fantasy;
        text-transform: uppercase;
        color: white;
        font-size: 30px;
}

h3 {
    	font-family: 'luminari', fantasy;
        text-transform: uppercase;
        color: white;
        font-size: 24px;
}
h4 {
    	font-family: 'luminari', fantasy;
        text-transform: uppercase;
        color: white;
        font-size: 18px;
}

button {
        text-transform: uppercase;
        text-align: center;
        color: white;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        display: inline-block;
        box-shadow: 10px 10px 5px;
        border: 5px solid #ffffff;
}

button:hover {
	transform: scale(1.2);
}

nav {
     	display: flex;
        position: fixed;
        width: 120px;
        justify-content: space-around;
        flex-direction: column;
        color: white;
        opacity: 0.7;
        box-shadow: 10px 10px 5px;
        height: 100vh;
}

.content{
	margin-left: 120px;
        padding: 20px;
        width: calc(100% - 120px);
        text-align: center;
        padding-right: 30px;
        padding-left: 30px;
}

.container{
	display: flex;
        min-height: 100vh;
}


<!-- ZIGZAG STYLING (player pages only as of now -->
.zigzag-item {
        align-items: center;
        display: flex;
        margin-bottom: 20px;
	justify-content: space-between;
}

.zigzag-section {
        margin-top: 20px;
}

<!--  alternating sides for every other zig item -->
.zigzag-item:nth-child(even) {
        flex-direction: row-reverse;
}

.zigzag-item img {
        width: 45%;
	height: auto;
}

.zigzag-item .zigzag-text {
	width: 45%; 
	padding: 10px;
	text-align: left;
}


<!--  centering header text and leaving bottom margin -->
.zigzag-text h3 {
	text-align: center; 
	margin-bottom: 10px; 
}


</STYLE>
</HEAD>

<BODY>
      	<HEADER>
                <h1>Footy Fanatic</h1>
                <!-- ADD IMAGE -->
                <HR>
        </HEADER>

<div class="container">
        <NAV>
             	<button onclick="location.href='chelseaPlayers.html'" style="background-color:hsl(240, 100%, 50%)">LEGENDS</button>
                <button onclick="location.href='chelseaStats.php'" style="background-color:hsl(240, 100%, 50%)">RECORDS</button>
                <button onclick="location.href='chelseaQuiz.html'" style="background-color:hsl(240, 100%, 50%)">QUIZ</button>
        </NAV>
	<div class="content">
	<h1>Chelsea F.C. Legend Profiles</h1>

		<div class="zigzag-section">
		<div class="zigzag-item">
			<img src="https://imgresizer.eurosport.com/unsafe/1200x0/filters:format(jpeg)/origin-imgresizer.eurosport.com/2006/12/17/327068-24127909-2560-1440.jpg" title="Didier Drogba">
				<div class="zigzag-text">
			 	<h3>Didier Drogba</h3>
			 	<p>Didier Droga text</p>
				</div>
		</div>

		<div class="zigzag-item">
			<img src="https://img.chelseafc.com/image/upload/f_auto,w_1440,c_fill,g_faces,q_90/editorial/news/2023/10/10/GettyImages-1141292107.jpg" title="Eden Hazard">
				<div class="zigzag-text">
				<h3>Eden Hazard</h3>
				<p>Eden Hazard text</p>
				</div>
		</div>
		
		<div class="zigzag-item">
		<img src="https://m.media-amazon.com/images/M/MV5BZDE4NWViZWUtNThjZS00M2U1LTk3YmItMzFlZjk5MTFkZjE1XkEyXkFqcGdeQXVyMjUyNDk2ODc@._V1_.jpg" title="John Terry">
			<div class="zigzag-text">
			<h3>John Terry</h3>
			<p>John Terry text</p>
			</div>
		</div>
		
		</div>
	</div>
</div>
</BODY>

Stv3n404 - 2023