-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
208 lines (181 loc) · 7.02 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
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<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=Poppins:wght@600&family=Roboto&display=swap" rel="stylesheet">
</head>
<body>
<!-- NAVIGATION BAR -->
<nav class="navigation">
<img class="nav-bar-logo" src="./images/Logo_Figma.svg" alt="">
<ul class="navbar-ul">
<li class="nav-item-list">
<a href="index.html">Services</a>
</li>
<li class="nav-item-list">
<a href="index.html">Product</a>
</li>
<li class="nav-item-list">
<a href="index.html">Technology</a>
</li>
<li class="nav-item-list">
<a href="index.html">About</a>
<img src="./images/chevron_down.svg" alt="">
</li>
<li class="nav-item-list">
<a href="index.html">Clien</a>
<img src="./images/chevron_down.svg" alt="">
</li>
<li class="nav-item-list">
<a href="index.html">Partner</a>
</li>
</ul>
<ul class="navbar-ul">
<li class="nav-item-list">
<button class="nav-item-btn">
<img src="./images/Home_logo.svg" alt="">
</button>
</li>
<li class="nav-item-list">
<button class="nav-item-btn">
<img src="./images/mail.svg" alt="">
</button>
</li>
<li class="nav-item-list">
<button class="nav-item-btn">
<img src="./images/shuffle.svg" alt="">
</button>
</li>
</ul>
</nav>
<hr>
<!-- MAIN -->
<main>
<!-- SECTION 1 -->
<section class="hero-container">
<div class="left-content">
<h1 class="content-heading">
Making the most of the ever growing
<br>
<span>
Information Techonology
</span>
</h1>
<p class="content-paragraph">
Managed by a team of professional experts with extensive experience and impressive track records
</p>
<button class="left-content-btn">
Read More
</button>
</div>
<div class="right-content">
<img src="./images/devices.svg" alt="">
</div>
</section>
<!-- SECTION 2 -->
<section class="second-container">
<div class="left-content-img">
<img src="./images/man&pc.svg" alt="">
</div>
<div class="right-content-text">
<h2 class="right-content-heading">
Welcome to
<span>
Dwidasa Samsara Indonesia (DSI)
</span>
</h2>
<div class="right-content-paragraph">
<p>Dwidasa Samsara Indonesia (DSI) was firstly established in 2010 by the founders, who each of them has a common end objective to innovate new creations by making the most of the ever-growing information technology through <span>DSI</span>'s distinct front-end based application concept.
</p>
<br>
<p>
Managed by a team of professional experts with extensive experience and impressive track records, <span>DSI</span> believes that continuous improvements and innovations assure your business to run effectively and efficiently.
</p>
</div>
</div>
</section>
<!-- SECTION 3 -->
<section class="third-container">
<h2>
Product and Service
</h2>
<div class="card-box">
<div class="card">
<img class="card-img" src="./images/product-description 1.svg" alt="">
<h3>
Our Product
</h3>
<p>
Our product is made on the base of our team's careful research and analyses, ranging from internet based application.
</p>
<button class="card-btn card-btn1">
Read More
</button>
</div>
<div class="card">
<img class="card-img" src="./images/verified 1.svg" alt="">
<h3>
Our Services
</h3>
<p>
DSI's shared service solutions focus on the front-end based software development, designed specifically for the banking and financial sectors.
</p>
<button class="card-btn ">
Read More
</button>
</div>
<div class="card">
<img class="card-img" src="./images/cogwheel 1.svg" alt="">
<h3>
Our Technology
</h3>
<p>
First JAVA, runs on more than 850 million personal computers worldwide, and on billions of devices worldwide, including mobile and TV devices.
</p>
<button class="card-btn">
Read More
</button>
</div>
</div>
</section>
<!-- SECTION 4 -->
<section class="fourth-container">
<div class="adressContent">
<img src="./images/Logo_Figma.svg" alt="">
<h5>
PT Dwidasa Samsara Indonesia
</h5>
<p>
Ruko Jalur Sutera 29A No. 53
<br>
Alam Sutera Serpong, Tangerang 15323
</p>
</div>
<div class="adressContentCenter">
<h4>
Contact:
</h4>
<br>
<address>
<a href="tel:+62 21 6514 1135">phone : +62 21 6514 1135</a>
<br>
<a href="tel:+62 21 6514 1135">Fax : +62 21 6514 1135</a>
<br>
<a href="mailto:community@dwidasa.com">Email : community@dwidasa.com</a>
</address>
</div>
</section>
</main>
<!-- FOOTER -->
<footer>
<p>
Copyright © 2015 - Dwidasa Samsara Indonesia
</p>
</footer>
</body>
</html>