-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
executable file
·151 lines (121 loc) · 6.82 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
<!DOCTYPE html>
<html>
<head>
<title>PSD to HTML5</title>
<!-- Required meta tags -->
<meta charset="utf-8"> <!-- character encoding -->
<meta http-equiv="x-ua-compatible" content="IE=edge, chrome=1"> <!-- Display webpage in edge mode/IE in highest supported document mode -->
<meta name=viewport content="width=device-width, initial-scale=1"> <!-- Optimizations for mobile devices -->
<!-- Google fonts -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- HTML5 shiv and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"</script>
<![endif]-->
</head>
<body>
<section id="hero">
<div class="container">
<div class="logo alignLeft">
<a href="/"><img src="img/logo.png" class="logo-img"></a>
</div>
<nav class="navbar">
<a class="burger-nav"></a>
<ul class="nav alignRight">
<li><a href="/">Home</a></li>
<li><a href="#app-features">Features</a></li>
<li><a href="/">Download</a></li>
<li><a href="/">Blog</a></li>
<li><a href="/">Contact</a></li>
</ul>
</nav>
<div class="cta">
<div class="imgs js-wp-2">
<img src="img/iphone-off.png" class="iphone">
<img src="img/iphone-btn.png" class="iphone-btn">
<img src="img/iphone-on.png" class="iphone-on js-wp-3">
</div>
<div class="cta-info">
<h2>Chocolate Pudding Dessert Jelly</h2>
<p class="hero-para">Fruitcake donut gummies. Candy liquorice biscuit. Sugar plum jelly gummi bears brownie toffee cupcake caramels brownie cookie.</p>
<a href="/" class="cta-button"><img src="img/phone-icon.png" class="phone-icon">Download on appstore</a>
</div>
</div>
</div>
</section>
<section id="app-features">
<div class="container">
<h2 class="app-features">App Features</h2>
<p class="p-features">Donut sesame snaps donut pie dessert chupa chups wafer dragée. Gummies fruitcake chupa chups cookie liquorice. Chocolate pudding dessert jelly fruitcake tart jelly wafer. Sweet roll carrot cake croissant.</p>
<div class="row">
<div class="col-4-app wow fadeInRight"> <img src="img/col-1-img.png">
<h3>Scalable</h3>
<p>Croissant ice cream macaroon cake. Dessert jelly beans candy cookie. Bear claw candy canes gingerbread caramels cake. Macaroon applicake gummi bears jelly marzipan.</p>
</div>
<div class="col-4-app wow fadeInUp"> <img src="img/col-2-img.png">
<h3>Instant</h3>
<p>Croissant ice cream macaroon cake. Dessert jelly beans candy cookie. Bear claw candy canes gingerbread caramels cake. Macaroon applicake gummi bears jelly marzipan.</p>
</div>
<div class="col-4-app wow fadeInRight"> <img src="img/col-3-img.png">
<h3>Something</h3>
<p>Croissant ice cream macaroon cake. Dessert jelly beans candy cookie. Bear claw candy canes gingerbread caramels cake. Macaroon applicake gummi bears jelly marzipan.</p>
</div>
</div>
</div>
</section>
<section id="nose">
<div class="container">
<div class="download-info">
<h2><span class="reddish">Chocolate</span> pudding dessert jelly <span class="reddish">fruit</span> <span class="reddish">cake</span> <span class="reddish">tart</span> jelly wafer.</h2>
<p class="nose-p">Donut cupcake lemon drops dragée liquorice apple pie powder. Topping sweet lollipop soufflé chocolate liquorice candy canes. </p> <a href="#" class="download-btn">Download</a>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="logo-footer">
<img src="img/site-logo.png" class="footer-logo">
</div>
<div class="col-4-footer">
<h4>Popular Posts</h4>
<ul class="ul-posts">
<li class="reddish-bg">I love donut <span class="block">bonbon cakes</span></li>
<li class="reddish-bg">Candy fruitcake biscuit chupa chups</li>
<li class="reddish-bg">Candy fruitcake biscuit chupa chups</li>
</ul>
</div>
<div class="col-4-footer">
<h4>Suits on Twitter</h4>
<div class="ul-tweets">
<li>SadLex <span class="block smallText">10 hours ago</span></li>
<li>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </li>
<li>Follow us</li>
</div>
</div>
<div class="col-4-footer">
<h4>About</h4>
<p class="p-about">Cheesecake tiramisu dragée gummies donut cotton candy ice cream I love halvah. Gummies croissant I love gummies gummies. Marshmallow I love gummies sugar plum jelly-o pie.</p>
</div>
</div>
</footer>
<section class="copyright">
<div class="container">
<p class="inline cr">copyright © Tal Kot 2017</p>
<p class="inline me">www.talkot.com</a></p>
<div class="inline images">
<a href="https://www.facebook.com" target="_blank"><img src="img/facebook_32.png" class="fb"></a>
<a href="/"><img src="img/twitter_32.png" class="tw"></a>
<a href="/"><img src="img/dribble_32.png" class="dr"></a>
</div>
</div>
</section>
<!-- Jquery first, then JavaScript -->
<script src="js/jquery-3.1.0.min.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>