-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathabout.html
128 lines (103 loc) · 4.18 KB
/
about.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
<!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" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
<link href="https://unpkg.com/boxicons@2.1.1/css/boxicons.min.css" rel="stylesheet" />
<title>iClean</title>
</head>
<body>
<!-- Navbar Start -->
<header>
<div id="menu-bar" class="fas fa-bars"></div>
<a href="index.html" class="logo"><span>i</span>Clean</a>
<nav class="navbar">
<a href="index.html">Home</a>
<a href="pricing.html">Pricing</a>
<a href="portofolio.html">Portofolio</a>
<a href="about.html" class="active">About</a>
<a href="contact.html">Contact</a>
</nav>
<div class="icons">
<i class="fas fa-search" id="search-btn"></i>
<a href="login.html"><i class="fas fa-user" id="login-btn"></i></a>
</div>
<form action="" class="search-bar-container">
<input type="search" id="search-bar" placeholder="search here..." />
<label for="search-bar" class="fas fa-search"></label>
</form>
</header>
<!-- Navbar End -->
<!-- Page Header Start -->
<section class="heading">
<h3>Our About</h3>
<p> <a href="index.html">Home</a> >> <span>About</span> </p>
</section>
<!-- Page Header Start -->
<!-- About Start -->
<section class="about" id="about">
<div class="row">
<div class="container">
<img src="gambar/about1.jpg">
</div>
<div class="content">
<h3>Welcome To iClean</h3>
<p>
iClean Laundry melayani jasa pencucian dalam bentuk laundry kiloan dan setrika, mulai dari pakaian, jaket,
bedcover, dan lainnya.
Ditunjang oleh mesin berstandar internasional, tenaga professional, dan manajemen laundry yang baik, setiap
cucian kamu, kami perlakukan layaknya cucian kami sendiri
iClean buka 7 hari seminggu (7.00 – 21.00) sehingga kapanpun kamu perlu laundry, kami siap membantu. Malas ke
laundry? Hubungi kami, dan cucian kamu akan langsung diambil di tempat.
</p>
<a href="contact.html" class="btn">Hubungi Kami</a>
</div>
</div>
</section>
<!-- About End -->
<!-- Footer Start -->
<section>
<h1 class="title">
<a href="#"> <i class="fab fa-facebook-f"></i> Facebook</a>
<a href="#"> <i class="fab fa-twitter"></i> Twitter</a>
<a href="#"> <i class="fab fa-instagram"></i> Instagram</a>
<a href="#"> <i class="fab fa-linkedin"></i> LinkedIn</a>
<a href="#"> <i class="fab fa-pinterest"></i> Pinterest</a>
<a href="#"> <i class='fab fa-youtube'></i></i> Youtube</a>
</h1>
</section>
<section class="footer">
<div class="box-container">
<div class="box">
<h3> Service</h3>
<a href="pricing.html"> <i class="fas fa-arrow-right"></i> Cuci Lengkap</a>
<a href="pricing.html"> <i class="fas fa-arrow-right"></i> Setrika</a>
<a href="pricing.html"> <i class="fas fa-arrow-right"></i> Cuci Kilat</a>
</div>
<div class="box">
<h3> Quick Links</h3>
<a href="index.html"> <i class="fas fa-arrow-right"></i> Home</a>
<a href="pricing.html"> <i class="fas fa-arrow-right"></i> Pricing</a>
<a href="portofolio.html"> <i class="fas fa-arrow-right"></i> Portofolio</a>
<a href="about.html"> <i class="fas fa-arrow-right"></i> About</a>
<a href="contact.html"> <i class="fas fa-arrow-right"></i> Contact</a>
</div>
<div class="box">
<h3> Get In Touch</h3>
<a href="#"> <i class="fa fa-phone-alt mr-2"></i> Call +012 345 67890</a>
<a href="#"> <i class="fa fa-map-marker-alt mr-2"></i> Location, City, Country</a>
<a href="#"> <i class="fa fa-envelope mr-2"></i> info@example.com</a>
</div>
</div>
</section>
<section class="credit">
<p>© Created by <a href="#">WDP-Group1Hacktiv08</a> | All Rights Reserved!</a></p>
</section>
<!-- Footer End -->
<!-- Javascript -->
<script src="js/script.js"></script>
</body>
</html>