-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
192 lines (192 loc) · 12.4 KB
/
index.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
<!DOCTYPE html>
<html lang="en" page-class="home">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" href="img/favicon/favicon.ico">
<link rel="icon" type="image/vnd.microsoft.icon" href="img/favicon/favicon.ico">
<link rel="icon" type="image/x-icon" href="img/favicon/favicon.ico">
<link rel="icon" href="img/favicon/favicon.ico">
<link rel="shortcut icon" href="img/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png">
<link rel="manifest" href="img/site.webmanifest">
<title>Jawara Teknologi Digital - Indonesia Leading Innovator in Web and Mobile Solutions</title>
<!--Block index-->
<meta name="description" content="We specialize in designing, building, and maintaining mobile apps, robust backends, and dynamic dashboards tailored to elevate businesses.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Jawara Teknologi Digital - Indonesia Leading Innovator in Web and Mobile Solutions">
<meta property="og:site_name" content="Dika Soul Seva">
<meta property="og:url" content="https://dikaseva.com/">
<meta property="og:description" content="We specialize in designing, building, and maintaining mobile apps, robust backends, and dynamic dashboards tailored to elevate businesses.">
<meta property="og:image" content="/img/og-image.jpg">
<meta property="og:image:width" content="400">
<meta property="og:image:height" content="627">
<meta property="og:locale" content="id_ID">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@dikaseva">
<meta name="twitter:title" content="Jawara Teknologi Digital - Indonesia Leading Innovator in Web and Mobile Solutions">
<meta name="twitter:description" content="We specialize in designing, building, and maintaining mobile apps, robust backends, and dynamic dashboards tailored to elevate businesses.">
<meta name="twitter:image" content="/img/og-image.jpg">
<meta name="twitter:image:width" content="1200">
<meta name="twitter:image:height" content="630">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Barlow:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link rel="stylesheet" as="style" href="css/style.css">
</head>
<body>
<!-- header-->
<header class="site-header">
<div class="container-fluid">
<ul class="site-menu d-flex align-items-center justify-content-center">
<li class="is-active"><a class="d-flex align-items-center" href="#home">Home</a></li>
<li><a class="d-flex align-items-center" href="#about">About </a></li>
<li><a class="d-flex align-items-center" href="#service">Service</a></li>
<li><a class="d-flex align-items-center" href="#portfolio">Portfolio</a></li>
<li><a class="d-flex align-items-center" href="#team">Team</a></li>
<li><a class="d-flex align-items-center" href="#contact">Contact</a></li>
</ul>
</div>
</header>
<!-- nav-->
<nav class="site-nav scrollspy-nav"><a class="site-logo" href=""> <img src="img/logo-jtd.svg" alt="Logo JTD"></a>
<div class="site-brand">
<ul class="site-menu social d-flex align-items-center flex-column">
<li><a href="https://www.instagram.com/" alt="Instram @jawara.tech" target="_blank"><img src="img/social/instagram.svg" alt="Instram @jawara.tech"></a></li>
<li><a href="https://www.linkedin.com/showcase/gojek-gotogroup" alt="Linkedin Jawara Tech" target="_blank"><img src="img/social/linkedin.svg" alt="Linkedin Jawara Tech"></a></li>
<li><a href="mailto:contact@jtd.co.id" alt="Mail to contact@jawaratech.co.id" target="_blank"><img src="img/social/mail.svg" alt="Mail to contact@jawaratech.co.id"></a></li>
<li><a href="tel:+6281381405618" alt="Call to +6281381405618" target="_blank"><img src="img/social/phone.svg" alt="Call to +6281381405618"></a></li>
</ul>
</div>
</nav>
<!-- main-->
<main class="site-main">
<!-- hero-->
<section class="py-lg-5 section-full d-flex align-items-center adjust-anchor scrollspy-content" id="home">
<div class="container">
<div class="row pt-5 d-flex align-items-center">
<div class="col-6">
<h1 class="color-heading">Indonesia’s Leading Innovator in Web and Mobile Solutions</h1>
<p>We specialize in designing, building, and maintaining mobile apps, robust backends, and dynamic dashboards tailored to elevate businesses. Our solutions turn every investment into sustainable growth with lasting impact. Backed by years of experience, we have partnered with leading industries like finance and education software that drives success</p><a class="btn" href="#about">Learn More</a>
</div>
<div class="col-6">
<picture><img src="img/img-jtd-hero.webp" loading="lazy" alt="Image"></picture>
</div>
</div>
</div>
</section>
<!-- about-->
<section class="py-lg-5 section-full d-flex align-items-center scrollspy-content" id="about">
<div class="container">
<div class="row">
<div class="col-12">
<h3 class="mb-0 color-heading">ABOUT</h3>
<p class="mt-2 text-light"><i>We turn your digital dreams into lasting reality!</i></p>
<p>Your digital investments deserve to make a real difference. We build applications that help your business grow, thrive, and stay ahead. With years of experience tackling projects of all sizes and complexities, we’ve mastered the art of creating modern, reliable, and battle-tested solutions. Trusted by leading innovators and industry giants, we make sure your digital journey is smooth, sustainable, and built for the future.</p>
<p> <b>Sustainable. Reliable. Innovative. Trustworthy.</b></p>
</div>
</div>
</div>
</section>
<!-- team-->
<section class="py-lg-5 scrollspy-content section-full" id="team">
<div class="container">
<h3 class="mb-0 color-heading">TEAM</h3>
<div class="d-lg-flex justify-content-between alignt-items-center mb-4">
<div>
<p class="mt-2 text-light mb-0"><i>One of the hobby through the lens</i></p>
</div>
</div>
</div>
</section>
<!-- skills-->
<section class="py-lg-5 section-full d-flex align-items-center scrollspy-content" id="service">
<div class="container">
<div class="row">
<div class="col-12">
<h3 class="mb-0 color-heading">SERVICE</h3>
<p class="mt-2 text-light"><i>A highly-experienced product engineering team and a modern and battle-tested approach will empower you to create innovative applications that customers love.</i></p>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 mb-4">
<div class="service-box box-style p-4">
<div class="d-flex align-self-center align-items-center">
<div class="service-icon box-icon-style"><i class="lni bi bi-brush"></i></div>
<h4 class="ms-3 text-primary">Product Design & UI/UX</h4>
</div>
<div class="box-content-style service-content"><span class="barlow-condensed-semibold-italic fs-4">Elevate your digital product experience with our product design and UX services expertise.</span>
<p>We transform your revolutionary ideas and noble intentions into a successful product design that's sleek, innovative, and tailored to your needs, passionately crafted for its looks and interaction to maximize functionality and represent every value and vision laid on to every user with a seamless experience.</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 mb-4">
<div class="service-box box-style p-4">
<div class="d-flex align-self-center align-items-center">
<div class="service-icon box-icon-style"><i class="bi bi-lightning"></i></div>
<h4 class="ms-3 text-primary">Build Applications</h4>
</div>
<div class="box-content-style service-content"><span class="barlow-condensed-semibold-italic fs-4">Deliver the reliable, modern, and long-lasting applications your customers love</span>
<p>
We construct your business idea into sustainable applications by leveraging cutting-edge technology to boost your business by reaching millions of customers on any scale and in any form of modern, innovative, and reliable applications from mobile phones, web, desktop, smartwatches to every smart TV in your customer's living room.</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="service-box box-style p-4">
<div class="d-flex align-self-center align-items-center">
<div class="service-icon box-icon-style"><i class="bi bi-rocket"></i></div>
<h4 class="ms-3 text-primary">Mordernize Application</h4>
</div>
<div class="box-content-style service-content"><span class="barlow-condensed-semibold-italic fs-4">Make your applications stay relevant, reliable, and resilient to empower your business.</span>
<p> We deeply understand that outdated and sluggish software applications can slow your business. Modernizing applications is crucial for companies that want to stay competitive and relevant in today's fast-paced digital landscape and break the limit of the ability to integrate with new technologies.</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="service-box box-style p-4">
<div class="d-flex align-self-center align-items-center">
<div class="service-icon box-icon-style"><i class="bi bi-gear-wide"></i></div>
<h4 class="ms-3 text-primary">Build As You Wish</h4>
</div>
<div class="box-content-style service-content"><span class="barlow-condensed-semibold-italic fs-4">Your Vision, Our Expertise – Let’s Build It Together!</span>
<p> Turn your unique ideas into reality with tailor-made digital solutions designed to meet your specific needs. Whether it's a custom web platform, a cutting-edge app, or a hybrid solution, we bring your vision to life with precision and creativity. From ideation to launch, we collaborate closely to ensure every detail aligns with your goals and exceeds expectations. If you can dream it, we can build it!</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- portfolio-->
<section class="py-lg-5 section-full d-flex align-items-center scrollspy-content" id="portfolio">
<div class="container">
<div class="row">
<div class="col-12">
<h3 class="mb-0 color-heading">PORTFOLIO</h3>
</div>
</div>
</div>
</section>
<!-- contact-->
<section class="py-lg-5 section-full d-flex align-items-center scrollspy-content" id="contact">
<div class="container">
<div class="row">
<div class="col-12">
<h3 class="color-heading mb-0">CONTACT</h3>
<p class="mt-2 text-light"></p>
</div>
</div>
</div>
</section>
</main>
<button class="btn-scroll-top" id="scrollToTop" title="Scroll to top">
<svg class="bi bi-chevron-up" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#424242" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z"></path>
</svg>
</button>
<!-- Footer-->
</body>
<script src="js/jquery-3.7.1.min.js"></script>
<script src="js/main.js"></script>
<!-- Google tag (gtag.js)-->
</html>