My Homepage

Developer
Ethan
Size
2,903 Kb
Views
26,312
  1. My Homepage Previews
  2. My Homepage HTML Codes
  3. My Homepage CSS Codes

How do I make an my homepage?

What is a my homepage? How do you make a my homepage? This script and codes were developed by Ethan on 18 August 2022, Thursday.

My Homepage Previews
IQ Test

My Homepage - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>My Homepage</title> <link href="https://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <h1> Ethan's Page </h1>
<h2> About Me </h2>
<ul> <li> 10 years old </li> <li> Student at Victoria Shanghai Academy </li> <li> Likes Coding, Music, Science and Maths </li> <li> Helps people fix bugs in coding </li> <li> Learned Coding for 16 months </li>
</ul>
<h2> Sites I like or usually visit </h2>
<ul> <li> <a href = "http://codepen.io/pianotiles2">Codepen </a> </li> <li> <a href = "http://www.youtube.com">Youtube </a> </li> <li> <a href = "https://mail.google.com/mail/u/0/#inbox">Gmail </a> </li> <li> <a href = "https://drive.google.com/drive/u/0/my-drive">Google Drive </a> </li>
</ul>
<h2> My Signature Projects of the month</h2>
<ul> <li> <a href = "http://codepen.io/pianotiles2/pen/ObRgOQ">My eyes hurt </a> </li> <li> <a href = "http://codepen.io/pianotiles2/pen/ZBWXXV">Music Particles </a> </li> <li> <a href = "http://codepen.io/pianotiles2/pen/JbMadW">Prism Music </a> </li> <li> <a href = "http://codepen.io/pianotiles2/pen/rWYErV">Mazer </a> </li> <li> <a href = "http://codepen.io/pianotiles2/pen/QGMebE">Sublime Text 3 </a> </li> <li> <a href = "http://codepen.io/pianotiles2/pen/bBBpgE">Chess </a> </li> <h2> Giving a shoutout to these projects because I spent a lot of time doing these </h2> <li> <a href = "http://codepen.io/pianotiles2/pen/GNNeLv">Animation X-Wing </a> </li> <p> I chose this because this whole animation runs really smoothly and it is only created in CSS. I used the animation technique, @keyframes and measured the angles and the speed really accurately. Also, it reaches 4000 lines of HTML and CSS in total, so it took me a very long time to complete this project.</p> <li> <a href = "http://codepen.io/pianotiles2/pen/bBBpgE"> Chess </a> </li> <p> I chose this because the 3D looks pretty cool and I like how the computer can analyze through my code the different moves that the player can make when he makes a move in the game. For example, the pawn can't move the moves that a queen can move, and the computer can distinguish that. </p> <li> <a href = "http://codepen.io/pianotiles2/pen/ZBWXXV"> Music Particles </a> </li> <p> I chose this because the bubbles that pop up and down respond to the beat the music plays, and you get a selection of 5 songs. The bubbles decrease when the music is calmer and when the music gets more excited, the bubbles increase and move faster. I used the sound's volume to determine the size of the bubbles and the speed it spreads out. </p> <a href = "http://codepen.io/pianotiles2/pen/QGMebE"> Sublime Text 3 </a> </li>
<p> Ever heard of Sublime Text 2? It is something you download that allows you to code like how I am coding now, but you can choose from different coding methods, and it co-operates with the Terminal. I created basically the same thing where you can code in C, C++, and the words that are supposed to go in different colours are there. You can also change the background style, so that's why I called it Sublime Text 3. It has so much practical use! </p> <h2> Popular projects:</h2> <li> <a href = "http://codepen.io/pianotiles2/pen/ENXMmv"> Balls o cotton </a> (With 1452 views as of Fri 2nd Dec)</li> <li> <a href = "http://codepen.io/pianotiles2/pen/adNRop"> Ethan's 2016 Resolutions </a> (With 19 views as of Fri 2nd Dec)</li> <li> <a href = "http://codepen.io/pianotiles2/pen/WwqBZK"> Weatherman, </a> </li> <li> <a href = "http://codepen.io/pianotiles2/pen/EgyLvj"> Jigglypuff </a> </li> <li> <a href = "http://codepen.io/pianotiles2/pen/KggWLL"> CSS Glitch </a> </li> <p>(With 18 views for each of them as of Fri 2nd Dec) </p> <h2> My Followers </h2> <li> <a href = "http://codepen.io/vtrukhin/"> Vladmir Trukhin </a> </li> <li> <a href = "http://codepen.io/chaith/"> dridi </a> </li> <p> I make around 5 projects or websites every week. It depends on when I have time or not. </p>
</body>
</html>

My Homepage - Script Codes CSS Codes

* { font-family: "Comfortaa";
}
h1 { color: #FA3623;
}
body{ display: block; width: 550px; margin: 0 auto; text-align: center;
}
ul { padding: 0;
}
li { list-style-position: inside;
}
My Homepage - Script Codes
My Homepage - Script Codes
Home Page Home
Developer Ethan
Username pianotiles2
Uploaded August 18, 2022
Rating 3
Size 2,903 Kb
Views 26,312
Do you need developer help for My Homepage?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Ethan (pianotiles2) Script Codes
Name
Rainbow Messenger
Stat Battles
Solar System
UNSTABLE ATOMS
Music
Driving game
Haha
Weather Weather
A Pen by Ethan
Wigglytuff
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!