h2o 0.2 → 0.3.0
Sign up to get free protection for your applications and to get access to all the features.
- data/.autotest +11 -0
- data/.gitignore +1 -0
- data/.project +17 -0
- data/README.md +0 -0
- data/Rakefile +32 -0
- data/TODO.md +5 -0
- data/VERSION +1 -0
- data/benchmark/parser.rb +57 -0
- data/benchmark/source.html +4212 -0
- data/example/h2o/base.html +0 -1
- data/example/h2o/index.html +10 -0
- data/example/h2o/layout.html +11 -0
- data/example/request.html +0 -0
- data/example/server +1 -1
- data/h2o.gemspec +101 -41
- data/init.rb +1 -0
- data/lib/.DS_Store +0 -0
- data/lib/core_ext/object.rb +0 -0
- data/lib/h2o.rb +29 -39
- data/lib/h2o/constants.rb +2 -2
- data/lib/h2o/context.rb +3 -10
- data/lib/h2o/error.rb +9 -0
- data/lib/h2o/filters/default.rb +0 -0
- data/lib/h2o/nodes.rb +5 -1
- data/lib/h2o/tags.rb +1 -6
- data/lib/h2o/tags/block.rb +0 -30
- data/lib/h2o/tags/extends.rb +33 -0
- data/lib/h2o/tags/for.rb +7 -6
- data/lib/h2o/tags/with.rb +0 -0
- data/lib/h2o/template.rb +33 -0
- data/spec/fixtures/_partial.html +0 -0
- data/spec/fixtures/a.html +1 -0
- data/spec/fixtures/b.html +0 -0
- data/spec/fixtures/deep/folder/c.html +0 -0
- data/spec/h2o/context_spec.rb +134 -0
- data/spec/h2o/default.html +93 -0
- data/spec/h2o/file_loader_spec.rb +35 -0
- data/spec/h2o/filters_spec.rb +57 -0
- data/spec/h2o/parser_spec.rb +78 -0
- data/spec/h2o/tags/block_spec.rb +26 -0
- data/spec/h2o/tags/for_spec.rb +65 -0
- data/spec/h2o/tags/if_spec.rb +58 -0
- data/spec/spec.opts +4 -0
- data/spec/spec_helper.rb +24 -0
- metadata +81 -27
- data/lib/h2o/errors.rb +0 -7
- data/lib/h2o/tags/recurse.rb +0 -55
data/.autotest
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
module Autotest::RspecMod
|
|
2
|
+
Autotest.add_hook :initialize do |autotest|
|
|
3
|
+
# Map to all "*_spec.rb" files inside spec and its sub directory.
|
|
4
|
+
regexp = %r%^lib/(.*)\.rb$%
|
|
5
|
+
|
|
6
|
+
autotest.remove_mapping(regexp)
|
|
7
|
+
autotest.add_mapping(regexp) do |filename, m|
|
|
8
|
+
autotest.files_matching(%r%^spec/.*#{m[1]}_spec.rb$%)
|
|
9
|
+
end
|
|
10
|
+
end
|
|
11
|
+
end
|
data/.gitignore
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
*/.DS_STORE
|
data/.project
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<projectDescription>
|
|
3
|
+
<name>h2o-ruby</name>
|
|
4
|
+
<comment></comment>
|
|
5
|
+
<projects>
|
|
6
|
+
</projects>
|
|
7
|
+
<buildSpec>
|
|
8
|
+
<buildCommand>
|
|
9
|
+
<name>org.rubypeople.rdt.core.rubybuilder</name>
|
|
10
|
+
<arguments>
|
|
11
|
+
</arguments>
|
|
12
|
+
</buildCommand>
|
|
13
|
+
</buildSpec>
|
|
14
|
+
<natures>
|
|
15
|
+
<nature>org.rubypeople.rdt.core.rubynature</nature>
|
|
16
|
+
</natures>
|
|
17
|
+
</projectDescription>
|
data/README.md
CHANGED
|
File without changes
|
data/Rakefile
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
begin
|
|
2
|
+
require 'spec/rake/spectask'
|
|
3
|
+
rescue LoadError
|
|
4
|
+
puts 'To use rspec for testing you must install rspec gem:'
|
|
5
|
+
puts '$ sudo gem install rspec'
|
|
6
|
+
exit
|
|
7
|
+
end
|
|
8
|
+
|
|
9
|
+
begin
|
|
10
|
+
require 'jeweler'
|
|
11
|
+
Jeweler::Tasks.new do |s|
|
|
12
|
+
s.name = "h2o"
|
|
13
|
+
s.summary = "h2o is a django inspired template"
|
|
14
|
+
s.description = "h2o is a django inspired template that offers natural template syntax and easy to integrate."
|
|
15
|
+
s.email = "subjective@gmail.com"
|
|
16
|
+
s.homepage = "http://www.h2o-template.org"
|
|
17
|
+
s.authors = ["Taylor luk"]
|
|
18
|
+
s.add_dependency 'schacon-git'
|
|
19
|
+
|
|
20
|
+
end
|
|
21
|
+
rescue LoadError
|
|
22
|
+
puts "Jeweler not available. Install it with: gem install jeweler"
|
|
23
|
+
end
|
|
24
|
+
|
|
25
|
+
desc "Run the specs under spec"
|
|
26
|
+
Spec::Rake::SpecTask.new do |t|
|
|
27
|
+
t.spec_opts = ['--options', "spec/spec.opts"]
|
|
28
|
+
t.spec_files = FileList['spec/**/*_spec.rb']
|
|
29
|
+
end
|
|
30
|
+
|
|
31
|
+
desc "Default task is to run specs"
|
|
32
|
+
task :default => :spec
|
data/TODO.md
ADDED
data/VERSION
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
0.3.0
|
data/benchmark/parser.rb
ADDED
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
require 'rubygems'
|
|
2
|
+
require 'benchmark'
|
|
3
|
+
require File.dirname(__FILE__)+'/../lib/h2o'
|
|
4
|
+
require 'stringio'
|
|
5
|
+
require 'pp'
|
|
6
|
+
require 'strscan'
|
|
7
|
+
|
|
8
|
+
ParseRegex = /
|
|
9
|
+
(.*?)(?:
|
|
10
|
+
#{Regexp.escape(H2o::BLOCK_START)} (.*?)
|
|
11
|
+
#{Regexp.escape(H2o::BLOCK_END)} |
|
|
12
|
+
#{Regexp.escape(H2o::VAR_START)} (.*?)
|
|
13
|
+
#{Regexp.escape(H2o::VAR_END)} |
|
|
14
|
+
#{Regexp.escape(H2o::COMMENT_START)} (.*?)
|
|
15
|
+
#{Regexp.escape(H2o::COMMENT_END)} | (.*?)
|
|
16
|
+
)(?:\r?\n)?
|
|
17
|
+
/xm
|
|
18
|
+
|
|
19
|
+
ParseRegex2 = /\G
|
|
20
|
+
(.*?)(?:
|
|
21
|
+
#{Regexp.escape(H2o::BLOCK_START)} (.*?)
|
|
22
|
+
#{Regexp.escape(H2o::BLOCK_END)} |
|
|
23
|
+
#{Regexp.escape(H2o::VAR_START)} (.*?)
|
|
24
|
+
#{Regexp.escape(H2o::VAR_END)} |
|
|
25
|
+
#{Regexp.escape(H2o::COMMENT_START)} (.*?)
|
|
26
|
+
#{Regexp.escape(H2o::COMMENT_END)}
|
|
27
|
+
) (?:\r?\n)?
|
|
28
|
+
/xm
|
|
29
|
+
|
|
30
|
+
ParseRegex3 = /(.*?) (?:\{\{ (.*?) \}\}|.*?|\{(?:% (.*?) %|\* (.*?) \*)\}) (?:\r?\n)? /mx
|
|
31
|
+
|
|
32
|
+
ParseRegex4 = /\G (?:\{\{ .*? \}\}|.*?|\{(?:% .*? %|\* .*? \*)\}) \r?\n /mx
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
file = File.read(File.dirname(__FILE__)+'/../benchmark/source.html')
|
|
36
|
+
|
|
37
|
+
pp ParseRegex
|
|
38
|
+
|
|
39
|
+
Benchmark.bm do|b|
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
b.report('String#scan :') do
|
|
43
|
+
file.scan(ParseRegex)
|
|
44
|
+
end
|
|
45
|
+
|
|
46
|
+
b.report('String#scan - with \G :') do
|
|
47
|
+
file.scan(ParseRegex2)
|
|
48
|
+
end
|
|
49
|
+
|
|
50
|
+
b.report('String#scan - optimized :') do
|
|
51
|
+
file.scan(ParseRegex3)
|
|
52
|
+
end
|
|
53
|
+
|
|
54
|
+
b.report('String#scan - optimized with \G :') do
|
|
55
|
+
file.scan(ParseRegex4)
|
|
56
|
+
end
|
|
57
|
+
end
|
|
@@ -0,0 +1,4212 @@
|
|
|
1
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
2
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
3
|
+
<head>
|
|
4
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
5
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
6
|
+
<title>Iconic | Landing Page</title>
|
|
7
|
+
|
|
8
|
+
{{ content_for_layout }}
|
|
9
|
+
<!--[if IE 6]>
|
|
10
|
+
|
|
11
|
+
</head>
|
|
12
|
+
<body>
|
|
13
|
+
<div class="frame">
|
|
14
|
+
<div id="header">
|
|
15
|
+
<div class="shell">
|
|
16
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
17
|
+
<div id="right-area">
|
|
18
|
+
<div id="navigation">
|
|
19
|
+
<ul>
|
|
20
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
21
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
22
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
23
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
24
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
25
|
+
<li id="login-nav"></li>
|
|
26
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
27
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
28
|
+
</ul>
|
|
29
|
+
</div>
|
|
30
|
+
|
|
31
|
+
<div class="cl"> </div>
|
|
32
|
+
<div class="slogan">
|
|
33
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
34
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
<div class="cl"> </div>
|
|
38
|
+
</div>
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
<div id="content">
|
|
42
|
+
<div class="heading">
|
|
43
|
+
<div class="shell">
|
|
44
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
45
|
+
<div class="buttons">
|
|
46
|
+
<a href="#">Sign up now</a>
|
|
47
|
+
<a href="#" class="last">Learn more</a>
|
|
48
|
+
</div>
|
|
49
|
+
</div>
|
|
50
|
+
</div>
|
|
51
|
+
<div class="shell">
|
|
52
|
+
<div id="main">
|
|
53
|
+
<div class="article">
|
|
54
|
+
<h3>What Do We Do?</h3>
|
|
55
|
+
<h4>This is a Headline!</h4>
|
|
56
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
57
|
+
<h4>Here’s Another One</h4>
|
|
58
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
59
|
+
<h4>The Knockout Punch</h4>
|
|
60
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
61
|
+
</div>
|
|
62
|
+
<div class="rightside">
|
|
63
|
+
|
|
64
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
65
|
+
<h3>from the blog</h3>
|
|
66
|
+
<div class="post">
|
|
67
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
68
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
69
|
+
</div>
|
|
70
|
+
<div class="post">
|
|
71
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
72
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
73
|
+
</div>
|
|
74
|
+
<div class="post">
|
|
75
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
76
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
77
|
+
</div>
|
|
78
|
+
<div class="post no-border">
|
|
79
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
80
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
81
|
+
</div>
|
|
82
|
+
</div></div></div>
|
|
83
|
+
</div>
|
|
84
|
+
<div class="cl"> </div>
|
|
85
|
+
</div>
|
|
86
|
+
<div class="bottom-part">
|
|
87
|
+
<div class="box-holder">
|
|
88
|
+
<div class="top-side">
|
|
89
|
+
<div class="btm-side">
|
|
90
|
+
|
|
91
|
+
<div class="box first">
|
|
92
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
93
|
+
<div class="link">
|
|
94
|
+
<a href="#" class="arr"> </a>
|
|
95
|
+
<p>Envato Mothership Site</p>
|
|
96
|
+
</div>
|
|
97
|
+
</div>
|
|
98
|
+
<div class="box">
|
|
99
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
100
|
+
<div class="link">
|
|
101
|
+
<a href="#" class="arr"> </a>
|
|
102
|
+
<p>PSDTUTS Redesign</p>
|
|
103
|
+
</div>
|
|
104
|
+
</div>
|
|
105
|
+
<div class="box last">
|
|
106
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
107
|
+
</div>
|
|
108
|
+
<div class="cl"> </div>
|
|
109
|
+
</div>
|
|
110
|
+
<div class="cl"> </div>
|
|
111
|
+
</div>
|
|
112
|
+
</div>
|
|
113
|
+
</div>
|
|
114
|
+
</div>
|
|
115
|
+
</div>
|
|
116
|
+
</body>
|
|
117
|
+
</html>
|
|
118
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
119
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
120
|
+
<head>
|
|
121
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
122
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
123
|
+
<title>Iconic | Landing Page</title>
|
|
124
|
+
|
|
125
|
+
{{ content_for_layout }}
|
|
126
|
+
<!--[if IE 6]>
|
|
127
|
+
|
|
128
|
+
</head>
|
|
129
|
+
<body>
|
|
130
|
+
<div class="frame">
|
|
131
|
+
<div id="header">
|
|
132
|
+
<div class="shell">
|
|
133
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
134
|
+
<div id="right-area">
|
|
135
|
+
<div id="navigation">
|
|
136
|
+
<ul>
|
|
137
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
138
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
139
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
140
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
141
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
142
|
+
<li id="login-nav"></li>
|
|
143
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
144
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
145
|
+
</ul>
|
|
146
|
+
</div>
|
|
147
|
+
|
|
148
|
+
<div class="cl"> </div>
|
|
149
|
+
<div class="slogan">
|
|
150
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
151
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
152
|
+
</div>
|
|
153
|
+
</div>
|
|
154
|
+
<div class="cl"> </div>
|
|
155
|
+
</div>
|
|
156
|
+
</div>
|
|
157
|
+
</div>
|
|
158
|
+
<div id="content">
|
|
159
|
+
<div class="heading">
|
|
160
|
+
<div class="shell">
|
|
161
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
162
|
+
<div class="buttons">
|
|
163
|
+
<a href="#">Sign up now</a>
|
|
164
|
+
<a href="#" class="last">Learn more</a>
|
|
165
|
+
</div>
|
|
166
|
+
</div>
|
|
167
|
+
</div>
|
|
168
|
+
<div class="shell">
|
|
169
|
+
<div id="main">
|
|
170
|
+
<div class="article">
|
|
171
|
+
<h3>What Do We Do?</h3>
|
|
172
|
+
<h4>This is a Headline!</h4>
|
|
173
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
174
|
+
<h4>Here’s Another One</h4>
|
|
175
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
176
|
+
<h4>The Knockout Punch</h4>
|
|
177
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
178
|
+
</div>
|
|
179
|
+
<div class="rightside">
|
|
180
|
+
|
|
181
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
182
|
+
<h3>from the blog</h3>
|
|
183
|
+
<div class="post">
|
|
184
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
185
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
186
|
+
</div>
|
|
187
|
+
<div class="post">
|
|
188
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
189
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
190
|
+
</div>
|
|
191
|
+
<div class="post">
|
|
192
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
193
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
194
|
+
</div>
|
|
195
|
+
<div class="post no-border">
|
|
196
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
197
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
198
|
+
</div>
|
|
199
|
+
</div></div></div>
|
|
200
|
+
</div>
|
|
201
|
+
<div class="cl"> </div>
|
|
202
|
+
</div>
|
|
203
|
+
<div class="bottom-part">
|
|
204
|
+
<div class="box-holder">
|
|
205
|
+
<div class="top-side">
|
|
206
|
+
<div class="btm-side">
|
|
207
|
+
|
|
208
|
+
<div class="box first">
|
|
209
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
210
|
+
<div class="link">
|
|
211
|
+
<a href="#" class="arr"> </a>
|
|
212
|
+
<p>Envato Mothership Site</p>
|
|
213
|
+
</div>
|
|
214
|
+
</div>
|
|
215
|
+
<div class="box">
|
|
216
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
217
|
+
<div class="link">
|
|
218
|
+
<a href="#" class="arr"> </a>
|
|
219
|
+
<p>PSDTUTS Redesign</p>
|
|
220
|
+
</div>
|
|
221
|
+
</div>
|
|
222
|
+
<div class="box last">
|
|
223
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
224
|
+
</div>
|
|
225
|
+
<div class="cl"> </div>
|
|
226
|
+
</div>
|
|
227
|
+
<div class="cl"> </div>
|
|
228
|
+
</div>
|
|
229
|
+
</div>
|
|
230
|
+
</div>
|
|
231
|
+
</div>
|
|
232
|
+
</div>
|
|
233
|
+
</body>
|
|
234
|
+
</html>
|
|
235
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
236
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
237
|
+
<head>
|
|
238
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
239
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
240
|
+
<title>Iconic | Landing Page</title>
|
|
241
|
+
|
|
242
|
+
{{ content_for_layout }}
|
|
243
|
+
<!--[if IE 6]>
|
|
244
|
+
|
|
245
|
+
</head>
|
|
246
|
+
<body>
|
|
247
|
+
<div class="frame">
|
|
248
|
+
<div id="header">
|
|
249
|
+
<div class="shell">
|
|
250
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
251
|
+
<div id="right-area">
|
|
252
|
+
<div id="navigation">
|
|
253
|
+
<ul>
|
|
254
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
255
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
256
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
257
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
258
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
259
|
+
<li id="login-nav"></li>
|
|
260
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
261
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
262
|
+
</ul>
|
|
263
|
+
</div>
|
|
264
|
+
|
|
265
|
+
<div class="cl"> </div>
|
|
266
|
+
<div class="slogan">
|
|
267
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
268
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
269
|
+
</div>
|
|
270
|
+
</div>
|
|
271
|
+
<div class="cl"> </div>
|
|
272
|
+
</div>
|
|
273
|
+
</div>
|
|
274
|
+
</div>
|
|
275
|
+
<div id="content">
|
|
276
|
+
<div class="heading">
|
|
277
|
+
<div class="shell">
|
|
278
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
279
|
+
<div class="buttons">
|
|
280
|
+
<a href="#">Sign up now</a>
|
|
281
|
+
<a href="#" class="last">Learn more</a>
|
|
282
|
+
</div>
|
|
283
|
+
</div>
|
|
284
|
+
</div>
|
|
285
|
+
<div class="shell">
|
|
286
|
+
<div id="main">
|
|
287
|
+
<div class="article">
|
|
288
|
+
<h3>What Do We Do?</h3>
|
|
289
|
+
<h4>This is a Headline!</h4>
|
|
290
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
291
|
+
<h4>Here’s Another One</h4>
|
|
292
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
293
|
+
<h4>The Knockout Punch</h4>
|
|
294
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
295
|
+
</div>
|
|
296
|
+
<div class="rightside">
|
|
297
|
+
|
|
298
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
299
|
+
<h3>from the blog</h3>
|
|
300
|
+
<div class="post">
|
|
301
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
302
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
303
|
+
</div>
|
|
304
|
+
<div class="post">
|
|
305
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
306
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
307
|
+
</div>
|
|
308
|
+
<div class="post">
|
|
309
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
310
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
311
|
+
</div>
|
|
312
|
+
<div class="post no-border">
|
|
313
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
314
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
315
|
+
</div>
|
|
316
|
+
</div></div></div>
|
|
317
|
+
</div>
|
|
318
|
+
<div class="cl"> </div>
|
|
319
|
+
</div>
|
|
320
|
+
<div class="bottom-part">
|
|
321
|
+
<div class="box-holder">
|
|
322
|
+
<div class="top-side">
|
|
323
|
+
<div class="btm-side">
|
|
324
|
+
|
|
325
|
+
<div class="box first">
|
|
326
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
327
|
+
<div class="link">
|
|
328
|
+
<a href="#" class="arr"> </a>
|
|
329
|
+
<p>Envato Mothership Site</p>
|
|
330
|
+
</div>
|
|
331
|
+
</div>
|
|
332
|
+
<div class="box">
|
|
333
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
334
|
+
<div class="link">
|
|
335
|
+
<a href="#" class="arr"> </a>
|
|
336
|
+
<p>PSDTUTS Redesign</p>
|
|
337
|
+
</div>
|
|
338
|
+
</div>
|
|
339
|
+
<div class="box last">
|
|
340
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
341
|
+
</div>
|
|
342
|
+
<div class="cl"> </div>
|
|
343
|
+
</div>
|
|
344
|
+
<div class="cl"> </div>
|
|
345
|
+
</div>
|
|
346
|
+
</div>
|
|
347
|
+
</div>
|
|
348
|
+
</div>
|
|
349
|
+
</div>
|
|
350
|
+
</body>
|
|
351
|
+
</html>
|
|
352
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
353
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
354
|
+
<head>
|
|
355
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
356
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
357
|
+
<title>Iconic | Landing Page</title>
|
|
358
|
+
|
|
359
|
+
{{ content_for_layout }}
|
|
360
|
+
<!--[if IE 6]>
|
|
361
|
+
|
|
362
|
+
</head>
|
|
363
|
+
<body>
|
|
364
|
+
<div class="frame">
|
|
365
|
+
<div id="header">
|
|
366
|
+
<div class="shell">
|
|
367
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
368
|
+
<div id="right-area">
|
|
369
|
+
<div id="navigation">
|
|
370
|
+
<ul>
|
|
371
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
372
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
373
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
374
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
375
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
376
|
+
<li id="login-nav"></li>
|
|
377
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
378
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
379
|
+
</ul>
|
|
380
|
+
</div>
|
|
381
|
+
|
|
382
|
+
<div class="cl"> </div>
|
|
383
|
+
<div class="slogan">
|
|
384
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
385
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
386
|
+
</div>
|
|
387
|
+
</div>
|
|
388
|
+
<div class="cl"> </div>
|
|
389
|
+
</div>
|
|
390
|
+
</div>
|
|
391
|
+
</div>
|
|
392
|
+
<div id="content">
|
|
393
|
+
<div class="heading">
|
|
394
|
+
<div class="shell">
|
|
395
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
396
|
+
<div class="buttons">
|
|
397
|
+
<a href="#">Sign up now</a>
|
|
398
|
+
<a href="#" class="last">Learn more</a>
|
|
399
|
+
</div>
|
|
400
|
+
</div>
|
|
401
|
+
</div>
|
|
402
|
+
<div class="shell">
|
|
403
|
+
<div id="main">
|
|
404
|
+
<div class="article">
|
|
405
|
+
<h3>What Do We Do?</h3>
|
|
406
|
+
<h4>This is a Headline!</h4>
|
|
407
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
408
|
+
<h4>Here’s Another One</h4>
|
|
409
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
410
|
+
<h4>The Knockout Punch</h4>
|
|
411
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
412
|
+
</div>
|
|
413
|
+
<div class="rightside">
|
|
414
|
+
|
|
415
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
416
|
+
<h3>from the blog</h3>
|
|
417
|
+
<div class="post">
|
|
418
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
419
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
420
|
+
</div>
|
|
421
|
+
<div class="post">
|
|
422
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
423
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
424
|
+
</div>
|
|
425
|
+
<div class="post">
|
|
426
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
427
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
428
|
+
</div>
|
|
429
|
+
<div class="post no-border">
|
|
430
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
431
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
432
|
+
</div>
|
|
433
|
+
</div></div></div>
|
|
434
|
+
</div>
|
|
435
|
+
<div class="cl"> </div>
|
|
436
|
+
</div>
|
|
437
|
+
<div class="bottom-part">
|
|
438
|
+
<div class="box-holder">
|
|
439
|
+
<div class="top-side">
|
|
440
|
+
<div class="btm-side">
|
|
441
|
+
|
|
442
|
+
<div class="box first">
|
|
443
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
444
|
+
<div class="link">
|
|
445
|
+
<a href="#" class="arr"> </a>
|
|
446
|
+
<p>Envato Mothership Site</p>
|
|
447
|
+
</div>
|
|
448
|
+
</div>
|
|
449
|
+
<div class="box">
|
|
450
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
451
|
+
<div class="link">
|
|
452
|
+
<a href="#" class="arr"> </a>
|
|
453
|
+
<p>PSDTUTS Redesign</p>
|
|
454
|
+
</div>
|
|
455
|
+
</div>
|
|
456
|
+
<div class="box last">
|
|
457
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
458
|
+
</div>
|
|
459
|
+
<div class="cl"> </div>
|
|
460
|
+
</div>
|
|
461
|
+
<div class="cl"> </div>
|
|
462
|
+
</div>
|
|
463
|
+
</div>
|
|
464
|
+
</div>
|
|
465
|
+
</div>
|
|
466
|
+
</div>
|
|
467
|
+
</body>
|
|
468
|
+
</html>
|
|
469
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
470
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
471
|
+
<head>
|
|
472
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
473
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
474
|
+
<title>Iconic | Landing Page</title>
|
|
475
|
+
|
|
476
|
+
{{ content_for_layout }}
|
|
477
|
+
<!--[if IE 6]>
|
|
478
|
+
|
|
479
|
+
</head>
|
|
480
|
+
<body>
|
|
481
|
+
<div class="frame">
|
|
482
|
+
<div id="header">
|
|
483
|
+
<div class="shell">
|
|
484
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
485
|
+
<div id="right-area">
|
|
486
|
+
<div id="navigation">
|
|
487
|
+
<ul>
|
|
488
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
489
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
490
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
491
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
492
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
493
|
+
<li id="login-nav"></li>
|
|
494
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
495
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
496
|
+
</ul>
|
|
497
|
+
</div>
|
|
498
|
+
|
|
499
|
+
<div class="cl"> </div>
|
|
500
|
+
<div class="slogan">
|
|
501
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
502
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
503
|
+
</div>
|
|
504
|
+
</div>
|
|
505
|
+
<div class="cl"> </div>
|
|
506
|
+
</div>
|
|
507
|
+
</div>
|
|
508
|
+
</div>
|
|
509
|
+
<div id="content">
|
|
510
|
+
<div class="heading">
|
|
511
|
+
<div class="shell">
|
|
512
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
513
|
+
<div class="buttons">
|
|
514
|
+
<a href="#">Sign up now</a>
|
|
515
|
+
<a href="#" class="last">Learn more</a>
|
|
516
|
+
</div>
|
|
517
|
+
</div>
|
|
518
|
+
</div>
|
|
519
|
+
<div class="shell">
|
|
520
|
+
<div id="main">
|
|
521
|
+
<div class="article">
|
|
522
|
+
<h3>What Do We Do?</h3>
|
|
523
|
+
<h4>This is a Headline!</h4>
|
|
524
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
525
|
+
<h4>Here’s Another One</h4>
|
|
526
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
527
|
+
<h4>The Knockout Punch</h4>
|
|
528
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
529
|
+
</div>
|
|
530
|
+
<div class="rightside">
|
|
531
|
+
|
|
532
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
533
|
+
<h3>from the blog</h3>
|
|
534
|
+
<div class="post">
|
|
535
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
536
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
537
|
+
</div>
|
|
538
|
+
<div class="post">
|
|
539
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
540
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
541
|
+
</div>
|
|
542
|
+
<div class="post">
|
|
543
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
544
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
545
|
+
</div>
|
|
546
|
+
<div class="post no-border">
|
|
547
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
548
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
549
|
+
</div>
|
|
550
|
+
</div></div></div>
|
|
551
|
+
</div>
|
|
552
|
+
<div class="cl"> </div>
|
|
553
|
+
</div>
|
|
554
|
+
<div class="bottom-part">
|
|
555
|
+
<div class="box-holder">
|
|
556
|
+
<div class="top-side">
|
|
557
|
+
<div class="btm-side">
|
|
558
|
+
|
|
559
|
+
<div class="box first">
|
|
560
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
561
|
+
<div class="link">
|
|
562
|
+
<a href="#" class="arr"> </a>
|
|
563
|
+
<p>Envato Mothership Site</p>
|
|
564
|
+
</div>
|
|
565
|
+
</div>
|
|
566
|
+
<div class="box">
|
|
567
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
568
|
+
<div class="link">
|
|
569
|
+
<a href="#" class="arr"> </a>
|
|
570
|
+
<p>PSDTUTS Redesign</p>
|
|
571
|
+
</div>
|
|
572
|
+
</div>
|
|
573
|
+
<div class="box last">
|
|
574
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
575
|
+
</div>
|
|
576
|
+
<div class="cl"> </div>
|
|
577
|
+
</div>
|
|
578
|
+
<div class="cl"> </div>
|
|
579
|
+
</div>
|
|
580
|
+
</div>
|
|
581
|
+
</div>
|
|
582
|
+
</div>
|
|
583
|
+
</div>
|
|
584
|
+
</body>
|
|
585
|
+
</html>
|
|
586
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
587
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
588
|
+
<head>
|
|
589
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
590
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
591
|
+
<title>Iconic | Landing Page</title>
|
|
592
|
+
|
|
593
|
+
{{ content_for_layout }}
|
|
594
|
+
<!--[if IE 6]>
|
|
595
|
+
|
|
596
|
+
</head>
|
|
597
|
+
<body>
|
|
598
|
+
<div class="frame">
|
|
599
|
+
<div id="header">
|
|
600
|
+
<div class="shell">
|
|
601
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
602
|
+
<div id="right-area">
|
|
603
|
+
<div id="navigation">
|
|
604
|
+
<ul>
|
|
605
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
606
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
607
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
608
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
609
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
610
|
+
<li id="login-nav"></li>
|
|
611
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
612
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
613
|
+
</ul>
|
|
614
|
+
</div>
|
|
615
|
+
|
|
616
|
+
<div class="cl"> </div>
|
|
617
|
+
<div class="slogan">
|
|
618
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
619
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
620
|
+
</div>
|
|
621
|
+
</div>
|
|
622
|
+
<div class="cl"> </div>
|
|
623
|
+
</div>
|
|
624
|
+
</div>
|
|
625
|
+
</div>
|
|
626
|
+
<div id="content">
|
|
627
|
+
<div class="heading">
|
|
628
|
+
<div class="shell">
|
|
629
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
630
|
+
<div class="buttons">
|
|
631
|
+
<a href="#">Sign up now</a>
|
|
632
|
+
<a href="#" class="last">Learn more</a>
|
|
633
|
+
</div>
|
|
634
|
+
</div>
|
|
635
|
+
</div>
|
|
636
|
+
<div class="shell">
|
|
637
|
+
<div id="main">
|
|
638
|
+
<div class="article">
|
|
639
|
+
<h3>What Do We Do?</h3>
|
|
640
|
+
<h4>This is a Headline!</h4>
|
|
641
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
642
|
+
<h4>Here’s Another One</h4>
|
|
643
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
644
|
+
<h4>The Knockout Punch</h4>
|
|
645
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
646
|
+
</div>
|
|
647
|
+
<div class="rightside">
|
|
648
|
+
|
|
649
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
650
|
+
<h3>from the blog</h3>
|
|
651
|
+
<div class="post">
|
|
652
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
653
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
654
|
+
</div>
|
|
655
|
+
<div class="post">
|
|
656
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
657
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
658
|
+
</div>
|
|
659
|
+
<div class="post">
|
|
660
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
661
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
662
|
+
</div>
|
|
663
|
+
<div class="post no-border">
|
|
664
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
665
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
666
|
+
</div>
|
|
667
|
+
</div></div></div>
|
|
668
|
+
</div>
|
|
669
|
+
<div class="cl"> </div>
|
|
670
|
+
</div>
|
|
671
|
+
<div class="bottom-part">
|
|
672
|
+
<div class="box-holder">
|
|
673
|
+
<div class="top-side">
|
|
674
|
+
<div class="btm-side">
|
|
675
|
+
|
|
676
|
+
<div class="box first">
|
|
677
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
678
|
+
<div class="link">
|
|
679
|
+
<a href="#" class="arr"> </a>
|
|
680
|
+
<p>Envato Mothership Site</p>
|
|
681
|
+
</div>
|
|
682
|
+
</div>
|
|
683
|
+
<div class="box">
|
|
684
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
685
|
+
<div class="link">
|
|
686
|
+
<a href="#" class="arr"> </a>
|
|
687
|
+
<p>PSDTUTS Redesign</p>
|
|
688
|
+
</div>
|
|
689
|
+
</div>
|
|
690
|
+
<div class="box last">
|
|
691
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
692
|
+
</div>
|
|
693
|
+
<div class="cl"> </div>
|
|
694
|
+
</div>
|
|
695
|
+
<div class="cl"> </div>
|
|
696
|
+
</div>
|
|
697
|
+
</div>
|
|
698
|
+
</div>
|
|
699
|
+
</div>
|
|
700
|
+
</div>
|
|
701
|
+
</body>
|
|
702
|
+
</html>
|
|
703
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
704
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
705
|
+
<head>
|
|
706
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
707
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
708
|
+
<title>Iconic | Landing Page</title>
|
|
709
|
+
|
|
710
|
+
{{ content_for_layout }}
|
|
711
|
+
<!--[if IE 6]>
|
|
712
|
+
|
|
713
|
+
</head>
|
|
714
|
+
<body>
|
|
715
|
+
<div class="frame">
|
|
716
|
+
<div id="header">
|
|
717
|
+
<div class="shell">
|
|
718
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
719
|
+
<div id="right-area">
|
|
720
|
+
<div id="navigation">
|
|
721
|
+
<ul>
|
|
722
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
723
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
724
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
725
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
726
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
727
|
+
<li id="login-nav"></li>
|
|
728
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
729
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
730
|
+
</ul>
|
|
731
|
+
</div>
|
|
732
|
+
|
|
733
|
+
<div class="cl"> </div>
|
|
734
|
+
<div class="slogan">
|
|
735
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
736
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
737
|
+
</div>
|
|
738
|
+
</div>
|
|
739
|
+
<div class="cl"> </div>
|
|
740
|
+
</div>
|
|
741
|
+
</div>
|
|
742
|
+
</div>
|
|
743
|
+
<div id="content">
|
|
744
|
+
<div class="heading">
|
|
745
|
+
<div class="shell">
|
|
746
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
747
|
+
<div class="buttons">
|
|
748
|
+
<a href="#">Sign up now</a>
|
|
749
|
+
<a href="#" class="last">Learn more</a>
|
|
750
|
+
</div>
|
|
751
|
+
</div>
|
|
752
|
+
</div>
|
|
753
|
+
<div class="shell">
|
|
754
|
+
<div id="main">
|
|
755
|
+
<div class="article">
|
|
756
|
+
<h3>What Do We Do?</h3>
|
|
757
|
+
<h4>This is a Headline!</h4>
|
|
758
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
759
|
+
<h4>Here’s Another One</h4>
|
|
760
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
761
|
+
<h4>The Knockout Punch</h4>
|
|
762
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
763
|
+
</div>
|
|
764
|
+
<div class="rightside">
|
|
765
|
+
|
|
766
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
767
|
+
<h3>from the blog</h3>
|
|
768
|
+
<div class="post">
|
|
769
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
770
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
771
|
+
</div>
|
|
772
|
+
<div class="post">
|
|
773
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
774
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
775
|
+
</div>
|
|
776
|
+
<div class="post">
|
|
777
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
778
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
779
|
+
</div>
|
|
780
|
+
<div class="post no-border">
|
|
781
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
782
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
783
|
+
</div>
|
|
784
|
+
</div></div></div>
|
|
785
|
+
</div>
|
|
786
|
+
<div class="cl"> </div>
|
|
787
|
+
</div>
|
|
788
|
+
<div class="bottom-part">
|
|
789
|
+
<div class="box-holder">
|
|
790
|
+
<div class="top-side">
|
|
791
|
+
<div class="btm-side">
|
|
792
|
+
|
|
793
|
+
<div class="box first">
|
|
794
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
795
|
+
<div class="link">
|
|
796
|
+
<a href="#" class="arr"> </a>
|
|
797
|
+
<p>Envato Mothership Site</p>
|
|
798
|
+
</div>
|
|
799
|
+
</div>
|
|
800
|
+
<div class="box">
|
|
801
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
802
|
+
<div class="link">
|
|
803
|
+
<a href="#" class="arr"> </a>
|
|
804
|
+
<p>PSDTUTS Redesign</p>
|
|
805
|
+
</div>
|
|
806
|
+
</div>
|
|
807
|
+
<div class="box last">
|
|
808
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
809
|
+
</div>
|
|
810
|
+
<div class="cl"> </div>
|
|
811
|
+
</div>
|
|
812
|
+
<div class="cl"> </div>
|
|
813
|
+
</div>
|
|
814
|
+
</div>
|
|
815
|
+
</div>
|
|
816
|
+
</div>
|
|
817
|
+
</div>
|
|
818
|
+
</body>
|
|
819
|
+
</html>
|
|
820
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
821
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
822
|
+
<head>
|
|
823
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
824
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
825
|
+
<title>Iconic | Landing Page</title>
|
|
826
|
+
|
|
827
|
+
{{ content_for_layout }}
|
|
828
|
+
<!--[if IE 6]>
|
|
829
|
+
|
|
830
|
+
</head>
|
|
831
|
+
<body>
|
|
832
|
+
<div class="frame">
|
|
833
|
+
<div id="header">
|
|
834
|
+
<div class="shell">
|
|
835
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
836
|
+
<div id="right-area">
|
|
837
|
+
<div id="navigation">
|
|
838
|
+
<ul>
|
|
839
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
840
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
841
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
842
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
843
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
844
|
+
<li id="login-nav"></li>
|
|
845
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
846
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
847
|
+
</ul>
|
|
848
|
+
</div>
|
|
849
|
+
|
|
850
|
+
<div class="cl"> </div>
|
|
851
|
+
<div class="slogan">
|
|
852
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
853
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
854
|
+
</div>
|
|
855
|
+
</div>
|
|
856
|
+
<div class="cl"> </div>
|
|
857
|
+
</div>
|
|
858
|
+
</div>
|
|
859
|
+
</div>
|
|
860
|
+
<div id="content">
|
|
861
|
+
<div class="heading">
|
|
862
|
+
<div class="shell">
|
|
863
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
864
|
+
<div class="buttons">
|
|
865
|
+
<a href="#">Sign up now</a>
|
|
866
|
+
<a href="#" class="last">Learn more</a>
|
|
867
|
+
</div>
|
|
868
|
+
</div>
|
|
869
|
+
</div>
|
|
870
|
+
<div class="shell">
|
|
871
|
+
<div id="main">
|
|
872
|
+
<div class="article">
|
|
873
|
+
<h3>What Do We Do?</h3>
|
|
874
|
+
<h4>This is a Headline!</h4>
|
|
875
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
876
|
+
<h4>Here’s Another One</h4>
|
|
877
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
878
|
+
<h4>The Knockout Punch</h4>
|
|
879
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
880
|
+
</div>
|
|
881
|
+
<div class="rightside">
|
|
882
|
+
|
|
883
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
884
|
+
<h3>from the blog</h3>
|
|
885
|
+
<div class="post">
|
|
886
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
887
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
888
|
+
</div>
|
|
889
|
+
<div class="post">
|
|
890
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
891
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
892
|
+
</div>
|
|
893
|
+
<div class="post">
|
|
894
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
895
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
896
|
+
</div>
|
|
897
|
+
<div class="post no-border">
|
|
898
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
899
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
900
|
+
</div>
|
|
901
|
+
</div></div></div>
|
|
902
|
+
</div>
|
|
903
|
+
<div class="cl"> </div>
|
|
904
|
+
</div>
|
|
905
|
+
<div class="bottom-part">
|
|
906
|
+
<div class="box-holder">
|
|
907
|
+
<div class="top-side">
|
|
908
|
+
<div class="btm-side">
|
|
909
|
+
|
|
910
|
+
<div class="box first">
|
|
911
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
912
|
+
<div class="link">
|
|
913
|
+
<a href="#" class="arr"> </a>
|
|
914
|
+
<p>Envato Mothership Site</p>
|
|
915
|
+
</div>
|
|
916
|
+
</div>
|
|
917
|
+
<div class="box">
|
|
918
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
919
|
+
<div class="link">
|
|
920
|
+
<a href="#" class="arr"> </a>
|
|
921
|
+
<p>PSDTUTS Redesign</p>
|
|
922
|
+
</div>
|
|
923
|
+
</div>
|
|
924
|
+
<div class="box last">
|
|
925
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
926
|
+
</div>
|
|
927
|
+
<div class="cl"> </div>
|
|
928
|
+
</div>
|
|
929
|
+
<div class="cl"> </div>
|
|
930
|
+
</div>
|
|
931
|
+
</div>
|
|
932
|
+
</div>
|
|
933
|
+
</div>
|
|
934
|
+
</div>
|
|
935
|
+
</body>
|
|
936
|
+
</html>
|
|
937
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
938
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
939
|
+
<head>
|
|
940
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
941
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
942
|
+
<title>Iconic | Landing Page</title>
|
|
943
|
+
|
|
944
|
+
{{ content_for_layout }}
|
|
945
|
+
<!--[if IE 6]>
|
|
946
|
+
|
|
947
|
+
</head>
|
|
948
|
+
<body>
|
|
949
|
+
<div class="frame">
|
|
950
|
+
<div id="header">
|
|
951
|
+
<div class="shell">
|
|
952
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
953
|
+
<div id="right-area">
|
|
954
|
+
<div id="navigation">
|
|
955
|
+
<ul>
|
|
956
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
957
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
958
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
959
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
960
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
961
|
+
<li id="login-nav"></li>
|
|
962
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
963
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
964
|
+
</ul>
|
|
965
|
+
</div>
|
|
966
|
+
|
|
967
|
+
<div class="cl"> </div>
|
|
968
|
+
<div class="slogan">
|
|
969
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
970
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
971
|
+
</div>
|
|
972
|
+
</div>
|
|
973
|
+
<div class="cl"> </div>
|
|
974
|
+
</div>
|
|
975
|
+
</div>
|
|
976
|
+
</div>
|
|
977
|
+
<div id="content">
|
|
978
|
+
<div class="heading">
|
|
979
|
+
<div class="shell">
|
|
980
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
981
|
+
<div class="buttons">
|
|
982
|
+
<a href="#">Sign up now</a>
|
|
983
|
+
<a href="#" class="last">Learn more</a>
|
|
984
|
+
</div>
|
|
985
|
+
</div>
|
|
986
|
+
</div>
|
|
987
|
+
<div class="shell">
|
|
988
|
+
<div id="main">
|
|
989
|
+
<div class="article">
|
|
990
|
+
<h3>What Do We Do?</h3>
|
|
991
|
+
<h4>This is a Headline!</h4>
|
|
992
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
993
|
+
<h4>Here’s Another One</h4>
|
|
994
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
995
|
+
<h4>The Knockout Punch</h4>
|
|
996
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
997
|
+
</div>
|
|
998
|
+
<div class="rightside">
|
|
999
|
+
|
|
1000
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
1001
|
+
<h3>from the blog</h3>
|
|
1002
|
+
<div class="post">
|
|
1003
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
1004
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
1005
|
+
</div>
|
|
1006
|
+
<div class="post">
|
|
1007
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
1008
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
1009
|
+
</div>
|
|
1010
|
+
<div class="post">
|
|
1011
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
1012
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
1013
|
+
</div>
|
|
1014
|
+
<div class="post no-border">
|
|
1015
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
1016
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
1017
|
+
</div>
|
|
1018
|
+
</div></div></div>
|
|
1019
|
+
</div>
|
|
1020
|
+
<div class="cl"> </div>
|
|
1021
|
+
</div>
|
|
1022
|
+
<div class="bottom-part">
|
|
1023
|
+
<div class="box-holder">
|
|
1024
|
+
<div class="top-side">
|
|
1025
|
+
<div class="btm-side">
|
|
1026
|
+
|
|
1027
|
+
<div class="box first">
|
|
1028
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
1029
|
+
<div class="link">
|
|
1030
|
+
<a href="#" class="arr"> </a>
|
|
1031
|
+
<p>Envato Mothership Site</p>
|
|
1032
|
+
</div>
|
|
1033
|
+
</div>
|
|
1034
|
+
<div class="box">
|
|
1035
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
1036
|
+
<div class="link">
|
|
1037
|
+
<a href="#" class="arr"> </a>
|
|
1038
|
+
<p>PSDTUTS Redesign</p>
|
|
1039
|
+
</div>
|
|
1040
|
+
</div>
|
|
1041
|
+
<div class="box last">
|
|
1042
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
1043
|
+
</div>
|
|
1044
|
+
<div class="cl"> </div>
|
|
1045
|
+
</div>
|
|
1046
|
+
<div class="cl"> </div>
|
|
1047
|
+
</div>
|
|
1048
|
+
</div>
|
|
1049
|
+
</div>
|
|
1050
|
+
</div>
|
|
1051
|
+
</div>
|
|
1052
|
+
</body>
|
|
1053
|
+
</html>
|
|
1054
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
1055
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
1056
|
+
<head>
|
|
1057
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
1058
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
1059
|
+
<title>Iconic | Landing Page</title>
|
|
1060
|
+
|
|
1061
|
+
{{ content_for_layout }}
|
|
1062
|
+
<!--[if IE 6]>
|
|
1063
|
+
|
|
1064
|
+
</head>
|
|
1065
|
+
<body>
|
|
1066
|
+
<div class="frame">
|
|
1067
|
+
<div id="header">
|
|
1068
|
+
<div class="shell">
|
|
1069
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
1070
|
+
<div id="right-area">
|
|
1071
|
+
<div id="navigation">
|
|
1072
|
+
<ul>
|
|
1073
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
1074
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
1075
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
1076
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
1077
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
1078
|
+
<li id="login-nav"></li>
|
|
1079
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
1080
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
1081
|
+
</ul>
|
|
1082
|
+
</div>
|
|
1083
|
+
|
|
1084
|
+
<div class="cl"> </div>
|
|
1085
|
+
<div class="slogan">
|
|
1086
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
1087
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
1088
|
+
</div>
|
|
1089
|
+
</div>
|
|
1090
|
+
<div class="cl"> </div>
|
|
1091
|
+
</div>
|
|
1092
|
+
</div>
|
|
1093
|
+
</div>
|
|
1094
|
+
<div id="content">
|
|
1095
|
+
<div class="heading">
|
|
1096
|
+
<div class="shell">
|
|
1097
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
1098
|
+
<div class="buttons">
|
|
1099
|
+
<a href="#">Sign up now</a>
|
|
1100
|
+
<a href="#" class="last">Learn more</a>
|
|
1101
|
+
</div>
|
|
1102
|
+
</div>
|
|
1103
|
+
</div>
|
|
1104
|
+
<div class="shell">
|
|
1105
|
+
<div id="main">
|
|
1106
|
+
<div class="article">
|
|
1107
|
+
<h3>What Do We Do?</h3>
|
|
1108
|
+
<h4>This is a Headline!</h4>
|
|
1109
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
1110
|
+
<h4>Here’s Another One</h4>
|
|
1111
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
1112
|
+
<h4>The Knockout Punch</h4>
|
|
1113
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
1114
|
+
</div>
|
|
1115
|
+
<div class="rightside">
|
|
1116
|
+
|
|
1117
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
1118
|
+
<h3>from the blog</h3>
|
|
1119
|
+
<div class="post">
|
|
1120
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
1121
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
1122
|
+
</div>
|
|
1123
|
+
<div class="post">
|
|
1124
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
1125
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
1126
|
+
</div>
|
|
1127
|
+
<div class="post">
|
|
1128
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
1129
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
1130
|
+
</div>
|
|
1131
|
+
<div class="post no-border">
|
|
1132
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
1133
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
1134
|
+
</div>
|
|
1135
|
+
</div></div></div>
|
|
1136
|
+
</div>
|
|
1137
|
+
<div class="cl"> </div>
|
|
1138
|
+
</div>
|
|
1139
|
+
<div class="bottom-part">
|
|
1140
|
+
<div class="box-holder">
|
|
1141
|
+
<div class="top-side">
|
|
1142
|
+
<div class="btm-side">
|
|
1143
|
+
|
|
1144
|
+
<div class="box first">
|
|
1145
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
1146
|
+
<div class="link">
|
|
1147
|
+
<a href="#" class="arr"> </a>
|
|
1148
|
+
<p>Envato Mothership Site</p>
|
|
1149
|
+
</div>
|
|
1150
|
+
</div>
|
|
1151
|
+
<div class="box">
|
|
1152
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
1153
|
+
<div class="link">
|
|
1154
|
+
<a href="#" class="arr"> </a>
|
|
1155
|
+
<p>PSDTUTS Redesign</p>
|
|
1156
|
+
</div>
|
|
1157
|
+
</div>
|
|
1158
|
+
<div class="box last">
|
|
1159
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
1160
|
+
</div>
|
|
1161
|
+
<div class="cl"> </div>
|
|
1162
|
+
</div>
|
|
1163
|
+
<div class="cl"> </div>
|
|
1164
|
+
</div>
|
|
1165
|
+
</div>
|
|
1166
|
+
</div>
|
|
1167
|
+
</div>
|
|
1168
|
+
</div>
|
|
1169
|
+
</body>
|
|
1170
|
+
</html>
|
|
1171
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
1172
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
1173
|
+
<head>
|
|
1174
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
1175
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
1176
|
+
<title>Iconic | Landing Page</title>
|
|
1177
|
+
|
|
1178
|
+
{{ content_for_layout }}
|
|
1179
|
+
<!--[if IE 6]>
|
|
1180
|
+
|
|
1181
|
+
</head>
|
|
1182
|
+
<body>
|
|
1183
|
+
<div class="frame">
|
|
1184
|
+
<div id="header">
|
|
1185
|
+
<div class="shell">
|
|
1186
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
1187
|
+
<div id="right-area">
|
|
1188
|
+
<div id="navigation">
|
|
1189
|
+
<ul>
|
|
1190
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
1191
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
1192
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
1193
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
1194
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
1195
|
+
<li id="login-nav"></li>
|
|
1196
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
1197
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
1198
|
+
</ul>
|
|
1199
|
+
</div>
|
|
1200
|
+
|
|
1201
|
+
<div class="cl"> </div>
|
|
1202
|
+
<div class="slogan">
|
|
1203
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
1204
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
1205
|
+
</div>
|
|
1206
|
+
</div>
|
|
1207
|
+
<div class="cl"> </div>
|
|
1208
|
+
</div>
|
|
1209
|
+
</div>
|
|
1210
|
+
</div>
|
|
1211
|
+
<div id="content">
|
|
1212
|
+
<div class="heading">
|
|
1213
|
+
<div class="shell">
|
|
1214
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
1215
|
+
<div class="buttons">
|
|
1216
|
+
<a href="#">Sign up now</a>
|
|
1217
|
+
<a href="#" class="last">Learn more</a>
|
|
1218
|
+
</div>
|
|
1219
|
+
</div>
|
|
1220
|
+
</div>
|
|
1221
|
+
<div class="shell">
|
|
1222
|
+
<div id="main">
|
|
1223
|
+
<div class="article">
|
|
1224
|
+
<h3>What Do We Do?</h3>
|
|
1225
|
+
<h4>This is a Headline!</h4>
|
|
1226
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
1227
|
+
<h4>Here’s Another One</h4>
|
|
1228
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
1229
|
+
<h4>The Knockout Punch</h4>
|
|
1230
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
1231
|
+
</div>
|
|
1232
|
+
<div class="rightside">
|
|
1233
|
+
|
|
1234
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
1235
|
+
<h3>from the blog</h3>
|
|
1236
|
+
<div class="post">
|
|
1237
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
1238
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
1239
|
+
</div>
|
|
1240
|
+
<div class="post">
|
|
1241
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
1242
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
1243
|
+
</div>
|
|
1244
|
+
<div class="post">
|
|
1245
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
1246
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
1247
|
+
</div>
|
|
1248
|
+
<div class="post no-border">
|
|
1249
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
1250
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
1251
|
+
</div>
|
|
1252
|
+
</div></div></div>
|
|
1253
|
+
</div>
|
|
1254
|
+
<div class="cl"> </div>
|
|
1255
|
+
</div>
|
|
1256
|
+
<div class="bottom-part">
|
|
1257
|
+
<div class="box-holder">
|
|
1258
|
+
<div class="top-side">
|
|
1259
|
+
<div class="btm-side">
|
|
1260
|
+
|
|
1261
|
+
<div class="box first">
|
|
1262
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
1263
|
+
<div class="link">
|
|
1264
|
+
<a href="#" class="arr"> </a>
|
|
1265
|
+
<p>Envato Mothership Site</p>
|
|
1266
|
+
</div>
|
|
1267
|
+
</div>
|
|
1268
|
+
<div class="box">
|
|
1269
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
1270
|
+
<div class="link">
|
|
1271
|
+
<a href="#" class="arr"> </a>
|
|
1272
|
+
<p>PSDTUTS Redesign</p>
|
|
1273
|
+
</div>
|
|
1274
|
+
</div>
|
|
1275
|
+
<div class="box last">
|
|
1276
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
1277
|
+
</div>
|
|
1278
|
+
<div class="cl"> </div>
|
|
1279
|
+
</div>
|
|
1280
|
+
<div class="cl"> </div>
|
|
1281
|
+
</div>
|
|
1282
|
+
</div>
|
|
1283
|
+
</div>
|
|
1284
|
+
</div>
|
|
1285
|
+
</div>
|
|
1286
|
+
</body>
|
|
1287
|
+
</html>
|
|
1288
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
1289
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
1290
|
+
<head>
|
|
1291
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
1292
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
1293
|
+
<title>Iconic | Landing Page</title>
|
|
1294
|
+
|
|
1295
|
+
{{ content_for_layout }}
|
|
1296
|
+
<!--[if IE 6]>
|
|
1297
|
+
|
|
1298
|
+
</head>
|
|
1299
|
+
<body>
|
|
1300
|
+
<div class="frame">
|
|
1301
|
+
<div id="header">
|
|
1302
|
+
<div class="shell">
|
|
1303
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
1304
|
+
<div id="right-area">
|
|
1305
|
+
<div id="navigation">
|
|
1306
|
+
<ul>
|
|
1307
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
1308
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
1309
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
1310
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
1311
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
1312
|
+
<li id="login-nav"></li>
|
|
1313
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
1314
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
1315
|
+
</ul>
|
|
1316
|
+
</div>
|
|
1317
|
+
|
|
1318
|
+
<div class="cl"> </div>
|
|
1319
|
+
<div class="slogan">
|
|
1320
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
1321
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
1322
|
+
</div>
|
|
1323
|
+
</div>
|
|
1324
|
+
<div class="cl"> </div>
|
|
1325
|
+
</div>
|
|
1326
|
+
</div>
|
|
1327
|
+
</div>
|
|
1328
|
+
<div id="content">
|
|
1329
|
+
<div class="heading">
|
|
1330
|
+
<div class="shell">
|
|
1331
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
1332
|
+
<div class="buttons">
|
|
1333
|
+
<a href="#">Sign up now</a>
|
|
1334
|
+
<a href="#" class="last">Learn more</a>
|
|
1335
|
+
</div>
|
|
1336
|
+
</div>
|
|
1337
|
+
</div>
|
|
1338
|
+
<div class="shell">
|
|
1339
|
+
<div id="main">
|
|
1340
|
+
<div class="article">
|
|
1341
|
+
<h3>What Do We Do?</h3>
|
|
1342
|
+
<h4>This is a Headline!</h4>
|
|
1343
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
1344
|
+
<h4>Here’s Another One</h4>
|
|
1345
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
1346
|
+
<h4>The Knockout Punch</h4>
|
|
1347
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
1348
|
+
</div>
|
|
1349
|
+
<div class="rightside">
|
|
1350
|
+
|
|
1351
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
1352
|
+
<h3>from the blog</h3>
|
|
1353
|
+
<div class="post">
|
|
1354
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
1355
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
1356
|
+
</div>
|
|
1357
|
+
<div class="post">
|
|
1358
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
1359
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
1360
|
+
</div>
|
|
1361
|
+
<div class="post">
|
|
1362
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
1363
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
1364
|
+
</div>
|
|
1365
|
+
<div class="post no-border">
|
|
1366
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
1367
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
1368
|
+
</div>
|
|
1369
|
+
</div></div></div>
|
|
1370
|
+
</div>
|
|
1371
|
+
<div class="cl"> </div>
|
|
1372
|
+
</div>
|
|
1373
|
+
<div class="bottom-part">
|
|
1374
|
+
<div class="box-holder">
|
|
1375
|
+
<div class="top-side">
|
|
1376
|
+
<div class="btm-side">
|
|
1377
|
+
|
|
1378
|
+
<div class="box first">
|
|
1379
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
1380
|
+
<div class="link">
|
|
1381
|
+
<a href="#" class="arr"> </a>
|
|
1382
|
+
<p>Envato Mothership Site</p>
|
|
1383
|
+
</div>
|
|
1384
|
+
</div>
|
|
1385
|
+
<div class="box">
|
|
1386
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
1387
|
+
<div class="link">
|
|
1388
|
+
<a href="#" class="arr"> </a>
|
|
1389
|
+
<p>PSDTUTS Redesign</p>
|
|
1390
|
+
</div>
|
|
1391
|
+
</div>
|
|
1392
|
+
<div class="box last">
|
|
1393
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
1394
|
+
</div>
|
|
1395
|
+
<div class="cl"> </div>
|
|
1396
|
+
</div>
|
|
1397
|
+
<div class="cl"> </div>
|
|
1398
|
+
</div>
|
|
1399
|
+
</div>
|
|
1400
|
+
</div>
|
|
1401
|
+
</div>
|
|
1402
|
+
</div>
|
|
1403
|
+
</body>
|
|
1404
|
+
</html>
|
|
1405
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
1406
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
1407
|
+
<head>
|
|
1408
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
1409
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
1410
|
+
<title>Iconic | Landing Page</title>
|
|
1411
|
+
|
|
1412
|
+
{{ content_for_layout }}
|
|
1413
|
+
<!--[if IE 6]>
|
|
1414
|
+
|
|
1415
|
+
</head>
|
|
1416
|
+
<body>
|
|
1417
|
+
<div class="frame">
|
|
1418
|
+
<div id="header">
|
|
1419
|
+
<div class="shell">
|
|
1420
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
1421
|
+
<div id="right-area">
|
|
1422
|
+
<div id="navigation">
|
|
1423
|
+
<ul>
|
|
1424
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
1425
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
1426
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
1427
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
1428
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
1429
|
+
<li id="login-nav"></li>
|
|
1430
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
1431
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
1432
|
+
</ul>
|
|
1433
|
+
</div>
|
|
1434
|
+
|
|
1435
|
+
<div class="cl"> </div>
|
|
1436
|
+
<div class="slogan">
|
|
1437
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
1438
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
1439
|
+
</div>
|
|
1440
|
+
</div>
|
|
1441
|
+
<div class="cl"> </div>
|
|
1442
|
+
</div>
|
|
1443
|
+
</div>
|
|
1444
|
+
</div>
|
|
1445
|
+
<div id="content">
|
|
1446
|
+
<div class="heading">
|
|
1447
|
+
<div class="shell">
|
|
1448
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
1449
|
+
<div class="buttons">
|
|
1450
|
+
<a href="#">Sign up now</a>
|
|
1451
|
+
<a href="#" class="last">Learn more</a>
|
|
1452
|
+
</div>
|
|
1453
|
+
</div>
|
|
1454
|
+
</div>
|
|
1455
|
+
<div class="shell">
|
|
1456
|
+
<div id="main">
|
|
1457
|
+
<div class="article">
|
|
1458
|
+
<h3>What Do We Do?</h3>
|
|
1459
|
+
<h4>This is a Headline!</h4>
|
|
1460
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
1461
|
+
<h4>Here’s Another One</h4>
|
|
1462
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
1463
|
+
<h4>The Knockout Punch</h4>
|
|
1464
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
1465
|
+
</div>
|
|
1466
|
+
<div class="rightside">
|
|
1467
|
+
|
|
1468
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
1469
|
+
<h3>from the blog</h3>
|
|
1470
|
+
<div class="post">
|
|
1471
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
1472
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
1473
|
+
</div>
|
|
1474
|
+
<div class="post">
|
|
1475
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
1476
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
1477
|
+
</div>
|
|
1478
|
+
<div class="post">
|
|
1479
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
1480
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
1481
|
+
</div>
|
|
1482
|
+
<div class="post no-border">
|
|
1483
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
1484
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
1485
|
+
</div>
|
|
1486
|
+
</div></div></div>
|
|
1487
|
+
</div>
|
|
1488
|
+
<div class="cl"> </div>
|
|
1489
|
+
</div>
|
|
1490
|
+
<div class="bottom-part">
|
|
1491
|
+
<div class="box-holder">
|
|
1492
|
+
<div class="top-side">
|
|
1493
|
+
<div class="btm-side">
|
|
1494
|
+
|
|
1495
|
+
<div class="box first">
|
|
1496
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
1497
|
+
<div class="link">
|
|
1498
|
+
<a href="#" class="arr"> </a>
|
|
1499
|
+
<p>Envato Mothership Site</p>
|
|
1500
|
+
</div>
|
|
1501
|
+
</div>
|
|
1502
|
+
<div class="box">
|
|
1503
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
1504
|
+
<div class="link">
|
|
1505
|
+
<a href="#" class="arr"> </a>
|
|
1506
|
+
<p>PSDTUTS Redesign</p>
|
|
1507
|
+
</div>
|
|
1508
|
+
</div>
|
|
1509
|
+
<div class="box last">
|
|
1510
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
1511
|
+
</div>
|
|
1512
|
+
<div class="cl"> </div>
|
|
1513
|
+
</div>
|
|
1514
|
+
<div class="cl"> </div>
|
|
1515
|
+
</div>
|
|
1516
|
+
</div>
|
|
1517
|
+
</div>
|
|
1518
|
+
</div>
|
|
1519
|
+
</div>
|
|
1520
|
+
</body>
|
|
1521
|
+
</html>
|
|
1522
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
1523
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
1524
|
+
<head>
|
|
1525
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
1526
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
1527
|
+
<title>Iconic | Landing Page</title>
|
|
1528
|
+
|
|
1529
|
+
{{ content_for_layout }}
|
|
1530
|
+
<!--[if IE 6]>
|
|
1531
|
+
|
|
1532
|
+
</head>
|
|
1533
|
+
<body>
|
|
1534
|
+
<div class="frame">
|
|
1535
|
+
<div id="header">
|
|
1536
|
+
<div class="shell">
|
|
1537
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
1538
|
+
<div id="right-area">
|
|
1539
|
+
<div id="navigation">
|
|
1540
|
+
<ul>
|
|
1541
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
1542
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
1543
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
1544
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
1545
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
1546
|
+
<li id="login-nav"></li>
|
|
1547
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
1548
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
1549
|
+
</ul>
|
|
1550
|
+
</div>
|
|
1551
|
+
|
|
1552
|
+
<div class="cl"> </div>
|
|
1553
|
+
<div class="slogan">
|
|
1554
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
1555
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
1556
|
+
</div>
|
|
1557
|
+
</div>
|
|
1558
|
+
<div class="cl"> </div>
|
|
1559
|
+
</div>
|
|
1560
|
+
</div>
|
|
1561
|
+
</div>
|
|
1562
|
+
<div id="content">
|
|
1563
|
+
<div class="heading">
|
|
1564
|
+
<div class="shell">
|
|
1565
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
1566
|
+
<div class="buttons">
|
|
1567
|
+
<a href="#">Sign up now</a>
|
|
1568
|
+
<a href="#" class="last">Learn more</a>
|
|
1569
|
+
</div>
|
|
1570
|
+
</div>
|
|
1571
|
+
</div>
|
|
1572
|
+
<div class="shell">
|
|
1573
|
+
<div id="main">
|
|
1574
|
+
<div class="article">
|
|
1575
|
+
<h3>What Do We Do?</h3>
|
|
1576
|
+
<h4>This is a Headline!</h4>
|
|
1577
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
1578
|
+
<h4>Here’s Another One</h4>
|
|
1579
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
1580
|
+
<h4>The Knockout Punch</h4>
|
|
1581
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
1582
|
+
</div>
|
|
1583
|
+
<div class="rightside">
|
|
1584
|
+
|
|
1585
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
1586
|
+
<h3>from the blog</h3>
|
|
1587
|
+
<div class="post">
|
|
1588
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
1589
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
1590
|
+
</div>
|
|
1591
|
+
<div class="post">
|
|
1592
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
1593
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
1594
|
+
</div>
|
|
1595
|
+
<div class="post">
|
|
1596
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
1597
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
1598
|
+
</div>
|
|
1599
|
+
<div class="post no-border">
|
|
1600
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
1601
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
1602
|
+
</div>
|
|
1603
|
+
</div></div></div>
|
|
1604
|
+
</div>
|
|
1605
|
+
<div class="cl"> </div>
|
|
1606
|
+
</div>
|
|
1607
|
+
<div class="bottom-part">
|
|
1608
|
+
<div class="box-holder">
|
|
1609
|
+
<div class="top-side">
|
|
1610
|
+
<div class="btm-side">
|
|
1611
|
+
|
|
1612
|
+
<div class="box first">
|
|
1613
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
1614
|
+
<div class="link">
|
|
1615
|
+
<a href="#" class="arr"> </a>
|
|
1616
|
+
<p>Envato Mothership Site</p>
|
|
1617
|
+
</div>
|
|
1618
|
+
</div>
|
|
1619
|
+
<div class="box">
|
|
1620
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
1621
|
+
<div class="link">
|
|
1622
|
+
<a href="#" class="arr"> </a>
|
|
1623
|
+
<p>PSDTUTS Redesign</p>
|
|
1624
|
+
</div>
|
|
1625
|
+
</div>
|
|
1626
|
+
<div class="box last">
|
|
1627
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
1628
|
+
</div>
|
|
1629
|
+
<div class="cl"> </div>
|
|
1630
|
+
</div>
|
|
1631
|
+
<div class="cl"> </div>
|
|
1632
|
+
</div>
|
|
1633
|
+
</div>
|
|
1634
|
+
</div>
|
|
1635
|
+
</div>
|
|
1636
|
+
</div>
|
|
1637
|
+
</body>
|
|
1638
|
+
</html>
|
|
1639
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
1640
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
1641
|
+
<head>
|
|
1642
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
1643
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
1644
|
+
<title>Iconic | Landing Page</title>
|
|
1645
|
+
|
|
1646
|
+
{{ content_for_layout }}
|
|
1647
|
+
<!--[if IE 6]>
|
|
1648
|
+
|
|
1649
|
+
</head>
|
|
1650
|
+
<body>
|
|
1651
|
+
<div class="frame">
|
|
1652
|
+
<div id="header">
|
|
1653
|
+
<div class="shell">
|
|
1654
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
1655
|
+
<div id="right-area">
|
|
1656
|
+
<div id="navigation">
|
|
1657
|
+
<ul>
|
|
1658
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
1659
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
1660
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
1661
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
1662
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
1663
|
+
<li id="login-nav"></li>
|
|
1664
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
1665
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
1666
|
+
</ul>
|
|
1667
|
+
</div>
|
|
1668
|
+
|
|
1669
|
+
<div class="cl"> </div>
|
|
1670
|
+
<div class="slogan">
|
|
1671
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
1672
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
1673
|
+
</div>
|
|
1674
|
+
</div>
|
|
1675
|
+
<div class="cl"> </div>
|
|
1676
|
+
</div>
|
|
1677
|
+
</div>
|
|
1678
|
+
</div>
|
|
1679
|
+
<div id="content">
|
|
1680
|
+
<div class="heading">
|
|
1681
|
+
<div class="shell">
|
|
1682
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
1683
|
+
<div class="buttons">
|
|
1684
|
+
<a href="#">Sign up now</a>
|
|
1685
|
+
<a href="#" class="last">Learn more</a>
|
|
1686
|
+
</div>
|
|
1687
|
+
</div>
|
|
1688
|
+
</div>
|
|
1689
|
+
<div class="shell">
|
|
1690
|
+
<div id="main">
|
|
1691
|
+
<div class="article">
|
|
1692
|
+
<h3>What Do We Do?</h3>
|
|
1693
|
+
<h4>This is a Headline!</h4>
|
|
1694
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
1695
|
+
<h4>Here’s Another One</h4>
|
|
1696
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
1697
|
+
<h4>The Knockout Punch</h4>
|
|
1698
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
1699
|
+
</div>
|
|
1700
|
+
<div class="rightside">
|
|
1701
|
+
|
|
1702
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
1703
|
+
<h3>from the blog</h3>
|
|
1704
|
+
<div class="post">
|
|
1705
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
1706
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
1707
|
+
</div>
|
|
1708
|
+
<div class="post">
|
|
1709
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
1710
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
1711
|
+
</div>
|
|
1712
|
+
<div class="post">
|
|
1713
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
1714
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
1715
|
+
</div>
|
|
1716
|
+
<div class="post no-border">
|
|
1717
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
1718
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
1719
|
+
</div>
|
|
1720
|
+
</div></div></div>
|
|
1721
|
+
</div>
|
|
1722
|
+
<div class="cl"> </div>
|
|
1723
|
+
</div>
|
|
1724
|
+
<div class="bottom-part">
|
|
1725
|
+
<div class="box-holder">
|
|
1726
|
+
<div class="top-side">
|
|
1727
|
+
<div class="btm-side">
|
|
1728
|
+
|
|
1729
|
+
<div class="box first">
|
|
1730
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
1731
|
+
<div class="link">
|
|
1732
|
+
<a href="#" class="arr"> </a>
|
|
1733
|
+
<p>Envato Mothership Site</p>
|
|
1734
|
+
</div>
|
|
1735
|
+
</div>
|
|
1736
|
+
<div class="box">
|
|
1737
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
1738
|
+
<div class="link">
|
|
1739
|
+
<a href="#" class="arr"> </a>
|
|
1740
|
+
<p>PSDTUTS Redesign</p>
|
|
1741
|
+
</div>
|
|
1742
|
+
</div>
|
|
1743
|
+
<div class="box last">
|
|
1744
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
1745
|
+
</div>
|
|
1746
|
+
<div class="cl"> </div>
|
|
1747
|
+
</div>
|
|
1748
|
+
<div class="cl"> </div>
|
|
1749
|
+
</div>
|
|
1750
|
+
</div>
|
|
1751
|
+
</div>
|
|
1752
|
+
</div>
|
|
1753
|
+
</div>
|
|
1754
|
+
</body>
|
|
1755
|
+
</html>
|
|
1756
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
1757
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
1758
|
+
<head>
|
|
1759
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
1760
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
1761
|
+
<title>Iconic | Landing Page</title>
|
|
1762
|
+
|
|
1763
|
+
{{ content_for_layout }}
|
|
1764
|
+
<!--[if IE 6]>
|
|
1765
|
+
|
|
1766
|
+
</head>
|
|
1767
|
+
<body>
|
|
1768
|
+
<div class="frame">
|
|
1769
|
+
<div id="header">
|
|
1770
|
+
<div class="shell">
|
|
1771
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
1772
|
+
<div id="right-area">
|
|
1773
|
+
<div id="navigation">
|
|
1774
|
+
<ul>
|
|
1775
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
1776
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
1777
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
1778
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
1779
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
1780
|
+
<li id="login-nav"></li>
|
|
1781
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
1782
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
1783
|
+
</ul>
|
|
1784
|
+
</div>
|
|
1785
|
+
|
|
1786
|
+
<div class="cl"> </div>
|
|
1787
|
+
<div class="slogan">
|
|
1788
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
1789
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
1790
|
+
</div>
|
|
1791
|
+
</div>
|
|
1792
|
+
<div class="cl"> </div>
|
|
1793
|
+
</div>
|
|
1794
|
+
</div>
|
|
1795
|
+
</div>
|
|
1796
|
+
<div id="content">
|
|
1797
|
+
<div class="heading">
|
|
1798
|
+
<div class="shell">
|
|
1799
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
1800
|
+
<div class="buttons">
|
|
1801
|
+
<a href="#">Sign up now</a>
|
|
1802
|
+
<a href="#" class="last">Learn more</a>
|
|
1803
|
+
</div>
|
|
1804
|
+
</div>
|
|
1805
|
+
</div>
|
|
1806
|
+
<div class="shell">
|
|
1807
|
+
<div id="main">
|
|
1808
|
+
<div class="article">
|
|
1809
|
+
<h3>What Do We Do?</h3>
|
|
1810
|
+
<h4>This is a Headline!</h4>
|
|
1811
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
1812
|
+
<h4>Here’s Another One</h4>
|
|
1813
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
1814
|
+
<h4>The Knockout Punch</h4>
|
|
1815
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
1816
|
+
</div>
|
|
1817
|
+
<div class="rightside">
|
|
1818
|
+
|
|
1819
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
1820
|
+
<h3>from the blog</h3>
|
|
1821
|
+
<div class="post">
|
|
1822
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
1823
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
1824
|
+
</div>
|
|
1825
|
+
<div class="post">
|
|
1826
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
1827
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
1828
|
+
</div>
|
|
1829
|
+
<div class="post">
|
|
1830
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
1831
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
1832
|
+
</div>
|
|
1833
|
+
<div class="post no-border">
|
|
1834
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
1835
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
1836
|
+
</div>
|
|
1837
|
+
</div></div></div>
|
|
1838
|
+
</div>
|
|
1839
|
+
<div class="cl"> </div>
|
|
1840
|
+
</div>
|
|
1841
|
+
<div class="bottom-part">
|
|
1842
|
+
<div class="box-holder">
|
|
1843
|
+
<div class="top-side">
|
|
1844
|
+
<div class="btm-side">
|
|
1845
|
+
|
|
1846
|
+
<div class="box first">
|
|
1847
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
1848
|
+
<div class="link">
|
|
1849
|
+
<a href="#" class="arr"> </a>
|
|
1850
|
+
<p>Envato Mothership Site</p>
|
|
1851
|
+
</div>
|
|
1852
|
+
</div>
|
|
1853
|
+
<div class="box">
|
|
1854
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
1855
|
+
<div class="link">
|
|
1856
|
+
<a href="#" class="arr"> </a>
|
|
1857
|
+
<p>PSDTUTS Redesign</p>
|
|
1858
|
+
</div>
|
|
1859
|
+
</div>
|
|
1860
|
+
<div class="box last">
|
|
1861
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
1862
|
+
</div>
|
|
1863
|
+
<div class="cl"> </div>
|
|
1864
|
+
</div>
|
|
1865
|
+
<div class="cl"> </div>
|
|
1866
|
+
</div>
|
|
1867
|
+
</div>
|
|
1868
|
+
</div>
|
|
1869
|
+
</div>
|
|
1870
|
+
</div>
|
|
1871
|
+
</body>
|
|
1872
|
+
</html>
|
|
1873
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
1874
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
1875
|
+
<head>
|
|
1876
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
1877
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
1878
|
+
<title>Iconic | Landing Page</title>
|
|
1879
|
+
|
|
1880
|
+
{{ content_for_layout }}
|
|
1881
|
+
<!--[if IE 6]>
|
|
1882
|
+
|
|
1883
|
+
</head>
|
|
1884
|
+
<body>
|
|
1885
|
+
<div class="frame">
|
|
1886
|
+
<div id="header">
|
|
1887
|
+
<div class="shell">
|
|
1888
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
1889
|
+
<div id="right-area">
|
|
1890
|
+
<div id="navigation">
|
|
1891
|
+
<ul>
|
|
1892
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
1893
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
1894
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
1895
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
1896
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
1897
|
+
<li id="login-nav"></li>
|
|
1898
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
1899
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
1900
|
+
</ul>
|
|
1901
|
+
</div>
|
|
1902
|
+
|
|
1903
|
+
<div class="cl"> </div>
|
|
1904
|
+
<div class="slogan">
|
|
1905
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
1906
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
1907
|
+
</div>
|
|
1908
|
+
</div>
|
|
1909
|
+
<div class="cl"> </div>
|
|
1910
|
+
</div>
|
|
1911
|
+
</div>
|
|
1912
|
+
</div>
|
|
1913
|
+
<div id="content">
|
|
1914
|
+
<div class="heading">
|
|
1915
|
+
<div class="shell">
|
|
1916
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
1917
|
+
<div class="buttons">
|
|
1918
|
+
<a href="#">Sign up now</a>
|
|
1919
|
+
<a href="#" class="last">Learn more</a>
|
|
1920
|
+
</div>
|
|
1921
|
+
</div>
|
|
1922
|
+
</div>
|
|
1923
|
+
<div class="shell">
|
|
1924
|
+
<div id="main">
|
|
1925
|
+
<div class="article">
|
|
1926
|
+
<h3>What Do We Do?</h3>
|
|
1927
|
+
<h4>This is a Headline!</h4>
|
|
1928
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
1929
|
+
<h4>Here’s Another One</h4>
|
|
1930
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
1931
|
+
<h4>The Knockout Punch</h4>
|
|
1932
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
1933
|
+
</div>
|
|
1934
|
+
<div class="rightside">
|
|
1935
|
+
|
|
1936
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
1937
|
+
<h3>from the blog</h3>
|
|
1938
|
+
<div class="post">
|
|
1939
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
1940
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
1941
|
+
</div>
|
|
1942
|
+
<div class="post">
|
|
1943
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
1944
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
1945
|
+
</div>
|
|
1946
|
+
<div class="post">
|
|
1947
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
1948
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
1949
|
+
</div>
|
|
1950
|
+
<div class="post no-border">
|
|
1951
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
1952
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
1953
|
+
</div>
|
|
1954
|
+
</div></div></div>
|
|
1955
|
+
</div>
|
|
1956
|
+
<div class="cl"> </div>
|
|
1957
|
+
</div>
|
|
1958
|
+
<div class="bottom-part">
|
|
1959
|
+
<div class="box-holder">
|
|
1960
|
+
<div class="top-side">
|
|
1961
|
+
<div class="btm-side">
|
|
1962
|
+
|
|
1963
|
+
<div class="box first">
|
|
1964
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
1965
|
+
<div class="link">
|
|
1966
|
+
<a href="#" class="arr"> </a>
|
|
1967
|
+
<p>Envato Mothership Site</p>
|
|
1968
|
+
</div>
|
|
1969
|
+
</div>
|
|
1970
|
+
<div class="box">
|
|
1971
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
1972
|
+
<div class="link">
|
|
1973
|
+
<a href="#" class="arr"> </a>
|
|
1974
|
+
<p>PSDTUTS Redesign</p>
|
|
1975
|
+
</div>
|
|
1976
|
+
</div>
|
|
1977
|
+
<div class="box last">
|
|
1978
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
1979
|
+
</div>
|
|
1980
|
+
<div class="cl"> </div>
|
|
1981
|
+
</div>
|
|
1982
|
+
<div class="cl"> </div>
|
|
1983
|
+
</div>
|
|
1984
|
+
</div>
|
|
1985
|
+
</div>
|
|
1986
|
+
</div>
|
|
1987
|
+
</div>
|
|
1988
|
+
</body>
|
|
1989
|
+
</html>
|
|
1990
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
1991
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
1992
|
+
<head>
|
|
1993
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
1994
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
1995
|
+
<title>Iconic | Landing Page</title>
|
|
1996
|
+
|
|
1997
|
+
{{ content_for_layout }}
|
|
1998
|
+
<!--[if IE 6]>
|
|
1999
|
+
|
|
2000
|
+
</head>
|
|
2001
|
+
<body>
|
|
2002
|
+
<div class="frame">
|
|
2003
|
+
<div id="header">
|
|
2004
|
+
<div class="shell">
|
|
2005
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
2006
|
+
<div id="right-area">
|
|
2007
|
+
<div id="navigation">
|
|
2008
|
+
<ul>
|
|
2009
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
2010
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
2011
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
2012
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
2013
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
2014
|
+
<li id="login-nav"></li>
|
|
2015
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
2016
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
2017
|
+
</ul>
|
|
2018
|
+
</div>
|
|
2019
|
+
|
|
2020
|
+
<div class="cl"> </div>
|
|
2021
|
+
<div class="slogan">
|
|
2022
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
2023
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
2024
|
+
</div>
|
|
2025
|
+
</div>
|
|
2026
|
+
<div class="cl"> </div>
|
|
2027
|
+
</div>
|
|
2028
|
+
</div>
|
|
2029
|
+
</div>
|
|
2030
|
+
<div id="content">
|
|
2031
|
+
<div class="heading">
|
|
2032
|
+
<div class="shell">
|
|
2033
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
2034
|
+
<div class="buttons">
|
|
2035
|
+
<a href="#">Sign up now</a>
|
|
2036
|
+
<a href="#" class="last">Learn more</a>
|
|
2037
|
+
</div>
|
|
2038
|
+
</div>
|
|
2039
|
+
</div>
|
|
2040
|
+
<div class="shell">
|
|
2041
|
+
<div id="main">
|
|
2042
|
+
<div class="article">
|
|
2043
|
+
<h3>What Do We Do?</h3>
|
|
2044
|
+
<h4>This is a Headline!</h4>
|
|
2045
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2046
|
+
<h4>Here’s Another One</h4>
|
|
2047
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2048
|
+
<h4>The Knockout Punch</h4>
|
|
2049
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2050
|
+
</div>
|
|
2051
|
+
<div class="rightside">
|
|
2052
|
+
|
|
2053
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
2054
|
+
<h3>from the blog</h3>
|
|
2055
|
+
<div class="post">
|
|
2056
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
2057
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
2058
|
+
</div>
|
|
2059
|
+
<div class="post">
|
|
2060
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
2061
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
2062
|
+
</div>
|
|
2063
|
+
<div class="post">
|
|
2064
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
2065
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
2066
|
+
</div>
|
|
2067
|
+
<div class="post no-border">
|
|
2068
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
2069
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
2070
|
+
</div>
|
|
2071
|
+
</div></div></div>
|
|
2072
|
+
</div>
|
|
2073
|
+
<div class="cl"> </div>
|
|
2074
|
+
</div>
|
|
2075
|
+
<div class="bottom-part">
|
|
2076
|
+
<div class="box-holder">
|
|
2077
|
+
<div class="top-side">
|
|
2078
|
+
<div class="btm-side">
|
|
2079
|
+
|
|
2080
|
+
<div class="box first">
|
|
2081
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
2082
|
+
<div class="link">
|
|
2083
|
+
<a href="#" class="arr"> </a>
|
|
2084
|
+
<p>Envato Mothership Site</p>
|
|
2085
|
+
</div>
|
|
2086
|
+
</div>
|
|
2087
|
+
<div class="box">
|
|
2088
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
2089
|
+
<div class="link">
|
|
2090
|
+
<a href="#" class="arr"> </a>
|
|
2091
|
+
<p>PSDTUTS Redesign</p>
|
|
2092
|
+
</div>
|
|
2093
|
+
</div>
|
|
2094
|
+
<div class="box last">
|
|
2095
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
2096
|
+
</div>
|
|
2097
|
+
<div class="cl"> </div>
|
|
2098
|
+
</div>
|
|
2099
|
+
<div class="cl"> </div>
|
|
2100
|
+
</div>
|
|
2101
|
+
</div>
|
|
2102
|
+
</div>
|
|
2103
|
+
</div>
|
|
2104
|
+
</div>
|
|
2105
|
+
</body>
|
|
2106
|
+
</html>
|
|
2107
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
2108
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
2109
|
+
<head>
|
|
2110
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
2111
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
2112
|
+
<title>Iconic | Landing Page</title>
|
|
2113
|
+
|
|
2114
|
+
{{ content_for_layout }}
|
|
2115
|
+
<!--[if IE 6]>
|
|
2116
|
+
|
|
2117
|
+
</head>
|
|
2118
|
+
<body>
|
|
2119
|
+
<div class="frame">
|
|
2120
|
+
<div id="header">
|
|
2121
|
+
<div class="shell">
|
|
2122
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
2123
|
+
<div id="right-area">
|
|
2124
|
+
<div id="navigation">
|
|
2125
|
+
<ul>
|
|
2126
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
2127
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
2128
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
2129
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
2130
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
2131
|
+
<li id="login-nav"></li>
|
|
2132
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
2133
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
2134
|
+
</ul>
|
|
2135
|
+
</div>
|
|
2136
|
+
|
|
2137
|
+
<div class="cl"> </div>
|
|
2138
|
+
<div class="slogan">
|
|
2139
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
2140
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
2141
|
+
</div>
|
|
2142
|
+
</div>
|
|
2143
|
+
<div class="cl"> </div>
|
|
2144
|
+
</div>
|
|
2145
|
+
</div>
|
|
2146
|
+
</div>
|
|
2147
|
+
<div id="content">
|
|
2148
|
+
<div class="heading">
|
|
2149
|
+
<div class="shell">
|
|
2150
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
2151
|
+
<div class="buttons">
|
|
2152
|
+
<a href="#">Sign up now</a>
|
|
2153
|
+
<a href="#" class="last">Learn more</a>
|
|
2154
|
+
</div>
|
|
2155
|
+
</div>
|
|
2156
|
+
</div>
|
|
2157
|
+
<div class="shell">
|
|
2158
|
+
<div id="main">
|
|
2159
|
+
<div class="article">
|
|
2160
|
+
<h3>What Do We Do?</h3>
|
|
2161
|
+
<h4>This is a Headline!</h4>
|
|
2162
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2163
|
+
<h4>Here’s Another One</h4>
|
|
2164
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2165
|
+
<h4>The Knockout Punch</h4>
|
|
2166
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2167
|
+
</div>
|
|
2168
|
+
<div class="rightside">
|
|
2169
|
+
|
|
2170
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
2171
|
+
<h3>from the blog</h3>
|
|
2172
|
+
<div class="post">
|
|
2173
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
2174
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
2175
|
+
</div>
|
|
2176
|
+
<div class="post">
|
|
2177
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
2178
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
2179
|
+
</div>
|
|
2180
|
+
<div class="post">
|
|
2181
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
2182
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
2183
|
+
</div>
|
|
2184
|
+
<div class="post no-border">
|
|
2185
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
2186
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
2187
|
+
</div>
|
|
2188
|
+
</div></div></div>
|
|
2189
|
+
</div>
|
|
2190
|
+
<div class="cl"> </div>
|
|
2191
|
+
</div>
|
|
2192
|
+
<div class="bottom-part">
|
|
2193
|
+
<div class="box-holder">
|
|
2194
|
+
<div class="top-side">
|
|
2195
|
+
<div class="btm-side">
|
|
2196
|
+
|
|
2197
|
+
<div class="box first">
|
|
2198
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
2199
|
+
<div class="link">
|
|
2200
|
+
<a href="#" class="arr"> </a>
|
|
2201
|
+
<p>Envato Mothership Site</p>
|
|
2202
|
+
</div>
|
|
2203
|
+
</div>
|
|
2204
|
+
<div class="box">
|
|
2205
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
2206
|
+
<div class="link">
|
|
2207
|
+
<a href="#" class="arr"> </a>
|
|
2208
|
+
<p>PSDTUTS Redesign</p>
|
|
2209
|
+
</div>
|
|
2210
|
+
</div>
|
|
2211
|
+
<div class="box last">
|
|
2212
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
2213
|
+
</div>
|
|
2214
|
+
<div class="cl"> </div>
|
|
2215
|
+
</div>
|
|
2216
|
+
<div class="cl"> </div>
|
|
2217
|
+
</div>
|
|
2218
|
+
</div>
|
|
2219
|
+
</div>
|
|
2220
|
+
</div>
|
|
2221
|
+
</div>
|
|
2222
|
+
</body>
|
|
2223
|
+
</html>
|
|
2224
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
2225
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
2226
|
+
<head>
|
|
2227
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
2228
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
2229
|
+
<title>Iconic | Landing Page</title>
|
|
2230
|
+
|
|
2231
|
+
{{ content_for_layout }}
|
|
2232
|
+
<!--[if IE 6]>
|
|
2233
|
+
|
|
2234
|
+
</head>
|
|
2235
|
+
<body>
|
|
2236
|
+
<div class="frame">
|
|
2237
|
+
<div id="header">
|
|
2238
|
+
<div class="shell">
|
|
2239
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
2240
|
+
<div id="right-area">
|
|
2241
|
+
<div id="navigation">
|
|
2242
|
+
<ul>
|
|
2243
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
2244
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
2245
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
2246
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
2247
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
2248
|
+
<li id="login-nav"></li>
|
|
2249
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
2250
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
2251
|
+
</ul>
|
|
2252
|
+
</div>
|
|
2253
|
+
|
|
2254
|
+
<div class="cl"> </div>
|
|
2255
|
+
<div class="slogan">
|
|
2256
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
2257
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
2258
|
+
</div>
|
|
2259
|
+
</div>
|
|
2260
|
+
<div class="cl"> </div>
|
|
2261
|
+
</div>
|
|
2262
|
+
</div>
|
|
2263
|
+
</div>
|
|
2264
|
+
<div id="content">
|
|
2265
|
+
<div class="heading">
|
|
2266
|
+
<div class="shell">
|
|
2267
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
2268
|
+
<div class="buttons">
|
|
2269
|
+
<a href="#">Sign up now</a>
|
|
2270
|
+
<a href="#" class="last">Learn more</a>
|
|
2271
|
+
</div>
|
|
2272
|
+
</div>
|
|
2273
|
+
</div>
|
|
2274
|
+
<div class="shell">
|
|
2275
|
+
<div id="main">
|
|
2276
|
+
<div class="article">
|
|
2277
|
+
<h3>What Do We Do?</h3>
|
|
2278
|
+
<h4>This is a Headline!</h4>
|
|
2279
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2280
|
+
<h4>Here’s Another One</h4>
|
|
2281
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2282
|
+
<h4>The Knockout Punch</h4>
|
|
2283
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2284
|
+
</div>
|
|
2285
|
+
<div class="rightside">
|
|
2286
|
+
|
|
2287
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
2288
|
+
<h3>from the blog</h3>
|
|
2289
|
+
<div class="post">
|
|
2290
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
2291
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
2292
|
+
</div>
|
|
2293
|
+
<div class="post">
|
|
2294
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
2295
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
2296
|
+
</div>
|
|
2297
|
+
<div class="post">
|
|
2298
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
2299
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
2300
|
+
</div>
|
|
2301
|
+
<div class="post no-border">
|
|
2302
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
2303
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
2304
|
+
</div>
|
|
2305
|
+
</div></div></div>
|
|
2306
|
+
</div>
|
|
2307
|
+
<div class="cl"> </div>
|
|
2308
|
+
</div>
|
|
2309
|
+
<div class="bottom-part">
|
|
2310
|
+
<div class="box-holder">
|
|
2311
|
+
<div class="top-side">
|
|
2312
|
+
<div class="btm-side">
|
|
2313
|
+
|
|
2314
|
+
<div class="box first">
|
|
2315
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
2316
|
+
<div class="link">
|
|
2317
|
+
<a href="#" class="arr"> </a>
|
|
2318
|
+
<p>Envato Mothership Site</p>
|
|
2319
|
+
</div>
|
|
2320
|
+
</div>
|
|
2321
|
+
<div class="box">
|
|
2322
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
2323
|
+
<div class="link">
|
|
2324
|
+
<a href="#" class="arr"> </a>
|
|
2325
|
+
<p>PSDTUTS Redesign</p>
|
|
2326
|
+
</div>
|
|
2327
|
+
</div>
|
|
2328
|
+
<div class="box last">
|
|
2329
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
2330
|
+
</div>
|
|
2331
|
+
<div class="cl"> </div>
|
|
2332
|
+
</div>
|
|
2333
|
+
<div class="cl"> </div>
|
|
2334
|
+
</div>
|
|
2335
|
+
</div>
|
|
2336
|
+
</div>
|
|
2337
|
+
</div>
|
|
2338
|
+
</div>
|
|
2339
|
+
</body>
|
|
2340
|
+
</html>
|
|
2341
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
2342
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
2343
|
+
<head>
|
|
2344
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
2345
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
2346
|
+
<title>Iconic | Landing Page</title>
|
|
2347
|
+
|
|
2348
|
+
{{ content_for_layout }}
|
|
2349
|
+
<!--[if IE 6]>
|
|
2350
|
+
|
|
2351
|
+
</head>
|
|
2352
|
+
<body>
|
|
2353
|
+
<div class="frame">
|
|
2354
|
+
<div id="header">
|
|
2355
|
+
<div class="shell">
|
|
2356
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
2357
|
+
<div id="right-area">
|
|
2358
|
+
<div id="navigation">
|
|
2359
|
+
<ul>
|
|
2360
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
2361
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
2362
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
2363
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
2364
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
2365
|
+
<li id="login-nav"></li>
|
|
2366
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
2367
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
2368
|
+
</ul>
|
|
2369
|
+
</div>
|
|
2370
|
+
|
|
2371
|
+
<div class="cl"> </div>
|
|
2372
|
+
<div class="slogan">
|
|
2373
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
2374
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
2375
|
+
</div>
|
|
2376
|
+
</div>
|
|
2377
|
+
<div class="cl"> </div>
|
|
2378
|
+
</div>
|
|
2379
|
+
</div>
|
|
2380
|
+
</div>
|
|
2381
|
+
<div id="content">
|
|
2382
|
+
<div class="heading">
|
|
2383
|
+
<div class="shell">
|
|
2384
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
2385
|
+
<div class="buttons">
|
|
2386
|
+
<a href="#">Sign up now</a>
|
|
2387
|
+
<a href="#" class="last">Learn more</a>
|
|
2388
|
+
</div>
|
|
2389
|
+
</div>
|
|
2390
|
+
</div>
|
|
2391
|
+
<div class="shell">
|
|
2392
|
+
<div id="main">
|
|
2393
|
+
<div class="article">
|
|
2394
|
+
<h3>What Do We Do?</h3>
|
|
2395
|
+
<h4>This is a Headline!</h4>
|
|
2396
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2397
|
+
<h4>Here’s Another One</h4>
|
|
2398
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2399
|
+
<h4>The Knockout Punch</h4>
|
|
2400
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2401
|
+
</div>
|
|
2402
|
+
<div class="rightside">
|
|
2403
|
+
|
|
2404
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
2405
|
+
<h3>from the blog</h3>
|
|
2406
|
+
<div class="post">
|
|
2407
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
2408
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
2409
|
+
</div>
|
|
2410
|
+
<div class="post">
|
|
2411
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
2412
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
2413
|
+
</div>
|
|
2414
|
+
<div class="post">
|
|
2415
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
2416
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
2417
|
+
</div>
|
|
2418
|
+
<div class="post no-border">
|
|
2419
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
2420
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
2421
|
+
</div>
|
|
2422
|
+
</div></div></div>
|
|
2423
|
+
</div>
|
|
2424
|
+
<div class="cl"> </div>
|
|
2425
|
+
</div>
|
|
2426
|
+
<div class="bottom-part">
|
|
2427
|
+
<div class="box-holder">
|
|
2428
|
+
<div class="top-side">
|
|
2429
|
+
<div class="btm-side">
|
|
2430
|
+
|
|
2431
|
+
<div class="box first">
|
|
2432
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
2433
|
+
<div class="link">
|
|
2434
|
+
<a href="#" class="arr"> </a>
|
|
2435
|
+
<p>Envato Mothership Site</p>
|
|
2436
|
+
</div>
|
|
2437
|
+
</div>
|
|
2438
|
+
<div class="box">
|
|
2439
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
2440
|
+
<div class="link">
|
|
2441
|
+
<a href="#" class="arr"> </a>
|
|
2442
|
+
<p>PSDTUTS Redesign</p>
|
|
2443
|
+
</div>
|
|
2444
|
+
</div>
|
|
2445
|
+
<div class="box last">
|
|
2446
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
2447
|
+
</div>
|
|
2448
|
+
<div class="cl"> </div>
|
|
2449
|
+
</div>
|
|
2450
|
+
<div class="cl"> </div>
|
|
2451
|
+
</div>
|
|
2452
|
+
</div>
|
|
2453
|
+
</div>
|
|
2454
|
+
</div>
|
|
2455
|
+
</div>
|
|
2456
|
+
</body>
|
|
2457
|
+
</html>
|
|
2458
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
2459
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
2460
|
+
<head>
|
|
2461
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
2462
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
2463
|
+
<title>Iconic | Landing Page</title>
|
|
2464
|
+
|
|
2465
|
+
{{ content_for_layout }}
|
|
2466
|
+
<!--[if IE 6]>
|
|
2467
|
+
|
|
2468
|
+
</head>
|
|
2469
|
+
<body>
|
|
2470
|
+
<div class="frame">
|
|
2471
|
+
<div id="header">
|
|
2472
|
+
<div class="shell">
|
|
2473
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
2474
|
+
<div id="right-area">
|
|
2475
|
+
<div id="navigation">
|
|
2476
|
+
<ul>
|
|
2477
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
2478
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
2479
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
2480
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
2481
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
2482
|
+
<li id="login-nav"></li>
|
|
2483
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
2484
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
2485
|
+
</ul>
|
|
2486
|
+
</div>
|
|
2487
|
+
|
|
2488
|
+
<div class="cl"> </div>
|
|
2489
|
+
<div class="slogan">
|
|
2490
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
2491
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
2492
|
+
</div>
|
|
2493
|
+
</div>
|
|
2494
|
+
<div class="cl"> </div>
|
|
2495
|
+
</div>
|
|
2496
|
+
</div>
|
|
2497
|
+
</div>
|
|
2498
|
+
<div id="content">
|
|
2499
|
+
<div class="heading">
|
|
2500
|
+
<div class="shell">
|
|
2501
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
2502
|
+
<div class="buttons">
|
|
2503
|
+
<a href="#">Sign up now</a>
|
|
2504
|
+
<a href="#" class="last">Learn more</a>
|
|
2505
|
+
</div>
|
|
2506
|
+
</div>
|
|
2507
|
+
</div>
|
|
2508
|
+
<div class="shell">
|
|
2509
|
+
<div id="main">
|
|
2510
|
+
<div class="article">
|
|
2511
|
+
<h3>What Do We Do?</h3>
|
|
2512
|
+
<h4>This is a Headline!</h4>
|
|
2513
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2514
|
+
<h4>Here’s Another One</h4>
|
|
2515
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2516
|
+
<h4>The Knockout Punch</h4>
|
|
2517
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2518
|
+
</div>
|
|
2519
|
+
<div class="rightside">
|
|
2520
|
+
|
|
2521
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
2522
|
+
<h3>from the blog</h3>
|
|
2523
|
+
<div class="post">
|
|
2524
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
2525
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
2526
|
+
</div>
|
|
2527
|
+
<div class="post">
|
|
2528
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
2529
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
2530
|
+
</div>
|
|
2531
|
+
<div class="post">
|
|
2532
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
2533
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
2534
|
+
</div>
|
|
2535
|
+
<div class="post no-border">
|
|
2536
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
2537
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
2538
|
+
</div>
|
|
2539
|
+
</div></div></div>
|
|
2540
|
+
</div>
|
|
2541
|
+
<div class="cl"> </div>
|
|
2542
|
+
</div>
|
|
2543
|
+
<div class="bottom-part">
|
|
2544
|
+
<div class="box-holder">
|
|
2545
|
+
<div class="top-side">
|
|
2546
|
+
<div class="btm-side">
|
|
2547
|
+
|
|
2548
|
+
<div class="box first">
|
|
2549
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
2550
|
+
<div class="link">
|
|
2551
|
+
<a href="#" class="arr"> </a>
|
|
2552
|
+
<p>Envato Mothership Site</p>
|
|
2553
|
+
</div>
|
|
2554
|
+
</div>
|
|
2555
|
+
<div class="box">
|
|
2556
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
2557
|
+
<div class="link">
|
|
2558
|
+
<a href="#" class="arr"> </a>
|
|
2559
|
+
<p>PSDTUTS Redesign</p>
|
|
2560
|
+
</div>
|
|
2561
|
+
</div>
|
|
2562
|
+
<div class="box last">
|
|
2563
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
2564
|
+
</div>
|
|
2565
|
+
<div class="cl"> </div>
|
|
2566
|
+
</div>
|
|
2567
|
+
<div class="cl"> </div>
|
|
2568
|
+
</div>
|
|
2569
|
+
</div>
|
|
2570
|
+
</div>
|
|
2571
|
+
</div>
|
|
2572
|
+
</div>
|
|
2573
|
+
</body>
|
|
2574
|
+
</html>
|
|
2575
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
2576
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
2577
|
+
<head>
|
|
2578
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
2579
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
2580
|
+
<title>Iconic | Landing Page</title>
|
|
2581
|
+
|
|
2582
|
+
{{ content_for_layout }}
|
|
2583
|
+
<!--[if IE 6]>
|
|
2584
|
+
|
|
2585
|
+
</head>
|
|
2586
|
+
<body>
|
|
2587
|
+
<div class="frame">
|
|
2588
|
+
<div id="header">
|
|
2589
|
+
<div class="shell">
|
|
2590
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
2591
|
+
<div id="right-area">
|
|
2592
|
+
<div id="navigation">
|
|
2593
|
+
<ul>
|
|
2594
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
2595
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
2596
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
2597
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
2598
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
2599
|
+
<li id="login-nav"></li>
|
|
2600
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
2601
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
2602
|
+
</ul>
|
|
2603
|
+
</div>
|
|
2604
|
+
|
|
2605
|
+
<div class="cl"> </div>
|
|
2606
|
+
<div class="slogan">
|
|
2607
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
2608
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
2609
|
+
</div>
|
|
2610
|
+
</div>
|
|
2611
|
+
<div class="cl"> </div>
|
|
2612
|
+
</div>
|
|
2613
|
+
</div>
|
|
2614
|
+
</div>
|
|
2615
|
+
<div id="content">
|
|
2616
|
+
<div class="heading">
|
|
2617
|
+
<div class="shell">
|
|
2618
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
2619
|
+
<div class="buttons">
|
|
2620
|
+
<a href="#">Sign up now</a>
|
|
2621
|
+
<a href="#" class="last">Learn more</a>
|
|
2622
|
+
</div>
|
|
2623
|
+
</div>
|
|
2624
|
+
</div>
|
|
2625
|
+
<div class="shell">
|
|
2626
|
+
<div id="main">
|
|
2627
|
+
<div class="article">
|
|
2628
|
+
<h3>What Do We Do?</h3>
|
|
2629
|
+
<h4>This is a Headline!</h4>
|
|
2630
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2631
|
+
<h4>Here’s Another One</h4>
|
|
2632
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2633
|
+
<h4>The Knockout Punch</h4>
|
|
2634
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2635
|
+
</div>
|
|
2636
|
+
<div class="rightside">
|
|
2637
|
+
|
|
2638
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
2639
|
+
<h3>from the blog</h3>
|
|
2640
|
+
<div class="post">
|
|
2641
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
2642
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
2643
|
+
</div>
|
|
2644
|
+
<div class="post">
|
|
2645
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
2646
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
2647
|
+
</div>
|
|
2648
|
+
<div class="post">
|
|
2649
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
2650
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
2651
|
+
</div>
|
|
2652
|
+
<div class="post no-border">
|
|
2653
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
2654
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
2655
|
+
</div>
|
|
2656
|
+
</div></div></div>
|
|
2657
|
+
</div>
|
|
2658
|
+
<div class="cl"> </div>
|
|
2659
|
+
</div>
|
|
2660
|
+
<div class="bottom-part">
|
|
2661
|
+
<div class="box-holder">
|
|
2662
|
+
<div class="top-side">
|
|
2663
|
+
<div class="btm-side">
|
|
2664
|
+
|
|
2665
|
+
<div class="box first">
|
|
2666
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
2667
|
+
<div class="link">
|
|
2668
|
+
<a href="#" class="arr"> </a>
|
|
2669
|
+
<p>Envato Mothership Site</p>
|
|
2670
|
+
</div>
|
|
2671
|
+
</div>
|
|
2672
|
+
<div class="box">
|
|
2673
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
2674
|
+
<div class="link">
|
|
2675
|
+
<a href="#" class="arr"> </a>
|
|
2676
|
+
<p>PSDTUTS Redesign</p>
|
|
2677
|
+
</div>
|
|
2678
|
+
</div>
|
|
2679
|
+
<div class="box last">
|
|
2680
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
2681
|
+
</div>
|
|
2682
|
+
<div class="cl"> </div>
|
|
2683
|
+
</div>
|
|
2684
|
+
<div class="cl"> </div>
|
|
2685
|
+
</div>
|
|
2686
|
+
</div>
|
|
2687
|
+
</div>
|
|
2688
|
+
</div>
|
|
2689
|
+
</div>
|
|
2690
|
+
</body>
|
|
2691
|
+
</html>
|
|
2692
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
2693
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
2694
|
+
<head>
|
|
2695
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
2696
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
2697
|
+
<title>Iconic | Landing Page</title>
|
|
2698
|
+
|
|
2699
|
+
{{ content_for_layout }}
|
|
2700
|
+
<!--[if IE 6]>
|
|
2701
|
+
|
|
2702
|
+
</head>
|
|
2703
|
+
<body>
|
|
2704
|
+
<div class="frame">
|
|
2705
|
+
<div id="header">
|
|
2706
|
+
<div class="shell">
|
|
2707
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
2708
|
+
<div id="right-area">
|
|
2709
|
+
<div id="navigation">
|
|
2710
|
+
<ul>
|
|
2711
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
2712
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
2713
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
2714
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
2715
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
2716
|
+
<li id="login-nav"></li>
|
|
2717
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
2718
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
2719
|
+
</ul>
|
|
2720
|
+
</div>
|
|
2721
|
+
|
|
2722
|
+
<div class="cl"> </div>
|
|
2723
|
+
<div class="slogan">
|
|
2724
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
2725
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
2726
|
+
</div>
|
|
2727
|
+
</div>
|
|
2728
|
+
<div class="cl"> </div>
|
|
2729
|
+
</div>
|
|
2730
|
+
</div>
|
|
2731
|
+
</div>
|
|
2732
|
+
<div id="content">
|
|
2733
|
+
<div class="heading">
|
|
2734
|
+
<div class="shell">
|
|
2735
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
2736
|
+
<div class="buttons">
|
|
2737
|
+
<a href="#">Sign up now</a>
|
|
2738
|
+
<a href="#" class="last">Learn more</a>
|
|
2739
|
+
</div>
|
|
2740
|
+
</div>
|
|
2741
|
+
</div>
|
|
2742
|
+
<div class="shell">
|
|
2743
|
+
<div id="main">
|
|
2744
|
+
<div class="article">
|
|
2745
|
+
<h3>What Do We Do?</h3>
|
|
2746
|
+
<h4>This is a Headline!</h4>
|
|
2747
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2748
|
+
<h4>Here’s Another One</h4>
|
|
2749
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2750
|
+
<h4>The Knockout Punch</h4>
|
|
2751
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2752
|
+
</div>
|
|
2753
|
+
<div class="rightside">
|
|
2754
|
+
|
|
2755
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
2756
|
+
<h3>from the blog</h3>
|
|
2757
|
+
<div class="post">
|
|
2758
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
2759
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
2760
|
+
</div>
|
|
2761
|
+
<div class="post">
|
|
2762
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
2763
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
2764
|
+
</div>
|
|
2765
|
+
<div class="post">
|
|
2766
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
2767
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
2768
|
+
</div>
|
|
2769
|
+
<div class="post no-border">
|
|
2770
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
2771
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
2772
|
+
</div>
|
|
2773
|
+
</div></div></div>
|
|
2774
|
+
</div>
|
|
2775
|
+
<div class="cl"> </div>
|
|
2776
|
+
</div>
|
|
2777
|
+
<div class="bottom-part">
|
|
2778
|
+
<div class="box-holder">
|
|
2779
|
+
<div class="top-side">
|
|
2780
|
+
<div class="btm-side">
|
|
2781
|
+
|
|
2782
|
+
<div class="box first">
|
|
2783
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
2784
|
+
<div class="link">
|
|
2785
|
+
<a href="#" class="arr"> </a>
|
|
2786
|
+
<p>Envato Mothership Site</p>
|
|
2787
|
+
</div>
|
|
2788
|
+
</div>
|
|
2789
|
+
<div class="box">
|
|
2790
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
2791
|
+
<div class="link">
|
|
2792
|
+
<a href="#" class="arr"> </a>
|
|
2793
|
+
<p>PSDTUTS Redesign</p>
|
|
2794
|
+
</div>
|
|
2795
|
+
</div>
|
|
2796
|
+
<div class="box last">
|
|
2797
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
2798
|
+
</div>
|
|
2799
|
+
<div class="cl"> </div>
|
|
2800
|
+
</div>
|
|
2801
|
+
<div class="cl"> </div>
|
|
2802
|
+
</div>
|
|
2803
|
+
</div>
|
|
2804
|
+
</div>
|
|
2805
|
+
</div>
|
|
2806
|
+
</div>
|
|
2807
|
+
</body>
|
|
2808
|
+
</html>
|
|
2809
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
2810
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
2811
|
+
<head>
|
|
2812
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
2813
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
2814
|
+
<title>Iconic | Landing Page</title>
|
|
2815
|
+
|
|
2816
|
+
{{ content_for_layout }}
|
|
2817
|
+
<!--[if IE 6]>
|
|
2818
|
+
|
|
2819
|
+
</head>
|
|
2820
|
+
<body>
|
|
2821
|
+
<div class="frame">
|
|
2822
|
+
<div id="header">
|
|
2823
|
+
<div class="shell">
|
|
2824
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
2825
|
+
<div id="right-area">
|
|
2826
|
+
<div id="navigation">
|
|
2827
|
+
<ul>
|
|
2828
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
2829
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
2830
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
2831
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
2832
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
2833
|
+
<li id="login-nav"></li>
|
|
2834
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
2835
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
2836
|
+
</ul>
|
|
2837
|
+
</div>
|
|
2838
|
+
|
|
2839
|
+
<div class="cl"> </div>
|
|
2840
|
+
<div class="slogan">
|
|
2841
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
2842
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
2843
|
+
</div>
|
|
2844
|
+
</div>
|
|
2845
|
+
<div class="cl"> </div>
|
|
2846
|
+
</div>
|
|
2847
|
+
</div>
|
|
2848
|
+
</div>
|
|
2849
|
+
<div id="content">
|
|
2850
|
+
<div class="heading">
|
|
2851
|
+
<div class="shell">
|
|
2852
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
2853
|
+
<div class="buttons">
|
|
2854
|
+
<a href="#">Sign up now</a>
|
|
2855
|
+
<a href="#" class="last">Learn more</a>
|
|
2856
|
+
</div>
|
|
2857
|
+
</div>
|
|
2858
|
+
</div>
|
|
2859
|
+
<div class="shell">
|
|
2860
|
+
<div id="main">
|
|
2861
|
+
<div class="article">
|
|
2862
|
+
<h3>What Do We Do?</h3>
|
|
2863
|
+
<h4>This is a Headline!</h4>
|
|
2864
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2865
|
+
<h4>Here’s Another One</h4>
|
|
2866
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2867
|
+
<h4>The Knockout Punch</h4>
|
|
2868
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2869
|
+
</div>
|
|
2870
|
+
<div class="rightside">
|
|
2871
|
+
|
|
2872
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
2873
|
+
<h3>from the blog</h3>
|
|
2874
|
+
<div class="post">
|
|
2875
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
2876
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
2877
|
+
</div>
|
|
2878
|
+
<div class="post">
|
|
2879
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
2880
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
2881
|
+
</div>
|
|
2882
|
+
<div class="post">
|
|
2883
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
2884
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
2885
|
+
</div>
|
|
2886
|
+
<div class="post no-border">
|
|
2887
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
2888
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
2889
|
+
</div>
|
|
2890
|
+
</div></div></div>
|
|
2891
|
+
</div>
|
|
2892
|
+
<div class="cl"> </div>
|
|
2893
|
+
</div>
|
|
2894
|
+
<div class="bottom-part">
|
|
2895
|
+
<div class="box-holder">
|
|
2896
|
+
<div class="top-side">
|
|
2897
|
+
<div class="btm-side">
|
|
2898
|
+
|
|
2899
|
+
<div class="box first">
|
|
2900
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
2901
|
+
<div class="link">
|
|
2902
|
+
<a href="#" class="arr"> </a>
|
|
2903
|
+
<p>Envato Mothership Site</p>
|
|
2904
|
+
</div>
|
|
2905
|
+
</div>
|
|
2906
|
+
<div class="box">
|
|
2907
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
2908
|
+
<div class="link">
|
|
2909
|
+
<a href="#" class="arr"> </a>
|
|
2910
|
+
<p>PSDTUTS Redesign</p>
|
|
2911
|
+
</div>
|
|
2912
|
+
</div>
|
|
2913
|
+
<div class="box last">
|
|
2914
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
2915
|
+
</div>
|
|
2916
|
+
<div class="cl"> </div>
|
|
2917
|
+
</div>
|
|
2918
|
+
<div class="cl"> </div>
|
|
2919
|
+
</div>
|
|
2920
|
+
</div>
|
|
2921
|
+
</div>
|
|
2922
|
+
</div>
|
|
2923
|
+
</div>
|
|
2924
|
+
</body>
|
|
2925
|
+
</html>
|
|
2926
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
2927
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
2928
|
+
<head>
|
|
2929
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
2930
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
2931
|
+
<title>Iconic | Landing Page</title>
|
|
2932
|
+
|
|
2933
|
+
{{ content_for_layout }}
|
|
2934
|
+
<!--[if IE 6]>
|
|
2935
|
+
|
|
2936
|
+
</head>
|
|
2937
|
+
<body>
|
|
2938
|
+
<div class="frame">
|
|
2939
|
+
<div id="header">
|
|
2940
|
+
<div class="shell">
|
|
2941
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
2942
|
+
<div id="right-area">
|
|
2943
|
+
<div id="navigation">
|
|
2944
|
+
<ul>
|
|
2945
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
2946
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
2947
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
2948
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
2949
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
2950
|
+
<li id="login-nav"></li>
|
|
2951
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
2952
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
2953
|
+
</ul>
|
|
2954
|
+
</div>
|
|
2955
|
+
|
|
2956
|
+
<div class="cl"> </div>
|
|
2957
|
+
<div class="slogan">
|
|
2958
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
2959
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
2960
|
+
</div>
|
|
2961
|
+
</div>
|
|
2962
|
+
<div class="cl"> </div>
|
|
2963
|
+
</div>
|
|
2964
|
+
</div>
|
|
2965
|
+
</div>
|
|
2966
|
+
<div id="content">
|
|
2967
|
+
<div class="heading">
|
|
2968
|
+
<div class="shell">
|
|
2969
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
2970
|
+
<div class="buttons">
|
|
2971
|
+
<a href="#">Sign up now</a>
|
|
2972
|
+
<a href="#" class="last">Learn more</a>
|
|
2973
|
+
</div>
|
|
2974
|
+
</div>
|
|
2975
|
+
</div>
|
|
2976
|
+
<div class="shell">
|
|
2977
|
+
<div id="main">
|
|
2978
|
+
<div class="article">
|
|
2979
|
+
<h3>What Do We Do?</h3>
|
|
2980
|
+
<h4>This is a Headline!</h4>
|
|
2981
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2982
|
+
<h4>Here’s Another One</h4>
|
|
2983
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2984
|
+
<h4>The Knockout Punch</h4>
|
|
2985
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
2986
|
+
</div>
|
|
2987
|
+
<div class="rightside">
|
|
2988
|
+
|
|
2989
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
2990
|
+
<h3>from the blog</h3>
|
|
2991
|
+
<div class="post">
|
|
2992
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
2993
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
2994
|
+
</div>
|
|
2995
|
+
<div class="post">
|
|
2996
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
2997
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
2998
|
+
</div>
|
|
2999
|
+
<div class="post">
|
|
3000
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
3001
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
3002
|
+
</div>
|
|
3003
|
+
<div class="post no-border">
|
|
3004
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
3005
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
3006
|
+
</div>
|
|
3007
|
+
</div></div></div>
|
|
3008
|
+
</div>
|
|
3009
|
+
<div class="cl"> </div>
|
|
3010
|
+
</div>
|
|
3011
|
+
<div class="bottom-part">
|
|
3012
|
+
<div class="box-holder">
|
|
3013
|
+
<div class="top-side">
|
|
3014
|
+
<div class="btm-side">
|
|
3015
|
+
|
|
3016
|
+
<div class="box first">
|
|
3017
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
3018
|
+
<div class="link">
|
|
3019
|
+
<a href="#" class="arr"> </a>
|
|
3020
|
+
<p>Envato Mothership Site</p>
|
|
3021
|
+
</div>
|
|
3022
|
+
</div>
|
|
3023
|
+
<div class="box">
|
|
3024
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
3025
|
+
<div class="link">
|
|
3026
|
+
<a href="#" class="arr"> </a>
|
|
3027
|
+
<p>PSDTUTS Redesign</p>
|
|
3028
|
+
</div>
|
|
3029
|
+
</div>
|
|
3030
|
+
<div class="box last">
|
|
3031
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
3032
|
+
</div>
|
|
3033
|
+
<div class="cl"> </div>
|
|
3034
|
+
</div>
|
|
3035
|
+
<div class="cl"> </div>
|
|
3036
|
+
</div>
|
|
3037
|
+
</div>
|
|
3038
|
+
</div>
|
|
3039
|
+
</div>
|
|
3040
|
+
</div>
|
|
3041
|
+
</body>
|
|
3042
|
+
</html>
|
|
3043
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
3044
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
3045
|
+
<head>
|
|
3046
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
3047
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
3048
|
+
<title>Iconic | Landing Page</title>
|
|
3049
|
+
|
|
3050
|
+
{{ content_for_layout }}
|
|
3051
|
+
<!--[if IE 6]>
|
|
3052
|
+
|
|
3053
|
+
</head>
|
|
3054
|
+
<body>
|
|
3055
|
+
<div class="frame">
|
|
3056
|
+
<div id="header">
|
|
3057
|
+
<div class="shell">
|
|
3058
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
3059
|
+
<div id="right-area">
|
|
3060
|
+
<div id="navigation">
|
|
3061
|
+
<ul>
|
|
3062
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
3063
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
3064
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
3065
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
3066
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
3067
|
+
<li id="login-nav"></li>
|
|
3068
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
3069
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
3070
|
+
</ul>
|
|
3071
|
+
</div>
|
|
3072
|
+
|
|
3073
|
+
<div class="cl"> </div>
|
|
3074
|
+
<div class="slogan">
|
|
3075
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
3076
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
3077
|
+
</div>
|
|
3078
|
+
</div>
|
|
3079
|
+
<div class="cl"> </div>
|
|
3080
|
+
</div>
|
|
3081
|
+
</div>
|
|
3082
|
+
</div>
|
|
3083
|
+
<div id="content">
|
|
3084
|
+
<div class="heading">
|
|
3085
|
+
<div class="shell">
|
|
3086
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
3087
|
+
<div class="buttons">
|
|
3088
|
+
<a href="#">Sign up now</a>
|
|
3089
|
+
<a href="#" class="last">Learn more</a>
|
|
3090
|
+
</div>
|
|
3091
|
+
</div>
|
|
3092
|
+
</div>
|
|
3093
|
+
<div class="shell">
|
|
3094
|
+
<div id="main">
|
|
3095
|
+
<div class="article">
|
|
3096
|
+
<h3>What Do We Do?</h3>
|
|
3097
|
+
<h4>This is a Headline!</h4>
|
|
3098
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
3099
|
+
<h4>Here’s Another One</h4>
|
|
3100
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
3101
|
+
<h4>The Knockout Punch</h4>
|
|
3102
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
3103
|
+
</div>
|
|
3104
|
+
<div class="rightside">
|
|
3105
|
+
|
|
3106
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
3107
|
+
<h3>from the blog</h3>
|
|
3108
|
+
<div class="post">
|
|
3109
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
3110
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
3111
|
+
</div>
|
|
3112
|
+
<div class="post">
|
|
3113
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
3114
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
3115
|
+
</div>
|
|
3116
|
+
<div class="post">
|
|
3117
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
3118
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
3119
|
+
</div>
|
|
3120
|
+
<div class="post no-border">
|
|
3121
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
3122
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
3123
|
+
</div>
|
|
3124
|
+
</div></div></div>
|
|
3125
|
+
</div>
|
|
3126
|
+
<div class="cl"> </div>
|
|
3127
|
+
</div>
|
|
3128
|
+
<div class="bottom-part">
|
|
3129
|
+
<div class="box-holder">
|
|
3130
|
+
<div class="top-side">
|
|
3131
|
+
<div class="btm-side">
|
|
3132
|
+
|
|
3133
|
+
<div class="box first">
|
|
3134
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
3135
|
+
<div class="link">
|
|
3136
|
+
<a href="#" class="arr"> </a>
|
|
3137
|
+
<p>Envato Mothership Site</p>
|
|
3138
|
+
</div>
|
|
3139
|
+
</div>
|
|
3140
|
+
<div class="box">
|
|
3141
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
3142
|
+
<div class="link">
|
|
3143
|
+
<a href="#" class="arr"> </a>
|
|
3144
|
+
<p>PSDTUTS Redesign</p>
|
|
3145
|
+
</div>
|
|
3146
|
+
</div>
|
|
3147
|
+
<div class="box last">
|
|
3148
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
3149
|
+
</div>
|
|
3150
|
+
<div class="cl"> </div>
|
|
3151
|
+
</div>
|
|
3152
|
+
<div class="cl"> </div>
|
|
3153
|
+
</div>
|
|
3154
|
+
</div>
|
|
3155
|
+
</div>
|
|
3156
|
+
</div>
|
|
3157
|
+
</div>
|
|
3158
|
+
</body>
|
|
3159
|
+
</html>
|
|
3160
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
3161
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
3162
|
+
<head>
|
|
3163
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
3164
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
3165
|
+
<title>Iconic | Landing Page</title>
|
|
3166
|
+
|
|
3167
|
+
{{ content_for_layout }}
|
|
3168
|
+
<!--[if IE 6]>
|
|
3169
|
+
|
|
3170
|
+
</head>
|
|
3171
|
+
<body>
|
|
3172
|
+
<div class="frame">
|
|
3173
|
+
<div id="header">
|
|
3174
|
+
<div class="shell">
|
|
3175
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
3176
|
+
<div id="right-area">
|
|
3177
|
+
<div id="navigation">
|
|
3178
|
+
<ul>
|
|
3179
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
3180
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
3181
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
3182
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
3183
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
3184
|
+
<li id="login-nav"></li>
|
|
3185
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
3186
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
3187
|
+
</ul>
|
|
3188
|
+
</div>
|
|
3189
|
+
|
|
3190
|
+
<div class="cl"> </div>
|
|
3191
|
+
<div class="slogan">
|
|
3192
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
3193
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
3194
|
+
</div>
|
|
3195
|
+
</div>
|
|
3196
|
+
<div class="cl"> </div>
|
|
3197
|
+
</div>
|
|
3198
|
+
</div>
|
|
3199
|
+
</div>
|
|
3200
|
+
<div id="content">
|
|
3201
|
+
<div class="heading">
|
|
3202
|
+
<div class="shell">
|
|
3203
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
3204
|
+
<div class="buttons">
|
|
3205
|
+
<a href="#">Sign up now</a>
|
|
3206
|
+
<a href="#" class="last">Learn more</a>
|
|
3207
|
+
</div>
|
|
3208
|
+
</div>
|
|
3209
|
+
</div>
|
|
3210
|
+
<div class="shell">
|
|
3211
|
+
<div id="main">
|
|
3212
|
+
<div class="article">
|
|
3213
|
+
<h3>What Do We Do?</h3>
|
|
3214
|
+
<h4>This is a Headline!</h4>
|
|
3215
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
3216
|
+
<h4>Here’s Another One</h4>
|
|
3217
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
3218
|
+
<h4>The Knockout Punch</h4>
|
|
3219
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
3220
|
+
</div>
|
|
3221
|
+
<div class="rightside">
|
|
3222
|
+
|
|
3223
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
3224
|
+
<h3>from the blog</h3>
|
|
3225
|
+
<div class="post">
|
|
3226
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
3227
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
3228
|
+
</div>
|
|
3229
|
+
<div class="post">
|
|
3230
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
3231
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
3232
|
+
</div>
|
|
3233
|
+
<div class="post">
|
|
3234
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
3235
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
3236
|
+
</div>
|
|
3237
|
+
<div class="post no-border">
|
|
3238
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
3239
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
3240
|
+
</div>
|
|
3241
|
+
</div></div></div>
|
|
3242
|
+
</div>
|
|
3243
|
+
<div class="cl"> </div>
|
|
3244
|
+
</div>
|
|
3245
|
+
<div class="bottom-part">
|
|
3246
|
+
<div class="box-holder">
|
|
3247
|
+
<div class="top-side">
|
|
3248
|
+
<div class="btm-side">
|
|
3249
|
+
|
|
3250
|
+
<div class="box first">
|
|
3251
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
3252
|
+
<div class="link">
|
|
3253
|
+
<a href="#" class="arr"> </a>
|
|
3254
|
+
<p>Envato Mothership Site</p>
|
|
3255
|
+
</div>
|
|
3256
|
+
</div>
|
|
3257
|
+
<div class="box">
|
|
3258
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
3259
|
+
<div class="link">
|
|
3260
|
+
<a href="#" class="arr"> </a>
|
|
3261
|
+
<p>PSDTUTS Redesign</p>
|
|
3262
|
+
</div>
|
|
3263
|
+
</div>
|
|
3264
|
+
<div class="box last">
|
|
3265
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
3266
|
+
</div>
|
|
3267
|
+
<div class="cl"> </div>
|
|
3268
|
+
</div>
|
|
3269
|
+
<div class="cl"> </div>
|
|
3270
|
+
</div>
|
|
3271
|
+
</div>
|
|
3272
|
+
</div>
|
|
3273
|
+
</div>
|
|
3274
|
+
</div>
|
|
3275
|
+
</body>
|
|
3276
|
+
</html>
|
|
3277
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
3278
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
3279
|
+
<head>
|
|
3280
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
3281
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
3282
|
+
<title>Iconic | Landing Page</title>
|
|
3283
|
+
|
|
3284
|
+
{{ content_for_layout }}
|
|
3285
|
+
<!--[if IE 6]>
|
|
3286
|
+
|
|
3287
|
+
</head>
|
|
3288
|
+
<body>
|
|
3289
|
+
<div class="frame">
|
|
3290
|
+
<div id="header">
|
|
3291
|
+
<div class="shell">
|
|
3292
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
3293
|
+
<div id="right-area">
|
|
3294
|
+
<div id="navigation">
|
|
3295
|
+
<ul>
|
|
3296
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
3297
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
3298
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
3299
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
3300
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
3301
|
+
<li id="login-nav"></li>
|
|
3302
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
3303
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
3304
|
+
</ul>
|
|
3305
|
+
</div>
|
|
3306
|
+
|
|
3307
|
+
<div class="cl"> </div>
|
|
3308
|
+
<div class="slogan">
|
|
3309
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
3310
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
3311
|
+
</div>
|
|
3312
|
+
</div>
|
|
3313
|
+
<div class="cl"> </div>
|
|
3314
|
+
</div>
|
|
3315
|
+
</div>
|
|
3316
|
+
</div>
|
|
3317
|
+
<div id="content">
|
|
3318
|
+
<div class="heading">
|
|
3319
|
+
<div class="shell">
|
|
3320
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
3321
|
+
<div class="buttons">
|
|
3322
|
+
<a href="#">Sign up now</a>
|
|
3323
|
+
<a href="#" class="last">Learn more</a>
|
|
3324
|
+
</div>
|
|
3325
|
+
</div>
|
|
3326
|
+
</div>
|
|
3327
|
+
<div class="shell">
|
|
3328
|
+
<div id="main">
|
|
3329
|
+
<div class="article">
|
|
3330
|
+
<h3>What Do We Do?</h3>
|
|
3331
|
+
<h4>This is a Headline!</h4>
|
|
3332
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
3333
|
+
<h4>Here’s Another One</h4>
|
|
3334
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
3335
|
+
<h4>The Knockout Punch</h4>
|
|
3336
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
3337
|
+
</div>
|
|
3338
|
+
<div class="rightside">
|
|
3339
|
+
|
|
3340
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
3341
|
+
<h3>from the blog</h3>
|
|
3342
|
+
<div class="post">
|
|
3343
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
3344
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
3345
|
+
</div>
|
|
3346
|
+
<div class="post">
|
|
3347
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
3348
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
3349
|
+
</div>
|
|
3350
|
+
<div class="post">
|
|
3351
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
3352
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
3353
|
+
</div>
|
|
3354
|
+
<div class="post no-border">
|
|
3355
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
3356
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
3357
|
+
</div>
|
|
3358
|
+
</div></div></div>
|
|
3359
|
+
</div>
|
|
3360
|
+
<div class="cl"> </div>
|
|
3361
|
+
</div>
|
|
3362
|
+
<div class="bottom-part">
|
|
3363
|
+
<div class="box-holder">
|
|
3364
|
+
<div class="top-side">
|
|
3365
|
+
<div class="btm-side">
|
|
3366
|
+
|
|
3367
|
+
<div class="box first">
|
|
3368
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
3369
|
+
<div class="link">
|
|
3370
|
+
<a href="#" class="arr"> </a>
|
|
3371
|
+
<p>Envato Mothership Site</p>
|
|
3372
|
+
</div>
|
|
3373
|
+
</div>
|
|
3374
|
+
<div class="box">
|
|
3375
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
3376
|
+
<div class="link">
|
|
3377
|
+
<a href="#" class="arr"> </a>
|
|
3378
|
+
<p>PSDTUTS Redesign</p>
|
|
3379
|
+
</div>
|
|
3380
|
+
</div>
|
|
3381
|
+
<div class="box last">
|
|
3382
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
3383
|
+
</div>
|
|
3384
|
+
<div class="cl"> </div>
|
|
3385
|
+
</div>
|
|
3386
|
+
<div class="cl"> </div>
|
|
3387
|
+
</div>
|
|
3388
|
+
</div>
|
|
3389
|
+
</div>
|
|
3390
|
+
</div>
|
|
3391
|
+
</div>
|
|
3392
|
+
</body>
|
|
3393
|
+
</html>
|
|
3394
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
3395
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
3396
|
+
<head>
|
|
3397
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
3398
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
3399
|
+
<title>Iconic | Landing Page</title>
|
|
3400
|
+
|
|
3401
|
+
{{ content_for_layout }}
|
|
3402
|
+
<!--[if IE 6]>
|
|
3403
|
+
|
|
3404
|
+
</head>
|
|
3405
|
+
<body>
|
|
3406
|
+
<div class="frame">
|
|
3407
|
+
<div id="header">
|
|
3408
|
+
<div class="shell">
|
|
3409
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
3410
|
+
<div id="right-area">
|
|
3411
|
+
<div id="navigation">
|
|
3412
|
+
<ul>
|
|
3413
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
3414
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
3415
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
3416
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
3417
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
3418
|
+
<li id="login-nav"></li>
|
|
3419
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
3420
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
3421
|
+
</ul>
|
|
3422
|
+
</div>
|
|
3423
|
+
|
|
3424
|
+
<div class="cl"> </div>
|
|
3425
|
+
<div class="slogan">
|
|
3426
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
3427
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
3428
|
+
</div>
|
|
3429
|
+
</div>
|
|
3430
|
+
<div class="cl"> </div>
|
|
3431
|
+
</div>
|
|
3432
|
+
</div>
|
|
3433
|
+
</div>
|
|
3434
|
+
<div id="content">
|
|
3435
|
+
<div class="heading">
|
|
3436
|
+
<div class="shell">
|
|
3437
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
3438
|
+
<div class="buttons">
|
|
3439
|
+
<a href="#">Sign up now</a>
|
|
3440
|
+
<a href="#" class="last">Learn more</a>
|
|
3441
|
+
</div>
|
|
3442
|
+
</div>
|
|
3443
|
+
</div>
|
|
3444
|
+
<div class="shell">
|
|
3445
|
+
<div id="main">
|
|
3446
|
+
<div class="article">
|
|
3447
|
+
<h3>What Do We Do?</h3>
|
|
3448
|
+
<h4>This is a Headline!</h4>
|
|
3449
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
3450
|
+
<h4>Here’s Another One</h4>
|
|
3451
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
3452
|
+
<h4>The Knockout Punch</h4>
|
|
3453
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
3454
|
+
</div>
|
|
3455
|
+
<div class="rightside">
|
|
3456
|
+
|
|
3457
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
3458
|
+
<h3>from the blog</h3>
|
|
3459
|
+
<div class="post">
|
|
3460
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
3461
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
3462
|
+
</div>
|
|
3463
|
+
<div class="post">
|
|
3464
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
3465
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
3466
|
+
</div>
|
|
3467
|
+
<div class="post">
|
|
3468
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
3469
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
3470
|
+
</div>
|
|
3471
|
+
<div class="post no-border">
|
|
3472
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
3473
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
3474
|
+
</div>
|
|
3475
|
+
</div></div></div>
|
|
3476
|
+
</div>
|
|
3477
|
+
<div class="cl"> </div>
|
|
3478
|
+
</div>
|
|
3479
|
+
<div class="bottom-part">
|
|
3480
|
+
<div class="box-holder">
|
|
3481
|
+
<div class="top-side">
|
|
3482
|
+
<div class="btm-side">
|
|
3483
|
+
|
|
3484
|
+
<div class="box first">
|
|
3485
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
3486
|
+
<div class="link">
|
|
3487
|
+
<a href="#" class="arr"> </a>
|
|
3488
|
+
<p>Envato Mothership Site</p>
|
|
3489
|
+
</div>
|
|
3490
|
+
</div>
|
|
3491
|
+
<div class="box">
|
|
3492
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
3493
|
+
<div class="link">
|
|
3494
|
+
<a href="#" class="arr"> </a>
|
|
3495
|
+
<p>PSDTUTS Redesign</p>
|
|
3496
|
+
</div>
|
|
3497
|
+
</div>
|
|
3498
|
+
<div class="box last">
|
|
3499
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
3500
|
+
</div>
|
|
3501
|
+
<div class="cl"> </div>
|
|
3502
|
+
</div>
|
|
3503
|
+
<div class="cl"> </div>
|
|
3504
|
+
</div>
|
|
3505
|
+
</div>
|
|
3506
|
+
</div>
|
|
3507
|
+
</div>
|
|
3508
|
+
</div>
|
|
3509
|
+
</body>
|
|
3510
|
+
</html>
|
|
3511
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
3512
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
3513
|
+
<head>
|
|
3514
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
3515
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
3516
|
+
<title>Iconic | Landing Page</title>
|
|
3517
|
+
|
|
3518
|
+
{{ content_for_layout }}
|
|
3519
|
+
<!--[if IE 6]>
|
|
3520
|
+
|
|
3521
|
+
</head>
|
|
3522
|
+
<body>
|
|
3523
|
+
<div class="frame">
|
|
3524
|
+
<div id="header">
|
|
3525
|
+
<div class="shell">
|
|
3526
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
3527
|
+
<div id="right-area">
|
|
3528
|
+
<div id="navigation">
|
|
3529
|
+
<ul>
|
|
3530
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
3531
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
3532
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
3533
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
3534
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
3535
|
+
<li id="login-nav"></li>
|
|
3536
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
3537
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
3538
|
+
</ul>
|
|
3539
|
+
</div>
|
|
3540
|
+
|
|
3541
|
+
<div class="cl"> </div>
|
|
3542
|
+
<div class="slogan">
|
|
3543
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
3544
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
3545
|
+
</div>
|
|
3546
|
+
</div>
|
|
3547
|
+
<div class="cl"> </div>
|
|
3548
|
+
</div>
|
|
3549
|
+
</div>
|
|
3550
|
+
</div>
|
|
3551
|
+
<div id="content">
|
|
3552
|
+
<div class="heading">
|
|
3553
|
+
<div class="shell">
|
|
3554
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
3555
|
+
<div class="buttons">
|
|
3556
|
+
<a href="#">Sign up now</a>
|
|
3557
|
+
<a href="#" class="last">Learn more</a>
|
|
3558
|
+
</div>
|
|
3559
|
+
</div>
|
|
3560
|
+
</div>
|
|
3561
|
+
<div class="shell">
|
|
3562
|
+
<div id="main">
|
|
3563
|
+
<div class="article">
|
|
3564
|
+
<h3>What Do We Do?</h3>
|
|
3565
|
+
<h4>This is a Headline!</h4>
|
|
3566
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
3567
|
+
<h4>Here’s Another One</h4>
|
|
3568
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
3569
|
+
<h4>The Knockout Punch</h4>
|
|
3570
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
3571
|
+
</div>
|
|
3572
|
+
<div class="rightside">
|
|
3573
|
+
|
|
3574
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
3575
|
+
<h3>from the blog</h3>
|
|
3576
|
+
<div class="post">
|
|
3577
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
3578
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
3579
|
+
</div>
|
|
3580
|
+
<div class="post">
|
|
3581
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
3582
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
3583
|
+
</div>
|
|
3584
|
+
<div class="post">
|
|
3585
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
3586
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
3587
|
+
</div>
|
|
3588
|
+
<div class="post no-border">
|
|
3589
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
3590
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
3591
|
+
</div>
|
|
3592
|
+
</div></div></div>
|
|
3593
|
+
</div>
|
|
3594
|
+
<div class="cl"> </div>
|
|
3595
|
+
</div>
|
|
3596
|
+
<div class="bottom-part">
|
|
3597
|
+
<div class="box-holder">
|
|
3598
|
+
<div class="top-side">
|
|
3599
|
+
<div class="btm-side">
|
|
3600
|
+
|
|
3601
|
+
<div class="box first">
|
|
3602
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
3603
|
+
<div class="link">
|
|
3604
|
+
<a href="#" class="arr"> </a>
|
|
3605
|
+
<p>Envato Mothership Site</p>
|
|
3606
|
+
</div>
|
|
3607
|
+
</div>
|
|
3608
|
+
<div class="box">
|
|
3609
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
3610
|
+
<div class="link">
|
|
3611
|
+
<a href="#" class="arr"> </a>
|
|
3612
|
+
<p>PSDTUTS Redesign</p>
|
|
3613
|
+
</div>
|
|
3614
|
+
</div>
|
|
3615
|
+
<div class="box last">
|
|
3616
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
3617
|
+
</div>
|
|
3618
|
+
<div class="cl"> </div>
|
|
3619
|
+
</div>
|
|
3620
|
+
<div class="cl"> </div>
|
|
3621
|
+
</div>
|
|
3622
|
+
</div>
|
|
3623
|
+
</div>
|
|
3624
|
+
</div>
|
|
3625
|
+
</div>
|
|
3626
|
+
</body>
|
|
3627
|
+
</html>
|
|
3628
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
3629
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
3630
|
+
<head>
|
|
3631
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
3632
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
3633
|
+
<title>Iconic | Landing Page</title>
|
|
3634
|
+
|
|
3635
|
+
{{ content_for_layout }}
|
|
3636
|
+
<!--[if IE 6]>
|
|
3637
|
+
|
|
3638
|
+
</head>
|
|
3639
|
+
<body>
|
|
3640
|
+
<div class="frame">
|
|
3641
|
+
<div id="header">
|
|
3642
|
+
<div class="shell">
|
|
3643
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
3644
|
+
<div id="right-area">
|
|
3645
|
+
<div id="navigation">
|
|
3646
|
+
<ul>
|
|
3647
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
3648
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
3649
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
3650
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
3651
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
3652
|
+
<li id="login-nav"></li>
|
|
3653
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
3654
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
3655
|
+
</ul>
|
|
3656
|
+
</div>
|
|
3657
|
+
|
|
3658
|
+
<div class="cl"> </div>
|
|
3659
|
+
<div class="slogan">
|
|
3660
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
3661
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
3662
|
+
</div>
|
|
3663
|
+
</div>
|
|
3664
|
+
<div class="cl"> </div>
|
|
3665
|
+
</div>
|
|
3666
|
+
</div>
|
|
3667
|
+
</div>
|
|
3668
|
+
<div id="content">
|
|
3669
|
+
<div class="heading">
|
|
3670
|
+
<div class="shell">
|
|
3671
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
3672
|
+
<div class="buttons">
|
|
3673
|
+
<a href="#">Sign up now</a>
|
|
3674
|
+
<a href="#" class="last">Learn more</a>
|
|
3675
|
+
</div>
|
|
3676
|
+
</div>
|
|
3677
|
+
</div>
|
|
3678
|
+
<div class="shell">
|
|
3679
|
+
<div id="main">
|
|
3680
|
+
<div class="article">
|
|
3681
|
+
<h3>What Do We Do?</h3>
|
|
3682
|
+
<h4>This is a Headline!</h4>
|
|
3683
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
3684
|
+
<h4>Here’s Another One</h4>
|
|
3685
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
3686
|
+
<h4>The Knockout Punch</h4>
|
|
3687
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
3688
|
+
</div>
|
|
3689
|
+
<div class="rightside">
|
|
3690
|
+
|
|
3691
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
3692
|
+
<h3>from the blog</h3>
|
|
3693
|
+
<div class="post">
|
|
3694
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
3695
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
3696
|
+
</div>
|
|
3697
|
+
<div class="post">
|
|
3698
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
3699
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
3700
|
+
</div>
|
|
3701
|
+
<div class="post">
|
|
3702
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
3703
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
3704
|
+
</div>
|
|
3705
|
+
<div class="post no-border">
|
|
3706
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
3707
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
3708
|
+
</div>
|
|
3709
|
+
</div></div></div>
|
|
3710
|
+
</div>
|
|
3711
|
+
<div class="cl"> </div>
|
|
3712
|
+
</div>
|
|
3713
|
+
<div class="bottom-part">
|
|
3714
|
+
<div class="box-holder">
|
|
3715
|
+
<div class="top-side">
|
|
3716
|
+
<div class="btm-side">
|
|
3717
|
+
|
|
3718
|
+
<div class="box first">
|
|
3719
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
3720
|
+
<div class="link">
|
|
3721
|
+
<a href="#" class="arr"> </a>
|
|
3722
|
+
<p>Envato Mothership Site</p>
|
|
3723
|
+
</div>
|
|
3724
|
+
</div>
|
|
3725
|
+
<div class="box">
|
|
3726
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
3727
|
+
<div class="link">
|
|
3728
|
+
<a href="#" class="arr"> </a>
|
|
3729
|
+
<p>PSDTUTS Redesign</p>
|
|
3730
|
+
</div>
|
|
3731
|
+
</div>
|
|
3732
|
+
<div class="box last">
|
|
3733
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
3734
|
+
</div>
|
|
3735
|
+
<div class="cl"> </div>
|
|
3736
|
+
</div>
|
|
3737
|
+
<div class="cl"> </div>
|
|
3738
|
+
</div>
|
|
3739
|
+
</div>
|
|
3740
|
+
</div>
|
|
3741
|
+
</div>
|
|
3742
|
+
</div>
|
|
3743
|
+
</body>
|
|
3744
|
+
</html>
|
|
3745
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
3746
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
3747
|
+
<head>
|
|
3748
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
3749
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
3750
|
+
<title>Iconic | Landing Page</title>
|
|
3751
|
+
|
|
3752
|
+
{{ content_for_layout }}
|
|
3753
|
+
<!--[if IE 6]>
|
|
3754
|
+
|
|
3755
|
+
</head>
|
|
3756
|
+
<body>
|
|
3757
|
+
<div class="frame">
|
|
3758
|
+
<div id="header">
|
|
3759
|
+
<div class="shell">
|
|
3760
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
3761
|
+
<div id="right-area">
|
|
3762
|
+
<div id="navigation">
|
|
3763
|
+
<ul>
|
|
3764
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
3765
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
3766
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
3767
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
3768
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
3769
|
+
<li id="login-nav"></li>
|
|
3770
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
3771
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
3772
|
+
</ul>
|
|
3773
|
+
</div>
|
|
3774
|
+
|
|
3775
|
+
<div class="cl"> </div>
|
|
3776
|
+
<div class="slogan">
|
|
3777
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
3778
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
3779
|
+
</div>
|
|
3780
|
+
</div>
|
|
3781
|
+
<div class="cl"> </div>
|
|
3782
|
+
</div>
|
|
3783
|
+
</div>
|
|
3784
|
+
</div>
|
|
3785
|
+
<div id="content">
|
|
3786
|
+
<div class="heading">
|
|
3787
|
+
<div class="shell">
|
|
3788
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
3789
|
+
<div class="buttons">
|
|
3790
|
+
<a href="#">Sign up now</a>
|
|
3791
|
+
<a href="#" class="last">Learn more</a>
|
|
3792
|
+
</div>
|
|
3793
|
+
</div>
|
|
3794
|
+
</div>
|
|
3795
|
+
<div class="shell">
|
|
3796
|
+
<div id="main">
|
|
3797
|
+
<div class="article">
|
|
3798
|
+
<h3>What Do We Do?</h3>
|
|
3799
|
+
<h4>This is a Headline!</h4>
|
|
3800
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
3801
|
+
<h4>Here’s Another One</h4>
|
|
3802
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
3803
|
+
<h4>The Knockout Punch</h4>
|
|
3804
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
3805
|
+
</div>
|
|
3806
|
+
<div class="rightside">
|
|
3807
|
+
|
|
3808
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
3809
|
+
<h3>from the blog</h3>
|
|
3810
|
+
<div class="post">
|
|
3811
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
3812
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
3813
|
+
</div>
|
|
3814
|
+
<div class="post">
|
|
3815
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
3816
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
3817
|
+
</div>
|
|
3818
|
+
<div class="post">
|
|
3819
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
3820
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
3821
|
+
</div>
|
|
3822
|
+
<div class="post no-border">
|
|
3823
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
3824
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
3825
|
+
</div>
|
|
3826
|
+
</div></div></div>
|
|
3827
|
+
</div>
|
|
3828
|
+
<div class="cl"> </div>
|
|
3829
|
+
</div>
|
|
3830
|
+
<div class="bottom-part">
|
|
3831
|
+
<div class="box-holder">
|
|
3832
|
+
<div class="top-side">
|
|
3833
|
+
<div class="btm-side">
|
|
3834
|
+
|
|
3835
|
+
<div class="box first">
|
|
3836
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
3837
|
+
<div class="link">
|
|
3838
|
+
<a href="#" class="arr"> </a>
|
|
3839
|
+
<p>Envato Mothership Site</p>
|
|
3840
|
+
</div>
|
|
3841
|
+
</div>
|
|
3842
|
+
<div class="box">
|
|
3843
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
3844
|
+
<div class="link">
|
|
3845
|
+
<a href="#" class="arr"> </a>
|
|
3846
|
+
<p>PSDTUTS Redesign</p>
|
|
3847
|
+
</div>
|
|
3848
|
+
</div>
|
|
3849
|
+
<div class="box last">
|
|
3850
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
3851
|
+
</div>
|
|
3852
|
+
<div class="cl"> </div>
|
|
3853
|
+
</div>
|
|
3854
|
+
<div class="cl"> </div>
|
|
3855
|
+
</div>
|
|
3856
|
+
</div>
|
|
3857
|
+
</div>
|
|
3858
|
+
</div>
|
|
3859
|
+
</div>
|
|
3860
|
+
</body>
|
|
3861
|
+
</html>
|
|
3862
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
3863
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
3864
|
+
<head>
|
|
3865
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
3866
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
3867
|
+
<title>Iconic | Landing Page</title>
|
|
3868
|
+
|
|
3869
|
+
{{ content_for_layout }}
|
|
3870
|
+
<!--[if IE 6]>
|
|
3871
|
+
|
|
3872
|
+
</head>
|
|
3873
|
+
<body>
|
|
3874
|
+
<div class="frame">
|
|
3875
|
+
<div id="header">
|
|
3876
|
+
<div class="shell">
|
|
3877
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
3878
|
+
<div id="right-area">
|
|
3879
|
+
<div id="navigation">
|
|
3880
|
+
<ul>
|
|
3881
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
3882
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
3883
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
3884
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
3885
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
3886
|
+
<li id="login-nav"></li>
|
|
3887
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
3888
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
3889
|
+
</ul>
|
|
3890
|
+
</div>
|
|
3891
|
+
|
|
3892
|
+
<div class="cl"> </div>
|
|
3893
|
+
<div class="slogan">
|
|
3894
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
3895
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
3896
|
+
</div>
|
|
3897
|
+
</div>
|
|
3898
|
+
<div class="cl"> </div>
|
|
3899
|
+
</div>
|
|
3900
|
+
</div>
|
|
3901
|
+
</div>
|
|
3902
|
+
<div id="content">
|
|
3903
|
+
<div class="heading">
|
|
3904
|
+
<div class="shell">
|
|
3905
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
3906
|
+
<div class="buttons">
|
|
3907
|
+
<a href="#">Sign up now</a>
|
|
3908
|
+
<a href="#" class="last">Learn more</a>
|
|
3909
|
+
</div>
|
|
3910
|
+
</div>
|
|
3911
|
+
</div>
|
|
3912
|
+
<div class="shell">
|
|
3913
|
+
<div id="main">
|
|
3914
|
+
<div class="article">
|
|
3915
|
+
<h3>What Do We Do?</h3>
|
|
3916
|
+
<h4>This is a Headline!</h4>
|
|
3917
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
3918
|
+
<h4>Here’s Another One</h4>
|
|
3919
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
3920
|
+
<h4>The Knockout Punch</h4>
|
|
3921
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
3922
|
+
</div>
|
|
3923
|
+
<div class="rightside">
|
|
3924
|
+
|
|
3925
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
3926
|
+
<h3>from the blog</h3>
|
|
3927
|
+
<div class="post">
|
|
3928
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
3929
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
3930
|
+
</div>
|
|
3931
|
+
<div class="post">
|
|
3932
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
3933
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
3934
|
+
</div>
|
|
3935
|
+
<div class="post">
|
|
3936
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
3937
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
3938
|
+
</div>
|
|
3939
|
+
<div class="post no-border">
|
|
3940
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
3941
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
3942
|
+
</div>
|
|
3943
|
+
</div></div></div>
|
|
3944
|
+
</div>
|
|
3945
|
+
<div class="cl"> </div>
|
|
3946
|
+
</div>
|
|
3947
|
+
<div class="bottom-part">
|
|
3948
|
+
<div class="box-holder">
|
|
3949
|
+
<div class="top-side">
|
|
3950
|
+
<div class="btm-side">
|
|
3951
|
+
|
|
3952
|
+
<div class="box first">
|
|
3953
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
3954
|
+
<div class="link">
|
|
3955
|
+
<a href="#" class="arr"> </a>
|
|
3956
|
+
<p>Envato Mothership Site</p>
|
|
3957
|
+
</div>
|
|
3958
|
+
</div>
|
|
3959
|
+
<div class="box">
|
|
3960
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
3961
|
+
<div class="link">
|
|
3962
|
+
<a href="#" class="arr"> </a>
|
|
3963
|
+
<p>PSDTUTS Redesign</p>
|
|
3964
|
+
</div>
|
|
3965
|
+
</div>
|
|
3966
|
+
<div class="box last">
|
|
3967
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
3968
|
+
</div>
|
|
3969
|
+
<div class="cl"> </div>
|
|
3970
|
+
</div>
|
|
3971
|
+
<div class="cl"> </div>
|
|
3972
|
+
</div>
|
|
3973
|
+
</div>
|
|
3974
|
+
</div>
|
|
3975
|
+
</div>
|
|
3976
|
+
</div>
|
|
3977
|
+
</body>
|
|
3978
|
+
</html>
|
|
3979
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
3980
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
3981
|
+
<head>
|
|
3982
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
3983
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
3984
|
+
<title>Iconic | Landing Page</title>
|
|
3985
|
+
|
|
3986
|
+
{{ content_for_layout }}
|
|
3987
|
+
<!--[if IE 6]>
|
|
3988
|
+
|
|
3989
|
+
</head>
|
|
3990
|
+
<body>
|
|
3991
|
+
<div class="frame">
|
|
3992
|
+
<div id="header">
|
|
3993
|
+
<div class="shell">
|
|
3994
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
3995
|
+
<div id="right-area">
|
|
3996
|
+
<div id="navigation">
|
|
3997
|
+
<ul>
|
|
3998
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
3999
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
4000
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
4001
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
4002
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
4003
|
+
<li id="login-nav"></li>
|
|
4004
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
4005
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
4006
|
+
</ul>
|
|
4007
|
+
</div>
|
|
4008
|
+
|
|
4009
|
+
<div class="cl"> </div>
|
|
4010
|
+
<div class="slogan">
|
|
4011
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
4012
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
4013
|
+
</div>
|
|
4014
|
+
</div>
|
|
4015
|
+
<div class="cl"> </div>
|
|
4016
|
+
</div>
|
|
4017
|
+
</div>
|
|
4018
|
+
</div>
|
|
4019
|
+
<div id="content">
|
|
4020
|
+
<div class="heading">
|
|
4021
|
+
<div class="shell">
|
|
4022
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
4023
|
+
<div class="buttons">
|
|
4024
|
+
<a href="#">Sign up now</a>
|
|
4025
|
+
<a href="#" class="last">Learn more</a>
|
|
4026
|
+
</div>
|
|
4027
|
+
</div>
|
|
4028
|
+
</div>
|
|
4029
|
+
<div class="shell">
|
|
4030
|
+
<div id="main">
|
|
4031
|
+
<div class="article">
|
|
4032
|
+
<h3>What Do We Do?</h3>
|
|
4033
|
+
<h4>This is a Headline!</h4>
|
|
4034
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
4035
|
+
<h4>Here’s Another One</h4>
|
|
4036
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
4037
|
+
<h4>The Knockout Punch</h4>
|
|
4038
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
4039
|
+
</div>
|
|
4040
|
+
<div class="rightside">
|
|
4041
|
+
|
|
4042
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
4043
|
+
<h3>from the blog</h3>
|
|
4044
|
+
<div class="post">
|
|
4045
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
4046
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
4047
|
+
</div>
|
|
4048
|
+
<div class="post">
|
|
4049
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
4050
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
4051
|
+
</div>
|
|
4052
|
+
<div class="post">
|
|
4053
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
4054
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
4055
|
+
</div>
|
|
4056
|
+
<div class="post no-border">
|
|
4057
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
4058
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
4059
|
+
</div>
|
|
4060
|
+
</div></div></div>
|
|
4061
|
+
</div>
|
|
4062
|
+
<div class="cl"> </div>
|
|
4063
|
+
</div>
|
|
4064
|
+
<div class="bottom-part">
|
|
4065
|
+
<div class="box-holder">
|
|
4066
|
+
<div class="top-side">
|
|
4067
|
+
<div class="btm-side">
|
|
4068
|
+
|
|
4069
|
+
<div class="box first">
|
|
4070
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
4071
|
+
<div class="link">
|
|
4072
|
+
<a href="#" class="arr"> </a>
|
|
4073
|
+
<p>Envato Mothership Site</p>
|
|
4074
|
+
</div>
|
|
4075
|
+
</div>
|
|
4076
|
+
<div class="box">
|
|
4077
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
4078
|
+
<div class="link">
|
|
4079
|
+
<a href="#" class="arr"> </a>
|
|
4080
|
+
<p>PSDTUTS Redesign</p>
|
|
4081
|
+
</div>
|
|
4082
|
+
</div>
|
|
4083
|
+
<div class="box last">
|
|
4084
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
4085
|
+
</div>
|
|
4086
|
+
<div class="cl"> </div>
|
|
4087
|
+
</div>
|
|
4088
|
+
<div class="cl"> </div>
|
|
4089
|
+
</div>
|
|
4090
|
+
</div>
|
|
4091
|
+
</div>
|
|
4092
|
+
</div>
|
|
4093
|
+
</div>
|
|
4094
|
+
</body>
|
|
4095
|
+
</html>
|
|
4096
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
4097
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
4098
|
+
<head>
|
|
4099
|
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
|
4100
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
4101
|
+
<title>Iconic | Landing Page</title>
|
|
4102
|
+
|
|
4103
|
+
{{ content_for_layout }}
|
|
4104
|
+
<!--[if IE 6]>
|
|
4105
|
+
|
|
4106
|
+
</head>
|
|
4107
|
+
<body>
|
|
4108
|
+
<div class="frame">
|
|
4109
|
+
<div id="header">
|
|
4110
|
+
<div class="shell">
|
|
4111
|
+
<h1 id="logo"><a href="#">iconic</a></h1>
|
|
4112
|
+
<div id="right-area">
|
|
4113
|
+
<div id="navigation">
|
|
4114
|
+
<ul>
|
|
4115
|
+
<li><a href="home.html" class="home" style="">home</a></li>
|
|
4116
|
+
<li><a href="sub-page.html" class="about" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">about</a></li>
|
|
4117
|
+
<li><a href="sub-page-services.html" class="services" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">services</a></li>
|
|
4118
|
+
<li><a href="media.html" class="media" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">media</a></li>
|
|
4119
|
+
<li><a href="blog.html" class="blog" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em;">blog</a></li>
|
|
4120
|
+
<li id="login-nav"></li>
|
|
4121
|
+
<li><a href="#" class="signup green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">signup</a></li>
|
|
4122
|
+
<li><a href="#" class="login green" style="font-family: Helvetica, Arial; text-transform: uppercase; font-size: 0.8em; font-weight: bold;">login</a></li>
|
|
4123
|
+
</ul>
|
|
4124
|
+
</div>
|
|
4125
|
+
|
|
4126
|
+
<div class="cl"> </div>
|
|
4127
|
+
<div class="slogan">
|
|
4128
|
+
<h2 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 2.4em; line-height: 30px;">HOT DAMN! THIS IS THE PRODUCT YOU'VE BEEN WAITING FOR</h2>
|
|
4129
|
+
<h3 style="font-family: Helvetiker, Arial; text-transform: uppercase; font-size: 1.3em; line-height: 19px;">ISN'T IT ABOUT TIME YOU STATED WORKING WITH A PRODUCT LIKE THIS?... LET'S GET STARTED!</h3>
|
|
4130
|
+
</div>
|
|
4131
|
+
</div>
|
|
4132
|
+
<div class="cl"> </div>
|
|
4133
|
+
</div>
|
|
4134
|
+
</div>
|
|
4135
|
+
</div>
|
|
4136
|
+
<div id="content">
|
|
4137
|
+
<div class="heading">
|
|
4138
|
+
<div class="shell">
|
|
4139
|
+
<h3><span>This is your tagline. Tell your viewers who you are. Be loud, confident & sophisticated.</span></h3>
|
|
4140
|
+
<div class="buttons">
|
|
4141
|
+
<a href="#">Sign up now</a>
|
|
4142
|
+
<a href="#" class="last">Learn more</a>
|
|
4143
|
+
</div>
|
|
4144
|
+
</div>
|
|
4145
|
+
</div>
|
|
4146
|
+
<div class="shell">
|
|
4147
|
+
<div id="main">
|
|
4148
|
+
<div class="article">
|
|
4149
|
+
<h3>What Do We Do?</h3>
|
|
4150
|
+
<h4>This is a Headline!</h4>
|
|
4151
|
+
<p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. Donec faucibus lacus nec sapien. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
4152
|
+
<h4>Here’s Another One</h4>
|
|
4153
|
+
<p>Mauris vulputate metus eu nisl. Praesent placerat. Mauris vitae erat id ante viverra sodales. Proin tincidunt porta velit. Sed a ligula id felis rutrum placerat. Curabitur et lorem non urna tristique pharetra. Nullam luctus tristique dui. Etiam egestas scelerisque purus. Ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
4154
|
+
<h4>The Knockout Punch</h4>
|
|
4155
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh mi, commodo eu, pellentesque ut, blandit rutrum, ligula. Praesent ultricies urna a urna. Quisque massa. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Morbi blandit commodo tellus. </p>
|
|
4156
|
+
</div>
|
|
4157
|
+
<div class="rightside">
|
|
4158
|
+
|
|
4159
|
+
<div class="sidebar-form"><div class="top"><div class="bottom">
|
|
4160
|
+
<h3>from the blog</h3>
|
|
4161
|
+
<div class="post">
|
|
4162
|
+
<a href="#"><img src="css/images/post1.gif" alt="" /></a>
|
|
4163
|
+
<p><a href="#">This is a Blog Post Title</a><br />Author Name on Jan 01, 2010</p>
|
|
4164
|
+
</div>
|
|
4165
|
+
<div class="post">
|
|
4166
|
+
<a href="#"><img src="css/images/post2.gif" alt="" /></a>
|
|
4167
|
+
<p><a href="#">Blink! Time to Think</a><br />Malcolm Gladwell on Jan 01, 2010</p>
|
|
4168
|
+
</div>
|
|
4169
|
+
<div class="post">
|
|
4170
|
+
<a href="#"><img src="css/images/post3.gif" alt="" /></a>
|
|
4171
|
+
<p><a href="#">Midnight Tides Re-released</a><br />Steven Erikson on Dec. 31, 2009</p>
|
|
4172
|
+
</div>
|
|
4173
|
+
<div class="post no-border">
|
|
4174
|
+
<a href="#"><img src="css/images/post4.gif" alt="" /></a>
|
|
4175
|
+
<p><a href="#">You Shall Know Our Velocity</a><br />Dave Eggers on Dec. 29, 2009</p>
|
|
4176
|
+
</div>
|
|
4177
|
+
</div></div></div>
|
|
4178
|
+
</div>
|
|
4179
|
+
<div class="cl"> </div>
|
|
4180
|
+
</div>
|
|
4181
|
+
<div class="bottom-part">
|
|
4182
|
+
<div class="box-holder">
|
|
4183
|
+
<div class="top-side">
|
|
4184
|
+
<div class="btm-side">
|
|
4185
|
+
|
|
4186
|
+
<div class="box first">
|
|
4187
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-12.jpg"><img src="css/images/img1.jpg" alt="" /></a>
|
|
4188
|
+
<div class="link">
|
|
4189
|
+
<a href="#" class="arr"> </a>
|
|
4190
|
+
<p>Envato Mothership Site</p>
|
|
4191
|
+
</div>
|
|
4192
|
+
</div>
|
|
4193
|
+
<div class="box">
|
|
4194
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-7.jpg"><img src="css/images/img2.jpg" alt="" /></a>
|
|
4195
|
+
<div class="link">
|
|
4196
|
+
<a href="#" class="arr"> </a>
|
|
4197
|
+
<p>PSDTUTS Redesign</p>
|
|
4198
|
+
</div>
|
|
4199
|
+
</div>
|
|
4200
|
+
<div class="box last">
|
|
4201
|
+
<a rel="prettyPhoto[Website Gallery]" title="Image Title" href="images/gallery/fullsize/image-template-2.jpg"><img src="css/images/img3.jpg" alt="" /></a>
|
|
4202
|
+
</div>
|
|
4203
|
+
<div class="cl"> </div>
|
|
4204
|
+
</div>
|
|
4205
|
+
<div class="cl"> </div>
|
|
4206
|
+
</div>
|
|
4207
|
+
</div>
|
|
4208
|
+
</div>
|
|
4209
|
+
</div>
|
|
4210
|
+
</div>
|
|
4211
|
+
</body>
|
|
4212
|
+
</html>
|