-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (135 loc) · 7.35 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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Goodware</title>
<link href="css/style.css" type="text/css" rel="stylesheet" />
<link href="css/media.css" type="text/css" rel="stylesheet" />
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/main.js"></script>
</head>
<body>
<div class="header">
<div class="conteiner">
<div class="row">
<div class="logo span5">
<a href="#" style="cursor:pointer"><h1>Goodware</h1>
<span>EASY PSD TEMPLATE</span></a>
</div>
<div class="navigation span7">
<ul>
<li><a href="#" class="active">HOME</a></li>
<li><a href="#">ABOUT </a></li>
<li><a href="#">SERVICE </a></li>
<li><a href="#">PORTFOLIO</a></li>
<li><a href="#">CONTACT </a></li>
</ul>
</div>
</div>
<div class="row">
<div class="span12">
<div id="slider">
<div class="slide"><img src="images/slider1.png"></div>
<div class="slide"><img src="images/slider2.jpg"></div>
<div class="slide"><img src="images/slider3.jpg"></div>
</div>
</div>
</div>
</div>
</div>
<div class="content">
<div class="conteiner">
<div class="row">
<div class="span12">
<h2>“Hello, I am Goodware, a very easy and clean PSD template!
Feel free to use me and like me on facebook.”</h2>
<a href="#" class="button">Get it now for free</a>
</div>
</div>
</div>
<div class="conteiner">
<div class="row">
<div class="span4">
<div class="column first">
<h3>We´ve got amazing ideas</h3>
</div>
<div class="text">
<h4>Get the new Photoshop</h4>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
<a href="#">READ MORE</a>
</div>
</div>
<div class="span4">
<div class="column second">
<h3>Free Webdesign Resources!</h3>
</div>
<div class="text">
<h4>New Freebies on our site</h4>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
<a href="#">READ MORE</a>
</div>
</div>
<div class="span4">
<div class="column third">
<h3>Get free business theme</h3>
<span>Buy & Sell your arts!</span>
</div>
<div class="text">
<h4>Be the first who get this!</h4>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
<a href="#">READ MORE</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="bg">
<div class="conteiner">
<div class="row">
<div class="span4">
<h5>From our blog</h5>
<div class="comments">
<img src="images/user.png">
<p><b>Lorem ipsum dolor sit amet,</b> consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt...</p>
<i>March 13, 2012 | 5 Comments</i>
</div>
<div class="comments">
<img src="images/user.png">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt...</p>
<i>March 13, 2012 | 5 Comments</i>
</div>
</div>
<div class="block span4">
<h5>Latest Tweets</h5>
<div class="tweets first">
<p>your news here: news and upadates for everyone on twitter and co.</p>
<a href="#">http://lorem.ipsum/dQzWOq</a><br>
<i>about 2 days ago</i>
</div>
<div class="tweets">
<p>new freebies are on the way! visit our new website and get what you want!</p>
<a href="#">http://lorem.ipsum/dQzWOq</a><br>
<i>about 3 days ago</i>
</div>
<div class="tweets">
<p>get our new Goodware PSD template for free! visit our website now for more information</p>
<a href="#">http://lorem.ipsum/dQzWOq</a><br>
<i>about 6 days ago</i>
</div>
</div>
<div class="block span4">
<div class="info">
<h1>Goodware</h1>
<span>EASY PSD TEMPLATE</span>
<p>Dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p>
</div>
</div>
</div>
<div class="copyright"><i style="font-style: normal;">Copyright © Goodware easy PSD Template by KL-Webmedia.com</i></div>
</div>
</div>
</div>
</body>
</html>