-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·74 lines (69 loc) · 3.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!doctype html> <!-- an instruction to the web browser about what version of HTML the page is written in -->
<html lang="en"> <!-- sets language of the site to english -->
<head> <!-- element is a container for all the head elements -->
<title>Personal Website</title> <!-- required in all HTML documents and it defines the title of the document -->
<link rel="stylesheet" type="text/css" href="css/reset.css"> <!-- links html page to css page -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<meta charset="UTF-8"> <!-- used to specify page description, keywords, author of the document, last modified, and other metadata -->
</head> <!-- closes head tag -->
<body> <!-- sets language of the site to English -->
<div id="container"> <!-- contains all other div tags within -->
<div id="header" class="toplevel-block"></div> <!-- main image of each site -->
<div id="nav" class="toplevel-block"> <!-- contains all navigation items -->
<ul> <!-- an unordered list containing the listst -->
<li id="education" class="left"> <!-- a list -->
<a href="education.html"><div></div></a> <!-- link to the education site -->
</li>
<li id="biography" class="center">
<a href="biography.html"><div></div></a>
</li>
<li id="blog" class="right">
<a href="blog.html"><div></div></a>
</li>
</ul>
</div>
<div id="content" class="home-content toplevel-block"> <!--contains all other content items-->
<div class="identifier-holder"> <!-- adds a div box to the image -->
<img src="images/homepage identifier.jpg" title="main image-homepage"> <!-- identifies what page you are on with image description-->
</div>
<div id="home_text"> <!-- adds div item to all text -->
<ul id="home-sub-nav"> <!-- adds a second unordered list for a sub nav -->
<li>
<h3>About</h3> <!-- defines third most important heading. also creates size of text (third largest -->
<div>
Hello, and welcome! This is my personal website containing the general information relative about me, such as hobbies, interests and suggested links - under my "blog", along with a history of my travels and my educational graduations from different schools under "biography" and "education". <!-- writing relative to sub nav name -->
</div>
</li>
<li>
<h3>Home</h3>
<div>
Am currently in the residents of New Zealand - Lower Hutt in Epuni, living with my mother and father and am a only child. My other relatives such as my aunt, granpa sister e.t.c are currently in China.
</div>
</li>
<li>
<h3>News</h3>
<div>
During this time, I am studying for upcoming exams and gaming with friends. I as well am currently making my digital tech website and hope my teacher reads this and gives me a good grade and does not fail me!
</div>
</li>
<ul>
</div>
</div>
<div id="footer" class="toplevel-block"><!-- contains all footer items within -->
<div id="footer-wrapper"> <!-- makes coding for footer relevant to all items -->
<ul>
<li>
<a href="http://www.shutterstock.com/pic-136912637/stock-photo-black-leather-background.html?src=gzGSiPJp1C8sN6jQ0Wp0_w-1-2">Eky studio - stock photopgraphy agency. Body background</a> <!-- link to another site for copyright reference -->
</li>
<li>
<a href="https://twitter.com/richardlou01" target="_blank">Twitter</a> <!-- target makes link open in new tab -->
<li/>
<li>
<a href="https://www.facebook.com/richard.lou.75" target="_blank">Facebook</a>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>