forked from andrewyuan/andrewyuan.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathexample.html
138 lines (134 loc) · 6.17 KB
/
example.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
136
137
138
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Name : Veridical
Description: A two-column, fixed-width design with dark color scheme.
Version : 1.0
Released : 20131203
-->
<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="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 id="logo">
<h1><a href="#">Veridical</a></h1>
<span>Template Design by <a href="http://www.freecsstemplates.org/" rel="nofollow">FreeCSSTemplates.org</a></span> </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>Veridical</strong>, a free, fully standards-compliant CSS template designed by <a href="http://www.freecsstemplates.org/" rel="nofollow">FreeCSSTemplates.org</a>. The photos in this template are from <a href="http://fotogrph.com/"> Fotogrph</a>. This free template is released under a <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attributions 3.0</a> license, so you are pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :) </p>
<a href="#" class="button">Etiam posuere</a> </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="pbox1">
<div class="column1">
<div class="box"> <span class="icon icon-comments"></span>
<h3>Vestibulum venenatis</h3>
<p>Fermentum nibh augue praesent a lacus at urna congue rutrum.</p>
</div>
</div>
<div class="column2">
<div class="box"> <span class="icon icon-cogs"></span>
<h3>Praesent scelerisque</h3>
<p>Vivamus fermentum nibh in augue praesent urna congue rutrum.</p>
</div>
</div>
<div class="column3">
<div class="box"> <span class="icon icon-coffee"></span>
<h3>Donec dictum metus</h3>
<p>Vivamus fermentum nibh in augue praesent urna congue rutrum.</p>
</div>
</div>
<div class="column4">
<div class="box"> <span class="icon icon-cloud"></span>
<h3>Mauris vulputate dolor</h3>
<p>Rutrum fermentum nibh in augue praesent urna congue rutrum.</p>
</div>
</div>
</div>
<div class="pbox2">
<div class="column1">
<div class="box"> <span class="icon icon-asterisk"></span>
<h3>Rhoncus volutpat</h3>
<p>Fermentum nibh augue praesent a lacus at urna congue rutrum.</p>
</div>
</div>
<div class="column2">
<div class="box"> <span class="icon icon-headphones"></span>
<h3>Sed odio sagittis</h3>
<p>Vivamus fermentum nibh in augue praesent urna congue rutrum.</p>
</div>
</div>
<div class="column3">
<div class="box"> <span class="icon icon-user"></span>
<h3>Aenean elementum</h3>
<p>Vivamus fermentum nibh in augue praesent urna congue rutrum.</p>
</div>
</div>
<div class="column4">
<div class="box"> <span class="icon icon-signal"></span>
<h3>Etiam posuere augue</h3>
<p>Rutrum fermentum nibh in augue praesent urna congue rutrum.</p>
</div>
</div>
</div>
</div>
</div>
<div id="wrapper2">
<div id="featured" class="container">
<div class="box1">
<h2><span class="icon icon-group"></span>Fusce ultrices fringilla</h2>
<p>Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>
</div>
<div class="box2">
<h2><span class="icon icon-briefcase"></span>Etiam posuere augue</h2>
<p>Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>
</div>
</div>
</div>
<div id="copyright">
<div class="title">
<h2>Get in touch</h2>
<span class="byline">Phasellus nec erat sit amet nibh pellentesque congue</span> </div>
<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>
<p>Copyright (c) 2013 Sitename.com. All rights reserved. | Photos by <a href="http://fotogrph.com/">Fotogrph</a> | Design by <a href="http://www.freecsstemplates.org/" rel="nofollow">FreeCSSTemplates.org</a>.</p>
</div>
</body>
</html>