-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
executable file
·84 lines (79 loc) · 2.75 KB
/
blog.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
75
76
77
78
79
80
81
82
83
84
<!doctype html>
<html lang="en">
<head>
<title>Personal Website</title>
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<meta charset="UTF-8">
</head>
<body>
<div id="container">
<div id="header" class="toplevel-block"></div>
<div id="nav" class="toplevel-block">
<ul>
<li id="homepage" class="left">
<a href="index.html"><div></div></a>
</li>
<li id="education" class="center">
<a href="education.html"><div></div></a>
</li>
<li id="biography" class="right">
<a href="biography.html"><div></div></a>
</li>
</ul>
</div>
<div id="content" class="toplevel-block">
<div class="identifier-holder">
<img src="images/blog identifier.jpg" title="main image-blog">
</div>
<div id="blog_text"> <!-- makes all blog text styles relevant to each other -->
<div id="warcraft" class="blog-column"> <!-- adds div box to "warcraft" and adds column tag to to all hover over items ( warcraft, titan, league) -->
<div class="backgd-image"> <!-- link styling all images relevant to blog page -->
<div class="text"> <!-- link styling all text relevant to blog page -->
Hello, and welcome!
</div>
</div>
</div>
<div id="titan" class="blog-column">
<div class="backgd-image">
<div class="text">
Hello, and welcome!
</div>
</div>
</div>
<div id="league" class="blog-column">
<div class="backgd-image">
<div class="text">
Hello, and welcome!
</div>
</div>
</div>
</div>
</div>
<div id="footer" class="toplevel-block">
<div id="footer-wrapper">
<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>
</li>
<li>
<a href="https://twitter.com/richardlou01" target="_blank">Twitter</a>
<li/>
<li>
<a href="https://www.facebook.com/richard.lou.75" target="_blank">Facebook</a>
</li>
<li>
<a href="http://www.goodwp.com/games/20309-world-of-warcraft-garrosh-hellscream-world-of-warcraft-cataclysm.html" target="_blank">Blizzard entertainment - WoW.</a>
</li>
<li>
<a href="http://www.wallpaper404.com/2014/04/lol-baron-vs-champions-4g.html" target="_blank">Riot Games - League of Legends. </a>
</li>
<li>
<a href="http://www.imdb.com/media/rm198104320/tt2560140" target="_blank">Hajime Isayama - Attack on Titan cover. </a>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>