mirror of
https://github.com/Fluffy-Bean/Fluffys-website.git
synced 2025-05-29 14:53:14 +00:00
60 lines
3.9 KiB
HTML
60 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en"> <!-- This site is in english! -->
|
|
<head>
|
|
<!-- Did not know all websites needed this -->
|
|
<meta charset="utf-8"> <!-- Help show text correctly! -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Still don't know what this does -->
|
|
<meta name="description" content="Fluffy Bean's website"> <!-- Used to help search engins -->
|
|
<meta content="Fluffy Bean" name="author"> <!-- I have made this site!!!! -->
|
|
<title>Awwwoooooo!</title> <!-- Title -->
|
|
<link rel="shortcut icon" type="image/jpg" href="images/fluffy1.png"/> <!-- Favicon -->
|
|
<link rel="stylesheet" href="style.css"> <!-- Le CSS code :3 -->
|
|
<!-- Googly fonts to make site pretty! :3 -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Rubik&display=swap" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@200;400&display=swap" rel="stylesheet">
|
|
</head>
|
|
<!-- Neck -->
|
|
<body>
|
|
|
|
<!-- The epic text at the top of the site! Remind to Fluffy, sites should only have a single (like me lol) h1 -->
|
|
<header>
|
|
<h1>Fluffy's amazing website!
|
|
<img src="images/fluffy1.png" alt="Poorly drawn image of Fluffy Bean" class="header_image">
|
|
</h1>
|
|
</header>
|
|
|
|
<!-- The cool buttons at the top of the site! -->
|
|
<div id="navigation_row_top">
|
|
<a href="introduction.html" id="navigation_button"> Insert boring stuff here </a> <!-- Introduction -->
|
|
<a href="about.html" id="navigation_button"> About this smelly </a> <!-- About -->
|
|
<a href="pictures.html" id="navigation_button"> Pictures! </a> <!-- Pictures! -->
|
|
<a href="more.html" id="navigation_button"> Even more! </a> <!-- More -->
|
|
<a href="social.html" id="navigation_button"> My social media! </a> <!-- Social Media -->
|
|
<a href="php_test.html" id="navigation_button"> PHP test </a>
|
|
</div>
|
|
|
|
<!-- Now you know (nearly) everything about me, have fun! -->
|
|
<div id="image_gallery">
|
|
<h2>Photography of stuff and things</h2>
|
|
<p>Here, will be only the fines of my horrible photography! Click on the image to view it better :3</p>
|
|
<div id="image_text">
|
|
<a href="photos/landscape.jpg"><img src="photos/landscape.jpg" alt="Grey road leading off into wooded hills filled with heavy fog" class="photos"></a>
|
|
<a href="photos/funny.jpg"><img src="photos/funny.jpg" alt="Foot covering text on the floor to spell out Cum HD" class="photos"></a>
|
|
<a href="photos/sunset_beach.jpg"><img src="photos/sunset_beach.jpg" alt="Rocky beach with suset over the sea" class="photos"></a>
|
|
<a href="photos/corruption.jpg"><img src="photos/corruption.jpg" alt="Corrupted photo of a PC" class="photos"></a>
|
|
</div>
|
|
<p>If you want to use any of these pictures for anything, please get in contact with me!</p>
|
|
</div>
|
|
|
|
<!-- The button to take you back to the top of the site -->
|
|
<footer>
|
|
<def>
|
|
<!-- Forgive me for the mess below -->
|
|
<a href="#" id="navigation_button"> I'm a top and I'm scared of bottoming... take me back <img src="images/up_arrow.png" class="small_icons"> </a>
|
|
</def>
|
|
<p id="footer_text">Site kept online by <span id="impotant_creature">Jeetix</span> • Made by <span id="fluffy_color">Fluffy Bean</span> • Version 21.07.2021.4</p>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|
|
<!-- Site is over! Go home! -->
|