-
Notifications
You must be signed in to change notification settings - Fork 0
/
Home.html
executable file
·57 lines (45 loc) · 2.76 KB
/
Home.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
<html>
<link rel="stylesheet" href="Style.css">
<link rel="stylesheet" href="Font/fontawesome/font-awesome.min.css">
<head>
<title> Backpacker </title>
<!-- Responsive Web Configuration -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="margin: 0; background-color: #000000;">
<!-- Header -->
<div class="container">
<img src="Img/Icon/terrain1.png" style="position:absolute;width:12%;padding-top:13%;padding-left: 12.5%">
<div class="center-text">BACKPACKER<br/>STORE</div>
<img src="Img/Home/Header.png" class="header-image">
</div>
<!-- New Arrival Page -->
<div class="text-tittle" style="background-color:white;">
<p style="font-size: 4vw;font-family: Palanquin-Light;">NEW ARRIVAL</p>
</div>
<div class="container" style="background-color: white;display:grid;">
<p style="padding-left: 14%;padding-top 3%;font-size: 2vw;z-index: 2;">BLACKDIAMOND STONE 45</p>
<p style="padding: 0% 55% 0% 14%; font-size: 1.5vw;z-index: 2;text-align: justify;margin: 0% 0% 20%">A streamlined climbing rucksack for day-in/day-out cragging performance, the Stone 45 Pack provides hassle-free access and a super-comfortable carry. </p>
<a href=""><button class="button black" style="bottom: 9.7em;left: 9.1em;">Find More</button></a>
<img src="Img/New Arrival/Carrier.jpg" style="width: 35%;position: absolute; right: 16%;z-index: 1">
</div>
<!-- Gender Page -->
<div class="wrapper" style="display: block">
<img src="Img/Home/Men.png" class="box a" style="width: 30%;padding: 9% 8% 9% 11%;">
<img src="Img/Home/Women.png" class="box b" style="width: 30%;padding: 9% 14.5% 9% 6%">
</div>
<!-- About Page -->
<div class="text-tittle" style="color:white">
<p style="font-size: 1.4vw;font-family: Palanquin-Light;margin-bottom: 4%">Jl. Iman Bonjol No.60, Pamolokan, Kota sumenep. Kabupaten Sumenep, Jawa Timur 69412</p>
</div>
<div style="display:flex;padding:0% 0% 4% 22%;color:white">
<div style="display:flex">
<i class="social-icon__icon fa fa-instagram" style="font-size: 2.4vw"></i><a href="instagram.com/backpacker_store" class="underline" style="font-size: 1.5vw;padding:4% 0% 0% 5%;color:white;">backpacker_store</a>
</div>
<i class="social-icon__icon fa fa-phone" style="font-size: 2.2vw;margin-left: 10%"></i><div style="font-size: 1.4vw;padding:0.4% 0% 0% 1%">+62813304115911</div>
<i class="social-icon__icon fa fa-envelope" style="font-size: 2vw;margin-left: 10%"></i><div style="font-size: 1.5vw;padding:0.4% 0% 0% 1%">[email protected]</div>
</div>
<!-- Footer -->
<p class="footer">Gondronk Copyright © 2018</p>
</body>
</html>