The Code

So this is the CSS and HTML code for my website. What the CSS does is style my website, so it is very important in making out look good. Without it, this website would look terrible. The way learned many things on CSS was from a youtuber named EJ Media, he has a playlist dedicated to CSS. Also, he has many other programming tutorials so check him out! Also, a great website is w3schools. This has many tips and tricks on HTML, CSS, JavaScript, JQuery and many more!

EJ Meadia

w3schools
If you want to show the HTML code on your website, go to freebits' HTML converter. What this does is converts the HTML code you input into a code that looks exactly the same as yours, but does not run. If you directly copy and paste your HTML code, it will run. So to not make it run, use the website and copy it where you want it!

HTML Converter
Please do not copy the code. It is my work and is not fair if someone just comes and copy's it. Use this as inspiration, or use it if you need help with anything (even though it is very messy). But please do not copy this.

CSS

HTML

This is just for my home page

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Azvio Labs</title> <link rel="icon" href="https://cdn4.iconfinder.com/data/icons/SOPHISTIQUE/education_icons/png/400/biology.png"> <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Days+One" /> <link href="/style.css" rel="stylesheet" type="text/css" media="all"> </head> <body> <div class="top"> <h1> Azvio Labs</h1> </div> <div class="navbar"> <ul> <li><a href="https://www.youtube.com/channel/UC7054Qxz2X9P1cOxM12kRTA?sub_confirmation=1">Channel</a></li> <li><a href="">Home</a></li> <li><a href="http://azviolab.neocities.org/Tests.html">Tests</a></li> </ul> </div> <div class="sideleft"> <h2>A bit about me</h2> I am a secondary school (high school) student that will be studying Computer Science next year. Currently, in ICT, we are programming a game using Visual Studio. This got me hooked on coding and made me want to do more things to do with programming. My friend, who also has a website, showed me Neocities and helped me learn. I also have a YouTube channel so check that out as well! It is called Azvio if you were wondering. I post mainly Commentaries and stuff like that, I am really small so if you subscribe I will be very grateful. <p></p> <a style="text-decoration:none;" href="https://www.youtube.com/channel/UC7054Qxz2X9P1cOxM12kRTA?sub_confirmation=1">My Channel</a> <p></p> <a style="text-decoration:none;" href="http://palutena.neocities.org/">My friend's Website (his website is AMAZING)</a> </div> <div class="main"> <h2>What is this page about?</h2> <p> I am new to HTML and CSS and all other website programming languages and would like to learn about them and become better at making websites from scratch, So I have made this site to test different things I have learned. I will try to add some new stuff every week and will hopefully make this a really good website with lots of cool things to do! </p> <hr> <h2>What languages have I used for this website?</h2> <p>So far I have only used two languages and these are the two main ones in creating websites. They are HTML and CSS. To make a website look really good and nice you will definitely need CSS because it is what styles the website. Between all the content panels, there is a space. That is used with the margin property. Without CSS, that would be much harder. CSS stands for Cascading Style Sheets. HTML is the standard language for making websites. HTML stands for Hyper Text Markup Language. </p> <hr> <h2>Want to learn for yourself?</h2> <p>If you want to learn a bit about making websites but have no knowledge of HTML or any other language. You need to learn some code and how to do stuff, obviously. There are some really good websites that I use all the time and if you want to check them out for yourself, click the links below!</p> <a style="text-decoration:none;" href="http://www.w3schools.com/">w3schools</a> <p></p> <a style="text-decoration:none;" href="http://www.stackoverflow.com/">Stackoverflow</a> <p></p> <a style="text-decoration:none;" href="https://www.codecademy.com/learn/web">Codecademy</a> <p></p> <a style="text-decoration:none;" href="http://codepen.io/">Codepen</a> <p>If you prefer a video to learn, here is a playlist which I used to make this website. Make sure to subscribe to the uploader!</p> <a style="text-decoration:none;" href="https://www.youtube.com/playlist?list=PLr6-GrHUlVf9ZleRsd5oTcrziNglndsXW">EJ Media's Playlist</a> </div> <div class="footer"> &copy;Azviolab. All rights reserved. </div> </body> </html>

© Azviolab. All rights reserved.