forked from ylebre/sublime
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
executable file
·160 lines (153 loc) · 6.61 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="en">
<head>
<title>Sublime - stunning free HTML5/CSS3 website template</title>
<meta charset="utf-8">
<meta name="author" content="pixelhint.com">
<meta name="description" content="Sublime Stunning free HTML5/CSS3 website template"/>
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/fancybox-thumbs.css">
<link rel="stylesheet" type="text/css" href="css/fancybox-buttons.css">
<link rel="stylesheet" type="text/css" href="css/fancybox.css">
<link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/fancybox.js"></script>
<script type="text/javascript" src="js/fancybox-buttons.js"></script>
<script type="text/javascript" src="js/fancybox-media.js"></script>
<script type="text/javascript" src="js/fancybox-thumbs.js"></script>
<script type="text/javascript" src="js/wow.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
<section class="billboard light">
<header class="wrapper light">
<a href="#"><img class="logo" src="img/logo_light.png" alt=""/></a>
<nav>
<ul data-simply-list="menu" data-simply-path="/simply-edit/sublime/" data-simply-sortable>
<template data-simply-template="menuItem"><li><a data-simply-field="link" href="">About Us</a></li></template>
<template data-simply-template="menuItem2"><li style="font-style: italic;"><a data-simply-field="link" href="">About Them</a></li></template>
</ul>
</nav>
</header>
<div class="caption light animated wow fadeInDown clearfix">
<h1 data-simply-field="title">Sunt In Culpa Officia Deserunt</h1>
<p data-simply-field="subtitle">dolore magna aliqua enim ad minim veniam occaecat</p>
<hr>
</div>
<div class="shadow"></div>
</section><!-- End billboard -->
<div data-simply-list="body" data-simply-sortable>
<template data-simply-template="Services">
<section class="services wrapper">
<ul class="clearfix" data-simply-list="product" data-simply-sortable>
<template>
<li class="animated wow fadeInDown" data-wow-delay=".2s">
<img data-simply-field="product image" class="icon" src="img/icon1.png" alt=""/>
<span class="separator"></span>
<h2 data-simply-field="product kop">Officia Deserunt Mollit</h2>
<p data-simply-field="product inhoud">sed do eiusmod tempor incididunt ut labore et dolore magna aliqua voluptate velit esse
cillum dolore.</p>
</li>
</template>
</ul>
</section><!-- End services -->
</template>
<template data-simply-template="Video">
<section class="video">
<img src="img/video_logo.png" alt="" class="video_logo animated wow fadeInDown"/>
<h3 data-simply-field="video header" class="animated wow fadeInDown">who we are & what we do</h3>
<a data-simply-field="video link" href="http://www.youtube.com/embed/cBJyo0tgLnw" id="play_btn" class="fancybox animated wow flipInX" data-wow-duration="2s"></a>
</section><!-- End video -->
</template>
<template data-simply-template="Testimonials">
<section class="testimonials wrapper">
<div class="title animated wow fadeIn">
<h2 data-simply-field="testimonials kop">Testimonials</h2>
<h3 data-simply-field="testimonials subkop">what clients are saying about us</h3>
<hr class="separator"/>
</div>
<ul class="clearfix" data-simply-list="testimonial" data-simply-sortable>
<template>
<li class="animated wow fadeInDown" data-wow-delay=".2s">
<p><img src="img/quotes.png" alt="" class="quotes"/><span data-simply-field="klant quote">Tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam sunt in culpa officia deserunt mollit anim laborum sint occaecat.</span>
<span class="triangle"></span>
</p>
<div class="client">
<img data-simply-field="klant foto" src="img/client2.jpg" class="avatar"/>
<div class="client_details">
<h4 data-simply-field="klant naam">Alex Martin</h4>
<h5 data-simply-field="klant positie">UI Designer</h5>
</div>
</div>
</li>
</template>
</ul>
</section><!-- End testimonials -->
</template>
<template data-simply-template="Blog posts">
<section class="blog_posts">
<div class="wrapper">
<div class="title animated wow fadeIn">
<h2 data-simply-field="blog kop">Recent Posts</h2>
<h3 data-simply-field="blog subkop">the most recent posts from our blog</h3>
<hr class="separator"/>
</div>
<ul class="clearfix" data-simply-list="blogposts" data-simply-sortable>
<template data-simply-template="delay0">
<li class="animated wow fadeInDown">
<div class="media">
<div class="date">
<span data-simply-field="blog dag" class="day">25</span>
<span data-simply-field="blog maand" class="month">Jun</span>
</div>
<a href="#">
<img data-simply-field="blog foto" src="img/blog_post1.jpg" alt=""/>
</a>
</div>
<a href="#">
<h1 data-simply-field="blog titel">Sed do eiusmod tempor incididunt.</h1>
</a>
</li>
</template>
<template data-simply-template="delay4">
<li class="animated wow fadeInDown" data-wow-delay=".4s">
<div class="media">
<div class="date">
<span data-simply-field="blog dag" class="day">25</span>
<span data-simply-field="blog maand" class="month">Jun</span>
</div>
<a href="#">
<img data-simply-field="blog foto" src="img/blog_post1.jpg" alt=""/>
</a>
</div>
<a href="#">
<h1 data-simply-field="blog titel">Sed do eiusmod tempor incididunt.</h1>
</a>
</li>
</template>
</ul>
</div>
</section><!-- End blog_posts -->
</template>
</div>
<footer>
<div class="wrapper">
<div class="rights">
<img src="img/footer_logo.png" alt="" class="footer_logo"/>
<p>© Sublime. All Rights Reserved 2014 - More Free Templates at <a href="http://pixelhint.com" target="_blank">Pixelhint.com</a></p>
</div>
<nav>
<ul>
<li><a href="#">About</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</div>
</footer><!-- End footer -->
<script src="https://canary.simplyedit.io/1/simply-edit.js" data-api-key="github"></script>
</body>
</html>