-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtentang_kami.html
230 lines (222 loc) · 8.04 KB
/
tentang_kami.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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Undira Software House</title>
<link rel="undira software house icon" href="favicon.ico" />
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/aos.css" rel="stylesheet" />
<script src="js/feather.min.js"></script>
</head>
<body>
<!-- bagian navbar mulai -->
<nav
class="navbar navbar-expand-lg navbar-light bg-light p-3 sticky-top"
data-aos="fade-down"
>
<img src="images/icon_software-house.png" height="55" width="55" />
<h1
class="navbar-brand m-2"
href="#"
style="font-size: 32px; text-decoration: bold"
>
Undira Software House
</h1>
<!-- Container wrapper -->
<div class="container-fluid">
<!-- Toggle button -->
<button
class="navbar-toggler"
type="button"
data-mdb-toggle="collapse"
data-mdb-target="#navbarRightAlignExample"
aria-controls="navbarRightAlignExample"
aria-expanded="false"
aria-label="Toggle navigation"
>
<i class="fas fa-bars"></i>
</button>
<!-- Collapsible wrapper -->
<div class="collapse navbar-collapse" id="navbarRightAlignExample">
<!-- Left links -->
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item itemNavbar">
<a class="nav-link" aria-current="page" href="index.html"
>Beranda</a
>
</li>
<li class="nav-item">
<a class="nav-link" href="portofolio.html">portofolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html">Clients</a>
</li>
<li class="nav-item">
<a class="nav-link" href="seluruh_layanan.html">Jasa Layanan</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="tentang_kami.html"
>Tentang Kami</a
>
</li>
</ul>
<!-- Left links -->
</div>
<!-- Collapsible wrapper -->
</div>
<!-- Container wrapper -->
</nav>
<!-- bagian navbar berakhir -->
<div class="container mx-lg-auto my-4">
<h6 data-aos="zoom-out">VISI KAMI</h6>
<h1 data-aos="zoom-out">
Membantu perkembangan bisnis klien dan mencapai kepuasan pelanggan
melalui solusi digital yang inovatif
</h1>
<p data-aos="zoom-out">
Sesuai dengan visi kami, kami selalu berusaha untuk mengembangkan
aplikasi web dan mobile inovatif yang disukai pengguna dan dapat
memajukan bisnis klien. Dengan lebih dari 10 tahun pengalaman dalam
bidang pengembangan aplikasi, kami menyediakan servis komprehensif untuk
produk digital Anda
</p data-aos="zoom-out">
<h6 data-aos="zoom-out">WHO WE ARE</h6>
<h2 data-aos="zoom-out">Kami adalah bagian dari tim Anda</h2>
<p data-aos="zoom-out">
Kami memulai Dihardja Software pada 2011 dan menjadi salah satu
pengembang iOS pertama di Indonesia. Sejak saat itu, kami sudah menambah
cakupan servis kami dalam pembuatan aplikasi web maupun Android. Kami
pun punya semangat yang sama seperti Anda dalam membuat produk digital
yang dapat menjadi fondasi bisnis dan memberikan kepuasan bagi konsumen.
Kami telah menawarkan layanan kami ke klien dari segala penjuru dunia
seperti Singapura, Amerika Serikat, Inggris, Norwegia, Australia, dan
tentu saja, Indonesia. Kami berharap Anda bisa menjadi yang selanjutnya!
</p>
</div>
<!-- Footer -->
<footer
class="text-center text-lg-start bg-light text-muted"
data-aos="fade-up"
>
<!-- Section: Social media -->
<section
class="d-flex justify-content-center justify-content-lg-between p-4 border-bottom"
>
<!-- Left -->
<div class="me-5 d-none d-lg-block">
<span>Terhubung dengan kami di jejaring sosial:</span>
</div>
<!-- Left -->
<!-- Right -->
<div>
<a href="#" class="me-4 text-reset text-decoration-none">
<i data-feather="linkedin"></i>
</a>
<a href="#" class="me-4 text-reset text-decoration-none">
<i data-feather="facebook"></i>
</a>
<a href="#" class="me-4 text-reset text-decoration-none">
<i data-feather="twitter"></i>
</a>
<a href="https://github.com/RahmanIslamIen/kel-1_tanjungDuren_web-company" class="me-4 text-reset text-decoration-none">
<i data-feather="github"></i>
</a>
</div>
<!-- Right -->
</section>
<!-- Section: Social media -->
<!-- Section: Links -->
<section class="">
<div class="container text-center text-md-start mt-5">
<!-- Grid row -->
<div class="row mt-3">
<!-- Grid column -->
<div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
<!-- Content -->
<h6 class="text-uppercase fw-bold mb-4">
<i class="fas fa-gem me-3"></i>Undira Software House
</h6>
<p>
Kami sama bersemangatnya dengan Anda untuk mulai mengembangkan
produk digital Anda yang unik. Hubungi kami sekarang untuk sesi
konsultasi gratis dan kami akan membantu memberikan arahan yang
tepat untuk Anda.
</p>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">
<!-- Links -->
<h6 class="text-uppercase fw-bold mb-4">Tautan Situs</h6>
<p>
<a href="tentang_kami.html" class="text-reset">Tentang Kami</a>
</p>
<p>
<a href="portofolio.html" class="text-reset">Portfolio Kami</a>
</p>
<p>
<a href="index.html" class="text-reset">Kontak Kami</a>
</p>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">
<!-- Links -->
<h6 class="text-uppercase fw-bold mb-4">Layanan</h6>
<p>
<a href="desain_produk.html" class="text-reset"
>Desain Produk</a
>
</p>
<p>
<a href="aplikasi_mobile.html" class="text-reset"
>Aplikasi Mobile</a
>
</p>
<p>
<a href="aplikasi_web.html" class="text-reset">Aplikasi Web</a>
</p>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
<!-- Links -->
<h6 class="text-uppercase fw-bold mb-4">Kontak</h6>
<p><i data-feather="map-pin"></i> Jakarta Selatan, Indonesia</p>
<p>
<i data-feather="mail"></i>
info@example.com
</p>
<p><i data-feather="phone"></i> + 01 234 567 88</p>
</div>
<!-- Grid column -->
</div>
<!-- Grid row -->
</div>
</section>
<!-- Section: Links -->
<!-- Copyright -->
<div
class="text-center p-4"
style="background-color: rgba(0, 0, 0, 0.05)"
>
made by ❤
<a class="text-reset fw-bold" href="https://github.com/RahmanIslamIen"
>Kelompok Web 1</a
>
© Copyright 2023
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</body>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/aos.js"></script>
<script>
AOS.init();
</script>
<script>
feather.replace();
</script>
</html>