-
Notifications
You must be signed in to change notification settings - Fork 0
/
about-us.html
148 lines (140 loc) · 7.42 KB
/
about-us.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
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tentang Kami - WEBKITA</title>
<link rel="stylesheet" href="dist/about-us.css">
</head>
<body>
<!--navbar -->
<nav class="navbar">
<img src="assets/Group 1 (2).png" alt="">
<ul class="feature">
<li><a href="index.html" class="feature-child">Beranda</a></li>
<li><a href="portofolio.html" class="feature-child">Portofolio</a></li>
<li><a href="layanan-kami.html" class="feature-child">Layanan Kami</a></li>
<li><a href="about-us.html" class="feature-child">Tentang kami</a></li>
<a class="button"href="https://wa.me/6281280493435?text=Halo!%20Saya%20ingin%20menanyakan%20tentang%20produk%20Anda.">Hubungi
Kami</a>
</ul>
</nav>
<!-- section about -->
<section class="about">
<p class="p-one">Tentang Kami</p>
<h3>Membuat Website Menjadi Lebih Mudah
Dengan <span> WEBKITA</span></h3>
<div class="parent-underline">
<div class="underline-one"></div>
<div class="underline-two"></div>
</div>
<p class="caption">kami adalah tim profesional yang berkomitmen membantu bisnis berkembang dengan solusi website
yang efektif,
inovatif, dan berfokus pada hasil. Sejak berdiri, kami telah bekerja sama dengan berbagai industri,
menciptakan website dan desain yang tidak hanya indah, tetapi juga berfungsi untuk mendukung tujuan bisnis
klien kami.</p>
</section>
<!-- section visi-misi -->
<div class="visi-misi">
<img src="assets/Rectangle 1.png" alt="">
<div class="parent">
<h1>VISI & MISI WEBKITA</h1>
<div class="card-one">
<div class="card-custom-one">
<a class="name-content">Visi</a>
<div class="background">
<p>Menjadi mitra tepercaya untuk bisnis yang ingin membangun kehadiran digital yang kuat dan
berpengaruh</p>
</div>
</div>
<div class="card-custom-two">
<a class="name-content">Misi</a>
<div class="background">
<p>Kami percaya bahwa setiap bisnis berhak memiliki website yang mendukung perkembangan mereka.
WebKita hadir untuk memberikan layanan yang tidak hanya sesuai kebutuhan, tetapi juga
melebihi harapan</p>
</div>
</div>
</div>
</div>
<!-- section-CTA -->
<div class="cta">
<h3>Membuat Website Menjadi Lebih Mudah
Dengan <span> WEBKITA</span></h3>
<div class="parent-underline">
<div class="underline-one"></div>
<div class="underline-two"></div>
</div>
<p class="caption">Hubungi kami dan temukan bagaimana kami dapat membantu membawa ide besar Anda menjadi
kenyataan</p>
</div>
<!--footer -->
<footer class="footer">
<div class="logo">
<img src="assets/Group 1 (3).png" alt="">
<div class="location">
<svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" viewBox="0 0 24 24">
<g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2">
<path d="M13 9a1 1 0 1 1-2 0a1 1 0 0 1 2 0Z" />
<path d="M17.5 9.5c0 3.038-2 6.5-5.5 10.5c-3.5-4-5.5-7.462-5.5-10.5a5.5 5.5 0 1 1 11 0Z" />
</g>
</svg>
<p>Grand Depok City, Jl. Jati Raya No.106, Depok, Jawa Barat</p>
</div>
<p>©2024 WEBKITA all right reserved.</p>
</div>
<div class="layanan">
<h3>Layanan</h3>
<a>Web Design</a>
<a>Web Development</a>
<a>SEO</a>
</div>
<div class="paket">
<h3>Paket Website</h3>
<a>Paket Basic</a>
<a>Paket Profesional</a>
<a>Paket Premium</a>
</div>
<div class="kontak">
<div class="email">
<svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" viewBox="0 0 24 24">
<path fill="currentColor"
d="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2zm-2 0l-8 5l-8-5zm0 12H4V8l8 5l8-5z" />
</svg>
<p>[email protected]</p>
</div>
<div class="email">
<svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" viewBox="0 0 24 24">
<path fill="currentColor"
d="M6.62 10.79c1.44 2.83 3.76 5.15 6.59 6.59l2.2-2.2c.28-.28.67-.36 1.02-.25c1.12.37 2.32.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57c.11.35.03.74-.25 1.02z" />
</svg>
<p>+62 812-8049-3435</p>
</div>
<div class="medsos">
<svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" viewBox="0 0 24 24">
<path fill="currentColor"
d="M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" viewBox="0 0 14 14">
<g fill="none">
<g clip-path="url(#primeTwitter0)">
<path fill="currentColor"
d="M11.025.656h2.147L8.482 6.03L14 13.344H9.68L6.294 8.909l-3.87 4.435H.275l5.016-5.75L0 .657h4.43L7.486 4.71zm-.755 11.4h1.19L3.78 1.877H2.504z" />
</g>
<defs>
<clipPath id="primeTwitter0">
<path fill="#fff" d="M0 0h14v14H0z" />
</clipPath>
</defs>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" viewBox="0 0 24 24">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="1.5" d="M17 2h-3a5 5 0 0 0-5 5v3H6v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" />
</svg>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>