web-design/my_work.html at master · holyman2k/web-design · GitHub

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
<!DOCTYPE html>
<html>

	<head>

	    <title>Web Design</title>
	    <meta http-equiv="Content-type" content="text/html; charset=UTF-8"/>

	    <link href="style/base.css" type="text/css" rel="stylesheet"/>
        <link href="style/my_work.css" type="text/css" rel="stylesheet"/>

        <script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="scripts/jquery.lazyload.min.js"></script>
        <script type="text/javascript" src="scripts/my_work/script.js"></script>

	</head>

	<body>

		<div id="wrap">

			<div id="header">
				<img class="logo" src="images/logo.png" alt="Web Design"/>
				<a class="contact" href="#">Contact</a>
			</div>

			<div id="navigation">
				<ul>
					<li><a href="#">About Us</a></li>
					<li><a href="#">Pricing</a></li>
					<li><a href="#">Contact</a></li>
				</ul>
			</div>

			<div id="banner">
			</div>

			<div id="sideBar">
				<h2>About US</h2>
				<ul>
                    <li class="selected"><a href="#">Website Design</a></li>
                    <li><a href="#">Hosting Service</a></li>
                    <li><a href="#">Pricing</a></li>
			  </ul>
			</div>

			<div id="content">

				<h2>My Work</h2>

				<div>
                <img class="lazy"
                    data-original="http://www.madwhips.com/upload/images/ferrari_430_race_cars_at_mid_ohio_6.jpg" >

                <img class="lazy"
                    data-original="http://www.psdgraphics.com/file/3d-city-model.jpg">

                <img class="lazy"
                    data-original="http://latinadanza.com/chicago-nightlife/GeAuna-Ithaca-Modeling-Registry-1006.jpg"  >

                <img class="lazy"
                    data-original="http://www.wired.com/images_blogs/gadgetlab/2009/09/computer-system.jpg" >

                <img class="lazy"
                    data-original="http://www.deviantart.com/download/208855816/mac_osx_lion_wallpaper_3_by_almanimation-d3gci6g.jpg" >

                <img class="lazy"
                    data-original="http://fc01.deviantart.net/fs70/i/2011/125/5/e/sp1_zeus_osx_for_win_7_64_by_zeusosx-d3fnojr.jpg">


                </div>


			</div>

		</div>
	</body>

</html>