forked from sl194/SUTDio
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
132 lines (127 loc) · 5.46 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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by TEMPLATED
http://templated.co
Released for free under the Creative Commons Attribution License
Name : Fervency
Description: A two-column, fixed-width design with dark color scheme.
Version : 1.0
Released : 20131006
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900" rel="stylesheet" />
<link href="default.css" rel="stylesheet" type="text/css" media="all" />
<link href="fonts.css" rel="stylesheet" type="text/css" media="all" />
<!--[if IE 6]><link href="default_ie6.css" rel="stylesheet" type="text/css" /><![endif]-->
</head>
<body>
<div id="header-wrapper">
<div id="header" class="container">
<div id="logo">
<span class="icon icon-fire"></span>
<h1><a href="#">Fervency</a></h1>
<span>Design by <a href="http://templated.co" rel="nofollow">TEMPLATED</a></span> </div>
<div id="menu">
<ul>
<li class="current_page_item"><a href="#" accesskey="1" title="">Homepage</a></li>
<li><a href="#" accesskey="2" title="">Our Clients</a></li>
<li><a href="#" accesskey="3" title="">About Us</a></li>
<li><a href="#" accesskey="4" title="">Careers</a></li>
<li><a href="#" accesskey="5" title="">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div id="wrapper3">
<div id="portfolio" class="container">
<div class="title">
<h2>Design Portfolio</h2>
<span class="byline">Integer sit amet pede vel arcu aliquet pretium</span> </div>
<div class="column1">
<div class="box"> <a href="#"><img src="images/scr01.jpg" alt="" class="image image-full" /></a>
<h3>Vestibulum venenatis</h3>
<p>Fermentum nibh augue praesent a lacus at urna congue rutrum.</p>
<a href="#" class="button button-small">Etiam posuere</a> </div>
</div>
<div class="column2">
<div class="box"> <a href="#"><img src="images/scr02.jpg" alt="" class="image image-full" /></a>
<h3>Praesent scelerisque</h3>
<p>Vivamus fermentum nibh in augue praesent urna congue rutrum.</p>
<a href="#" class="button button-small">Etiam posuere</a> </div>
</div>
<div class="column3">
<div class="box"> <a href="#"><img src="images/scr03.jpg" alt="" class="image image-full" /></a>
<h3>Donec dictum metus</h3>
<p>Vivamus fermentum nibh in augue praesent urna congue rutrum.</p>
<a href="#" class="button button-small">Etiam posuere</a> </div>
</div>
<div class="column4">
<div class="box"> <a href="#"><img src="images/scr04.jpg" alt="" class="image image-full" /></a>
<h3>Mauris vulputate dolor</h3>
<p>Rutrum fermentum nibh in augue praesent urna congue rutrum.</p>
<a href="#" class="button button-small">Etiam posuere</a> </div>
</div>
</div>
</div>
<div id="wrapper1">
<div id="welcome" class="container">
<div class="title">
<h2>Welcome to our website</h2>
<span class="byline">Mauris vulputate dolor sit amet nibh</span> </div>
<div class="content">
<p>This is <strong>Fervency</strong>, a free, fully standards-compliant CSS template designed by <a href="http://templated.co" rel="nofollow">TEMPLATED</a>. The photos in this template are from <a href="http://fotogrph.com/"> Fotogrph</a>. This free template is released under the <a href="http://templated.co/license">Creative Commons Attribution</a> license, so you're pretty much free to do whatever you want with it (even use it commercially) provided you give us credit for it. Have fun :) </p>
<a href="#" class="button">Etiam posuere</a> </div>
</div>
</div><div id="wrapper2">
<div id="newsletter" class="container">
<div class="title">
<h2>Newsletter Signup</h2>
<span class="byline">Integer sit amet pede vel arcu aliquet pretium</span> </div>
<div class="content">
<form method="post" action="#">
<div class="row half">
<div class="6u">
<input type="text" class="text" name="name" placeholder="Name" />
</div>
<div class="6u">
<input type="text" class="text" name="email" placeholder="Email" />
</div>
</div>
<div class="row half">
<div class="12u">
<textarea name="message" placeholder="Message"></textarea>
</div>
</div>
<div class="row">
<div class="12u"> <a href="#" class="button submit">Send Message</a> </div>
</div>
</form>
</div>
</div>
</div>
<div id="wrapper4">
<div id="footer" class="container">
<div>
<header class="title">
<h2>Get in touch</h2>
<span class="byline">Phasellus nec erat sit amet nibh pellentesque congue</span> </header>
<ul class="contact">
<li><a href="#" class="icon icon-twitter"><span>Twitter</span></a></li>
<li><a href="#" class="icon icon-facebook"><span></span></a></li>
<li><a href="#" class="icon icon-dribbble"><span>Pinterest</span></a></li>
<li><a href="#" class="icon icon-tumblr"><span>Google+</span></a></li>
<li><a href="#" class="icon icon-rss"><span>Pinterest</span></a></li>
</ul>
</div>
</div>
</div>
<div id="copyright">
<p>© Untitled. All rights reserved. | Photos by <a href="http://fotogrph.com/">Fotogrph</a> | Design by <a href="http://templated.co" rel="nofollow">TEMPLATED</a>.</p>
</div>
</body>
</html>