-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
161 lines (130 loc) · 6.5 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
161
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Psd to html5</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" integrity="sha512-UDJtJXfzfsiPPgnI5S1000FPLBHMhvzAMX15I+qG2E2OAzC9P1JzUwJOfnypXiOH7MRPaqzhPbBGDNNj7zBfoA==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js" integrity="sha512-qWVvreMuH9i0DrugcOtifxdtZVBBL0X75r9YweXsdCHtXUidlctw7NXg5KVP3ITPtqZ2S575A0wFkvgS2anqSA==" crossorigin="anonymous"></script>
-->
<!-- Google fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="package-lock.json">
</head>
<body>
<!-- Hero Section -->
<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">
<ul class="nav alignRight">
<li><a href="/">Home</a></li>
<li><a href="/">Features</a></li>
<li><a href="/">Download</a></li>
<li><a href="/">Blog</a></li>
<li><a href="/">contracts</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="ctn-info">
<h2>Cocolete <br> Pudding Dessert Jelly</h2>
<p class="hero-pera">Fruitcake donut gummies. Candy liquorice biscuit. Sugar plum jelly gummi bears brownie toffee cupcake caramels brownie cookie.</p>
<button class="ctn-button"><a href="/"><img src="img/mobile-icon.png" class="small-phon-icone"></img></a>Download on appstore</button>
</div>
</div>
</div>
</section>
<!-- Hero Section -->
<!-- App Feature 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"> <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"> <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"> <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>
<!-- App Feature Section -->
<!-- Nose Section -->
<section id="nose">
<div class="container">
<div class="download-info">
<h2> <span class="redish">chocolate</span> pudding dessert jelly <span class="redish">fruit cake tart jelly waf</span>er.</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>
<!-- Nose Section -->
<!-- Footer 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>Populer Posts</h4>
<ul class="ul-posts">
<li class="reddish-bg">I Love Donut <span class="block">Bonbon Cackes</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>
<ul 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>
</ul>
</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>
<!-- Footer Section -->
<!-- Copyright Section -->
<section class="copyright">
<div class="container">
<p class="inline cr">copyright © Fuad Hasan Emon 2021</p>
<p class="inline me">https://github.com/fuadhasanemon</p>
<div class="inline images">
<img src="img/facebook.png" class="fb">
<img src="img/twitter.png" class="tw">
<img src="img/dribble.png" alt="dr">
</div>
</div>
</section>
<!-- Copyright Section -->
<!-- First jquery then javascript -->
<script src="js/jquery-ui.min.js"></script>
<script src="package-lock.json"></script>
<script src="js/main.js"></script>
</body>
</html>