-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
101 lines (98 loc) · 5.81 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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>Your Project • Home</title>
<link rel="stylesheet" media="screen" href="css/screen.css" />
<link rel="alternate" type="application/rss+xml" title="Your Project News" href="http://blog.brettalton.com/feed/" />
</head>
<body>
<div id="header">
<div class="container_16">
<h1><a href="index.html"></a></h1>
<div id="top_menu">
<ul>
<li><a href="#" class="selected first">Home</a></li>
<li><a href="#">Download</a></li><!-- copy this file and call it download.html. then change the link. do the same for the other links and pages -->
<li><a href="#">News</a></li>
<li><a href="#">Development</a></li>
<li><a href="#" class="last">Help & Support</a></li>
</ul>
</div>
<!-- end #top_menu -->
</div>
<!-- end .container_16 -->
</div>
<!-- end #header -->
<div id="slides">
<div class="container_16">
<div class="grid_1">
<!-- spacer -->
</div>
<div class="grid_7 slide">
<img src="img/slides/01.png" />
</div>
<div class="grid_7">
<div id="text">
<h1>slogan goes here...</h1>
<ul style="margin-left: 20px;">
<li>sub-slogan or project description can go here...<br />multiple lines if you have a lot to say</li>
</ul>
</div>
<!-- end #text -->
<a href="#" id="download">
<h2>Download now</h2>
<p>Your Project v1.0</p>
</a>
</div>
<div class="grid_1">
<!-- spacer -->
</div>
</div>
<!-- end .container_16 -->
</div>
<!-- end #slides -->
<div id="main">
<div class="container_16">
<div class="grid_8">
<h2>Welcome</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam gravida orci accumsan arcu lobortis sed convallis tellus condimentum. Etiam eu turpis nec nibh mollis aliquam. Quisque blandit ipsum velit, id fermentum nulla. Suspendisse eget nisl eu libero porttitor commodo a eget nisl. Etiam sed lectus in mauris consectetur egestas vitae sed enim. Praesent tellus dui, sagittis ac faucibus varius, pellentesque in libero. In hac habitasse platea dictumst. Etiam hendrerit ornare dui vitae viverra. Mauris sed diam ut lectus auctor dictum ut ut mi. Fusce et magna lorem. Vivamus viverra dui sollicitudin orci sagittis in gravida sem dictum. Praesent pharetra dignissim ultrices. Cras congue scelerisque hendrerit. Nullam interdum tortor et mi tempus auctor. Nunc eget erat ante, at placerat justo.</p>
<h2>Why Your Project?</h2>
<p>Etiam sed lectus in mauris consectetur egestas vitae sed enim. Praesent tellus dui, sagittis ac faucibus varius, pellentesque in libero. In hac habitasse platea dictumst. Etiam hendrerit ornare dui vitae viverra.</p>
<p>Mauris sed diam ut lectus auctor dictum ut ut mi. Fusce et magna lorem. Vivamus viverra dui sollicitudin orci sagittis in gravida sem dictum. Praesent pharetra dignissim ultrices. Cras congue scelerisque hendrerit. Nullam interdum tortor et mi tempus auctor. Nunc eget erat ante, at placerat justo.</p>
<h2>What's New?</h2>
<p>Mauris sed diam ut lectus auctor dictum ut ut mi. Fusce et magna lorem. Vivamus viverra dui sollicitudin orci sagittis in gravida sem dictum. Praesent pharetra dignissim ultrices. Cras congue scelerisque hendrerit.</p>
<p>Nullam interdum tortor et mi tempus auctor. Nunc eget erat ante, at placerat justo.</p>
</div>
<!-- end grid_8 -->
<div class="grid_8">
<h2>Features</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam gravida orci accumsan arcu lobortis sed convallis tellus condimentum.</p>
<ul>
<li>Etiam eu turpis nec nibh mollis aliquam.</li>
<li>Quisque blandit ipsum velit, id fermentum nulla.</li>
<li>Suspendisse eget nisl eu libero porttitor commodo a eget nisl.</li>
</ul>
<p>Fusce et magna lorem. Vivamus viverra dui sollicitudin orci sagittis in gravida sem dictum. Praesent pharetra dignissim ultrices. Cras congue scelerisque hendrerit. Nullam interdum tortor et mi tempus auctor. Nunc eget erat ante, at placerat justo.</p>
<p>Mauris sed diam ut lectus auctor dictum ut ut mi. Fusce et magna lorem. Vivamus viverra dui sollicitudin orci sagittis in gravida sem dictum. Praesent pharetra dignissim ultrices. Cras congue scelerisque hendrerit. Nullam interdum tortor et mi tempus auctor. Nunc eget erat ante, at placerat justo.</p>
<h2>What Are People Saying?</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam gravida orci accumsan arcu lobortis sed convallis tellus condimentum. Fusce et magna lorem. Vivamus viverra dui sollicitudin orci sagittis in gravida sem dictum. Praesent pharetra dignissim ultrices. Cras congue scelerisque hendrerit.</p>
<p>Nullam interdum tortor et mi tempus auctor. Nunc eget erat ante, at placerat justo.</p>
<p>Mauris sed diam ut lectus auctor dictum ut ut mi. Fusce et magna lorem. Vivamus viverra dui sollicitudin orci sagittis in gravida sem dictum.</p>
<p>Praesent pharetra dignissim ultrices. Cras congue scelerisque hendrerit. Nullam interdum tortor et mi tempus auctor. Nunc eget erat ante, at placerat justo.</p>
</div>
<div class="clear"></div> <!--break-->
</div>
<!-- end .container_16 -->
</div>
<!-- end #main -->
<div id="footer">
<div class="container_16">
<p>Website design, Copyright © 2010, <a href="http://www.gnu.org/licenses/gpl-3.0.html">GPLv3</a>, <a href="http://brettalton.com">Brett Alton</a>.</p>
<p>Website content, Copyright © 2010, <a href="http://creativecommons.org/licenses/by-sa/2.5/">Creative Commons Attribution Share-alike</a>, <a href="index.html">Your Project</a>.</p>
</div>
<!-- end .container_16 -->
</div>
<!-- end #footer -->
</body>
</html>