-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathhome.html
123 lines (102 loc) · 5.1 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Sumber Abadi - Peralatan Elektronik</title>
<link rel="stylesheet" href="assets/styles/style.css">
</head>
<body>
<header>
<nav>
<ul class="flex-nav">
<li style="font-weight: bolder;font-size: 25px;"><a href="home.html">HOME</a></li>
<li><a href="shop.html">SHOP</a></li>
<li><a href="about.html">ABOUT US</a></li>
</ul>
</nav>
<div class="arrow-up">
<a href="#top"><img src="/assets/images/arrow-up.png"></a>
</div>
</header>
<div class="whitespace"></div>
<div class="parallex par-home">
<h1>OUR PRODUCTS</h1>
</div>
<!-- <div class="tulisan">
<h1>WELCOME</h1>
</div>
<div class="home-head-image"></div> -->
<main class="home-container">
<div id="top" class="l1" style="background-color: white;">
<div class="home-text-container">
<div class="home-text">
<p style="
font-size: 50px;
font-weight: bold;">Temukan layar yang pas untuk ruangan Anda</p>
<p style="margin-top: -30px; margin-bottom: 90px;">Lampaui batas Anda untuk melihat dunia</p>
<a href="shop.html#tv" class="button-black">Belanja Sekarang</a>
</div>
</div>
</div>
<div class="r1 img-grid" style="background-color: black;">
<div><img src="assets/images/tv.png"></div>
</div>
<div class="l2 img-grid" style="background-color: black;">
<div><img src="assets/images/kulkas.png"></div>
</div>
<div class="r2" style="background-color: black;">
<div class="home-text-container">
<div class="home-text" style="color: white;">
<p style="
font-size: 50px;
font-weight: bold;">Lengkapi rumah Anda dengan kulkas canggih</p>
<p style="margin-top: -30px; margin-bottom: 90px;">Menjaga makanan tetap fresh dan ramah lingkungan</p>
<a href="shop.html#kulkas" class="button-white">Belanja Sekarang</a>
</div>
</div>
</div>
<div class="l3" style="background-color: #E5FCB9;">
<div class="home-text-container">
<div class="home-text">
<p style="
font-size: 50px;
font-weight: bold;">Cuci dengan mudah tanpa tenaga lebih</p>
<p style="margin-top: -30px; margin-bottom: 90px;">Anda dapat menghemat waktu, biaya, dan tenaga </p>
<a href="shop.html#mesin-cuci" class="button-3">Belanja Sekarang</a>
</div>
</div>
</div>
<div class="r3 img-grid" style="background-color: black;">
<div><img src="assets/images/mesin-cuci.png"></div>
</div>
<div class="l4 img-grid" style="background-color: black;">
<div><img src="assets/images/ac.png"></div>
</div>
<div class="r4" style="background-color: #64D6C1;">
<div class="home-text-container">
<div class="home-text" style="color: white;">
<p style="
font-size: 50px;
font-weight: bold;">Buat ruangan terasa nyaman dengan AC</p>
<p style="margin-top: -30px; margin-bottom: 90px;">Lebih sejuk tanpa konsumsi listrik tinggi</p>
<a href="shop.html#ac" class="button-4">Belanja Sekarang</a>
</div>
</div>
</div>
<div class="r5" style="background-color: #4272b5;">
<div class="home-text-container">
<div class="home-text" style="color: black;">
<p style="
font-size: 50px;
font-weight: bold;">Gunakan kompor listrik dengan nyaman</p>
<p style="margin-top: -30px; margin-bottom: 90px;">Menghantarkan panas dengan daya listrik minimum</p>
<a href="shop.html#kompor" class="button-5">Belanja Sekarang</a>
</div>
</div>
</div>
<div class="l5 img-grid" style="background-color: white;">
<div><img src="assets/images/kompor.png"></div>
</div>
<!-- <div style="margin-bottom:-70px"></div> -->
</main>
</body>
</html>