-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
125 lines (125 loc) · 4.85 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link href="qhttp://fonts.googleapis.com/css?family=Raleway:400,600,700" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/screen.css">
</head>
<body>
<header class="hero">
<div class="hero__in">
<div class="hero__logo"></div>
<p class="hero__text">A great new free psd theme to showcase your new application. </p>
<nav class="nav">
<ul class="nav_device">
<li><i class="icon-apple"> </i></li>
<li><i class="icon-android"></i></li>
<li><i class="icon-windows"></i></li>
</ul>
</nav>
</div>
</header>
<!-- begin feauters -->
<section class="feauters">
<div class="l">
<div class="feauter l-col1">
<i class="icon-editable"></i>
<h3 class="feauter__h">Editable Theme</h3>
<p class ="feauter__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat iste in ad dolor cupiditate rem.</p>
</div>
<div class="feauter l-col1">
<i class="icon-flat"></i>
<h3 class="feauter__h">Flat Design</h3>
<p class="feauter__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi eos officiis beatae nostrum.</p>
</div>
<div class="feauter l-col1">
<i class="icon-earth"></i>
<h3 class="feauter__h">Reach Your Audience</h3>
<p class="feauter__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas esse quisquam nostrum inventore!</p>
</div>
</div>
</section>
<!-- end feauters -->
<!-- begin notify -->
<section class="notify">
<div class="l">
<div class="l-col2">
<h3 class="notify__h">Get Notified Of Any Updates!</h3>
<p class="notify__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis cumque natus labore debitis excepturi dolorum iure rerum, atque, ab repudiandae. Laudantium amet magni nobis similique, distinctio sunt. In, enim, alias.</p>
<div class="input_group">
<input type="email" class="input_email" placeholder="Email Address">
<span class="input_btn">
<button type="button" class="btn">Notify</button>
</span>
</div>
</div>
<div class="l-col2 align-right">
<video class="" controls poster="img/cover.png">
<source src="" />
</video>
</div>
</div>
</section>
<!-- end notify -->
<!-- begin reviews -->
<section class="review">
<div class="review__in">
<blockquote>
<p class="review__text">“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris interdum velit vitae nulla molestie eu commodo nulla dapib us. Donec id sollicitudin urna. Integer at dui ac leo fermentum varius eleifend ut.”</p>
<h4 class="review__author">Jane Hunt</h4>
</blockquote>
<ul class="review__list">
<li><span class="fade fade_left"></span><img src="img/people/1.png" alt=""></li>
<li><img src="img/people/2.png" alt=""></li>
<li><img src="img/people/3.png" alt=""></li>
<li><img src="img/people/4.png" alt=""></li>
<li><img src="img/people/5.png" alt=""></li>
<li><img src="img/people/6.png" alt=""></li>
<li><img src="img/people/7.png" alt=""></li>
<li><img src="img/people/8.png" alt=""></li>
<li><img src="img/people/9.png" alt=""></li>
<li><img src="img/people/10.png" alt=""></li>
<li><img src="img/people/11.png" alt=""></li>
<li><img src="img/people/12.png" alt=""></li>
<li><img src="img/people/13.png" alt=""></li>
<li><img src="img/people/14.png" alt=""></li>
<li><img src="img/people/15.png" alt=""></li>
<li><img src="img/people/16.png" alt=""></li>
<li><img src="img/people/17.png" alt=""></li>
<li><img src="img/people/18.png" alt=""></li>
<li><img src="img/people/19.png" alt=""></li>
<li><img src="img/people/20.png" alt=""></li>
<li><img src="img/people/21.png" alt=""><span class="fade fade_right"></span></li>
</ul>
<h3 class="review__h">Say Hi & Get in Touch</h3>
<p class="review__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<div class="social">
<a href="#" class="icon-twitter"></a>
<a href="#" class="icon-facebook"></a>
<a href="#" class="icon-pinterest"></a>
<a href="#" class="icon-googleplus"></a>
<a href="#" class="icon-linkedin"></a>
<a href="#" class="icon-youtube"></a>
</div>
</div>
</section>
<!-- end reviews -->
<!-- begin footer -->
<footer class="footer">
<div class="footer__in">
<nav class="nav">
<ul class="nav_footer">
<li><a href="">Contact</a></li>
<li><a href="">Download</a></li>
<li><a href="">Press</a></li>
<li><a href="">Email</a></li>
<li><a href="">Support</a></li>
<li><a href="">Privacy Policy</a></li>
</ul>
</nav>
</div>
</footer>
<script src="//localhost:35729/livereload.js"></script>
</body>
</html>