Server IP : 172.16.15.8 / Your IP : 3.144.115.125 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 ] |
---|
<!-- FootyFanatic MANCHESTER CITY PLAYERS (manCPlayers.html) --> <HEAD> <meta charset="UTF-8"> <title>Footy Fanatic: Manchester City</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; } body { font-family: 'American Typewriter', serif; background-color: hsl(195, 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; } img { border: 5px solid #ffffff; box-shadow: 5px 5px 2px; float: left; width: 45%; height: auto; } .item { width: calc(100% - 120px); margin-bottom: 20px; flex-wrap: wrap; display: flex; } .text { border: 5px solid #ffffff; box-shadow: 5px 5px 2px; width: 45%; display: flex; flex-direction: column; justify-content: center; } .text p, .text h3 { padding 10px; margin: 0; } .zigzag-section { display: grid; justify-content: spcae-between; gap: 20px; margin-top: 20px; } .item:nth-child(even) { flex-direction: row-reverse; } </STYLE> </HEAD> <BODY> <HEADER> <h1>Footy Fanatic</h1> <!-- ADD IMAGE --> <HR> </HEADER> <div class="container"> <NAV> <button onclick="location.href='manCPlayers.html'" style="background-color:hsl(195, 100%, 50%)">LEGENDS</button> <button onclick="location.href='manCStats.php'" style="background-color:hsl(195, 100%, 50%)">RECORDS</button> <button onclick="location.href='manCQuiz.html'" style="background-color:hsl(195, 100%, 50%)">QUIZ</button> <button onclick="location.href='footyFanatic.html'" style="background-color:hsl(195, 100%, 50%)">HOME</button> </NAV> <div class="content"> <h1>Manchester City Legend Profiles</h1> <div class="zigzag-section"> <div class="item"> <img src="https://static.independent.co.uk/2021/05/21/16/190d7b27f1d580757bb4b1ad278e61ebY29udGVudHNlYXJjaGFwaSwxNjIxNjk2NTk0-2-1.44953923" title="Sergio Aguero"> <div class="text"> <h3>Sergio Aguero</h3> <h4>(2011-2021)</h4> <p>Sergio Aguero text</p> </div> </div> <div class="item"> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcShuC-0TgWvV_-k581TCdhg1_yrnE7ns4JBzA&s" title="Yaya Toure"> <div class="text"> <h3>Yaya Toure</h3> <h4>(2010-2018)</h4> <p>Yaya Toure text</p> </div> </div> <div class="item"> <img src="https://cdn.vox-cdn.com/thumbor/Ik_Ohja7_OiJ98VZdGnOVLQd6m4=/0x172:2900x2105/1200x800/filters:focal(0x172:2900x2105)/cdn.vox-cdn.com/uploads/chorus_image/image/33357449/484574793.0.jpg" title="Vincent Kompany"> <div class="text"> <h3>Vincent Kompany</h3> <h4>(2008-2019)</h4> <p>Vincent Kompany text</p> </div> </div> <div class="item"> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTl1XxGTKcJzjkvdsY7GtwrWK4GKqz3mqoYuw&s" title="David Silva"> <div class="text"> <h3>David Silva</h3> <h4>(2010-2020)</h4> <p>David Silva text</p> </div> </div> </div> <HR> <CENTER> <a href='footyFanatic.html'>HOME</A> | <a href='footyManC.html'>MAN CITY HOME</A> </CENTER> </div> </div> </BODY>