-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
41 lines (35 loc) · 1.86 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>4unkur</title>
<link rel="stylesheet" href="css/style.css">
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
</head>
<body>
<header>
<a href="index.html"><img src="images/4unkur-logo.png" alt="4unkur" height="130" class="logo"></a>
<h1 class="under-logo">novice web developer</h1>
</header>
<div id="wrap">
<h2 class="about">This is my works, drafts and other things</h2>
<section class="html_css_psd">
<p>After I've learned some html and css coding, I started to practice by making simple web-page templates</p>
<ul class="list_of_works">
<li><a href="1st-site/index.html" target="_blank"><img width="100" src="images/1st.jpg" alt="preview">1st web-page</a></li>
<li><a href="2nd-site/index.html" target="_blank"><img width="100" src="images/2nd.jpg" alt="preview">2nd web-page</a></li>
<li><a href="3rd-site/index.html" target="_blank"><img width="100" src="images/3rd.jpg" alt="preview">3rd web-page</a></li>
<li><a href="4th-site/index.html" target="_blank"><img width="100" src="images/4th.jpg" alt="preview">4th web-page</a></li>
<li><a href="5th-site/index.html" target="_blank"><img width="100" src="images/5th.jpg" alt="preview">5th web-page</a></li>
<li><a href="6th-site/index.html" target="_blank"><img width="100" src="images/6th.jpg" alt="preview">6th web-page</a></li>
</ul>
</section>
</div>
<footer>
<a href="index.html"><img src="images/4unkur-logo.png" alt="4unkur" height="50" class="logo"></a>
<p class="copyright">© 2014 <a href="index.html">4unkur</a> - All Rights Reserved</p>
</footer>
</body>
</html>