-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
499 lines (424 loc) · 27 KB
/
index.php
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
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
<!DOCTYPE html>
<html lang="en">
<?php include 'head.html'; ?>
<body class="index-page">
<?php include 'header.html'; ?>
<main class="main">
<!-- Hero Section -->
<section id="hero" class="hero section dark-background">
<img src="assets/img/hero-wisnu.jpeg" alt="" data-aos="fade-in" class="">
<div class="container" data-aos="fade-up" data-aos-delay="100">
<h2>Wisnu Agung Bhaskoro</h2>
<p>Specialization : <span class="typed" data-typed-items="GIS Analyst, GIS Programmer, Drone Pilot, Raster Analyst">GIS Analyst</span><span class="typed-cursor typed-cursor--blink" aria-hidden="true"></span><span class="typed-cursor typed-cursor--blink" aria-hidden="true"></span></p>
</div>
</section><!-- /Hero Section -->
<!-- About Section -->
<section id="about" class="about section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>About</h2>
<p>My Code : Precision</p>
</div><!-- End Section Title -->
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="row gy-4 justify-content-center">
<div class="col-lg-4">
<img src="assets/img/profile-wisnu.jpg" class="img-fluid" alt="">
</div>
<div class="col-lg-8 content">
<h2>GIS Analyst - Programmer</h2>
<br>
<div class="row">
<div class="col-lg-6">
<ul>
<li><i class="bi bi-chevron-right"></i> <strong>Birthday:</strong> <span>March 5th, 1995</span></li>
<li><i class="bi bi-chevron-right"></i> <strong>Website:</strong> <span><a href="https://www.linkedin.com/in/wisnubhaskoro/" target="_blank">My Linkedin</a> ; <a href="https://github.com/wisnubakso/" target="_blank">My GitHub</a></span></li>
<li><i class="bi bi-chevron-right"></i> <strong>Phone:</strong> <span><a href="tel:+6285211220825" target="_blank">+62-852-1122-0825</a></span></li>
<li><i class="bi bi-chevron-right"></i> <strong>Location:</strong> <span>Surabaya, East Java</span></li>
</ul>
</div>
<div class="col-lg-6">
<ul>
<li><i class="bi bi-chevron-right"></i> <strong>Age:</strong> <span>29</span></li>
<li><i class="bi bi-chevron-right"></i> <strong>Degree:</strong> <span>Bachelor</span></li>
<li><i class="bi bi-chevron-right"></i> <strong>Email:</strong> <span><a href="mailto:[email protected]" target="_blank">[email protected]</a></span></li>
<li><i class="bi bi-chevron-right"></i> <strong>Freelance:</strong> <span>Available</span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section><!-- /About Section -->
<!-- Language and Skills Section -->
<section id="skills" class="skills section light-background">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Language & Skills</h2>
</div><!-- End Section Title -->
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="row skills-content skills-animation">
<div class="col-lg-3">
Language
<ul class="skill">
<br>
<li>Indonesia<br><i class="fa-solid fa-language"></i></li>
<br>
<li>English <br><i class="fa-solid fa-earth-americas"></i></i></li>
</ul>
</div>
<div class="col-lg-3">
Skills
<ul class="skill">
<br>
<li>ArcGIS / QGIS <br><i class="bi bi-globe2"></i> <i class="bi bi-map-fill"></i></li>
<br>
<li>MS Office <br><i class="bi bi-file-earmark-word-fill"></i> <i class="bi bi-file-earmark-excel-fill"></i> <i class="bi bi-file-earmark-ppt-fill"> </i></li>
<br>
<li>Drone Pilot <br><i class="fa-solid fa-helicopter"></i> <i class="fa-solid fa-camera"></i> <i class="fa-solid fa-image"></i></li>
<br>
<li>Image Processing <br><i class="fa-solid fa-images"></i></li>
</ul>
</div>
<div class="col-lg-3">
Skills
<ul class="skill">
<br>
<li>SQL Database Management <br><i class="fa-solid fa-database"></i></li>
<br>
<li>HTML, CSS, Javascript <br><i class="fa-brands fa-html5"></i> <i class="fa-brands fa-css3-alt"></i> <i class="fa-brands fa-js"></i></li>
<br>
<li>PHP <br><i class="fa-brands fa-php"></i></li>
<br>
<li>Leaflet JS <br><i class="fa-solid fa-leaf"></i></i></li>
</ul>
</div>
</div>
</div>
</section><!-- /Skills Section -->
<!-- Resume Section -->
<section id="resume" class="resume section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Resume</h2>
<!-- <p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p> -->
</div><!-- End Section Title -->
<div class="container">
<div class="row">
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
<!-- <h3 class="resume-title">Summary</h3> -->
<!-- <div class="resume-item pb-0">
<h4>Brandon Johnson</h4>
<p><em>Innovative and deadline-driven Graphic Designer with 3+ years of experience designing and developing user-centered digital/print marketing material from initial concept to final, polished deliverable.</em></p>
<ul>
<li>Portland par 127,Orlando, FL</li>
<li>(123) 456-7891</li>
<li>[email protected]</li>
</ul>
</div> -->
<!-- Edn Resume Item -->
<h3 class="resume-title">Education</h3>
<div class="resume-item">
<h4>Bachelor of Agriculture (Soil Sciences)</h4>
<h5>2012 - 2017</h5>
<p><em><a href="https://www.ub.ac.id/" target="_blank"><img src="assets/img/about/UB.jpg" width="30"> Brawijaya University</a><br> Malang, East Java, Indonesia</em></p>
<p>Activities and societies: Student Association, Assistant Lecturer <br><br>
My final thesis for my study is about estimating the spread of soil moisture and drought potency in Bojonegoro District, East Java using the combination of remote sensing and spatial analysis. Based on my research, I have found that Bojonegoro District has medium to high drought potency.</p>
</div><!-- Edn Resume Item -->
<h3 class="resume-title">Course</h3>
<div class="resume-item">
<h4>WebGIS Basic : HTML, CSS, Javascript and Leaflet JS</h4>
<h5>Jun 2024</h5>
<p><em><a href="https://www.sinaugis.com/" target="_blank"><img src="assets/img/about/SINAUGIS.png" width="30"> SinauGIS</a><br> Yogyakarta, Special Region of Yogyakarta, Indonesia</em></p>
<p>Studying the basic of HTML, CSS, Javascript and utilization of Leaflet JS to build webmap applications.</p>
</div><!-- Edn Resume Item -->
</div>
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="200">
<h3 class="resume-title">Professional Experience</h3>
<div class="resume-item">
<h4>Geographic Information System Officer</h4>
<h5>Mar 2020 - Present</h5>
<p><em><a href="https://ptwita.com" target="_blank"><img src="assets/img/about/WITA.jpg" width="30"> PT. WITA Internasional Bisnis Artisan</a><br> Surabaya, East Java, Indonesia</em></p>
<p>Scope of work :</p>
<ol>
<li>Spatial database management (SQL-Based)</li>
<li>Map publishment</li>
<li>Aerial photo acquisition (DJI Drone)</li>
<li>Take direct responsibilty for areal statements of 1,300 Ha Planted Area for plantation monitoring and areal development, and</li>
<li>Webmap-WebGIS development (SQL-Geoserver-Leaflet Integration).</li>
</ol>
</div><!-- End Resume Item -->
<div class="resume-item">
<h4>Geographic Information System Officer</h4>
<h5>Jan 2019 - Mar 2020</h5>
<p><em><a href="https://ssms.co.id/" target="_blank"><img src="assets/img/about/SSMS.png" width="30"> PT. Sawit Sumbermas Sarana, Tbk.</a><br> Pulang Pisau, Central Kalimantan, Indonesia</em></p>
<p>Scope of work :</p>
<ol>
<li>Spatial database management</li>
<li>Map publishment</li>
<li>Aerial photo acquisition (DJI Drone), and</li>
<li>Data supply for areal statements (12,000 Ha Planted Area) for plantation monitoring and areal development.</li>
</ol>
</div><!-- End Resume Item -->
<div class="resume-item">
<h4>Geographic Information System Officer Trainee</h4>
<h5>Oct 2018 - Jan 2019</h5>
<p><em><a href="https://ssms.co.id/" target="_blank"><img src="assets/img/about/SSMS.png" width="30"> PT. Sawit Sumbermas Sarana, Tbk.</a><br> Pulang Pisau, Central Kalimantan, Indonesia</em></p>
<p>Assists senior staffs in probation period at :</p>
<ol>
<li>Spatial database management</li>
<li>Map publishment</li>
<li>Aerial photo acquisition (DJI Drone), and</li>
<li>Data supply for areal statements (12,000 Ha Planted Area) for plantation monitoring and areal development.</li>
</ol>
</div><!-- End Resume Item -->
<div class="resume-item">
<h4>Lab Assistant : GIS for Land Resources</h4>
<h5>Feb 2017 - Jun 2017</h5>
<p><em><a href="https://www.ub.ac.id/" target="_blank"><img src="assets/img/about/UB.jpg" width="30"> Brawijaya University</a><br> Malang, East Java, Indonesia</em></p>
<p>Responsible to taught GIS Application for Land Resources Management to 20 younger students in practice and examination.</p>
</div><!-- End Resume Item -->
<div class="resume-item">
<h4>Internship Staff</h4>
<h5>Aug 2015 - Dec 2015</h5>
<p><em><a href="https://www.perhutani.co.id/" target="_blank"><img src="assets/img/about/PERHUTANI.png" width="40"> Perum Perhutani</a><br> Malang, East Java, Indonesia</em></p>
<p>Assist senior supervisor and field assistant to :</p>
<ol>
<li>Supervise employees, and</li>
<li>Monitor the weekly report and administration documents.</li>
</ol>
</div><!-- End Resume Item -->
</div>
</div>
</div>
</section>
<!-- /Resume Section -->
<!-- Portfolio Section -->
<section id="portfolio" class="portfolio section light-background">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Portfolio</h2>
</div><!-- End Section Title -->
<div class="container">
<div class="isotope-layout" data-default-filter="*" data-layout="masonry" data-sort="original-order">
<ul class="portfolio-filters isotope-filters" data-aos="fade-up" data-aos-delay="100">
<li data-filter="*" class="filter-active">All</li>
<li data-filter=".filter-gis">GIS</li>
<li data-filter=".filter-dbms">Spatial Database Management</li>
<li data-filter=".filter-webmap">WebMap Development</li>
<li data-filter=".filter-aerial-photo">Aerial Photo Project</li>
</ul><!-- End Portfolio Filters -->
<div class="row gy-4 isotope-container" data-aos="fade-up" data-aos-delay="200">
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-gis">
<div class="portfolio-content h-100">
<img src="assets/img/portfolio/PORTFOLIO - PALM COUNTING CORRECTION.png" class="img-fluid" alt="" width="325.33">
<div class="portfolio-info">
<h4>GIS Project 1</h4>
<p>Palm Counting Correction Process</p>
<a href="assets/img/portfolio/PORTFOLIO - PALM COUNTING CORRECTION.png" title="GIS Project 1" data-gallery="GIS Project 1" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="palm-counting-utmu-2020.php" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-gis">
<div class="portfolio-content h-100">
<img src="assets/img/portfolio/PORTFOLIO - TRIMBLE ECOGNITION OPA_1.png" class="img-fluid" alt="" width="325.33">
<div class="portfolio-info">
<h4>GIS Project 1</h4>
<p>Palm Counting Automation with OPA</p>
<a href="assets/img/portfolio/PORTFOLIO - TRIMBLE ECOGNITION OPA_1.png" title="GIS Project 1" data-gallery="GIS Project 1" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="palm-counting-utmu-2020.php" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-gis">
<div class="portfolio-content h-100">
<img src="assets/img/portfolio/PORTFOLIO - TRIMBLE ECOGNITION OPA_2.png" class="img-fluid" alt="" width="325.33">
<div class="portfolio-info">
<h4>GIS Project 1</h4>
<p>Palm Counting Automation with OPA</p>
<a href="assets/img/portfolio/PORTFOLIO - TRIMBLE ECOGNITION OPA_2.png" title="GIS Project 1" data-gallery="GIS Project 1" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="palm-counting-utmu-2020.php" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-dbms">
<div class="portfolio-content h-100">
<img src="assets/img/portfolio/PORTFOLIO - SQL DATABASE MANAGEMENT (PGADMIN).png" class="img-fluid" alt="" width="325.33">
<div class="portfolio-info">
<h4>DBMS Project 1</h4>
<p>Spatial Database Management with PGAdmin</p>
<a href="assets/img/portfolio/PORTFOLIO - SQL DATABASE MANAGEMENT (PGADMIN).png" title="DBMS Project 1" data-gallery="DBMS Project 1" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="pgsql-dbms-utmu.php" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-dbms">
<div class="portfolio-content h-100">
<img src="assets/img/portfolio/PORTFOLIO - SQL DATABASE MANAGEMENT (DBEAVER).png" class="img-fluid" alt="" width="325.33">
<div class="portfolio-info">
<h4>DBMS Project 1</h4>
<p>Spatial Database Management with DBeaver</p>
<a href="assets/img/portfolio/PORTFOLIO - SQL DATABASE MANAGEMENT (DBEAVER).png" title="DBMS Project 1" data-gallery="DBMS Project 1" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="pgsql-dbms-utmu.php" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-dbms">
<div class="portfolio-content h-100">
<img src="assets/img/portfolio/PORTFOLIO - SQL DATABASE MANAGEMENT (ADMINER PHP).png" class="img-fluid" alt="" width="325.33">
<div class="portfolio-info">
<h4>DBMS Project 1</h4>
<p>Spatial Database Management with Adminer PHP</p>
<a href="assets/img/portfolio/PORTFOLIO - SQL DATABASE MANAGEMENT (ADMINER PHP).png" title="DBMS Project 1" data-gallery="DBMS Project 1" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="pgsql-dbms-utmu.php" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-webmap">
<div class="portfolio-content h-100">
<img src="assets/img/portfolio/PORTFOLIO - WEBMAP UTMU_ARESTA.png" class="img-fluid" alt="" width="325.33">
<div class="portfolio-info">
<h4>Webmap Project 1</h4>
<p>Aresta Map of PT. UTMU</p>
<a href="assets/img/portfolio/PORTFOLIO - WEBMAP UTMU_ARESTA.png" title="Webmap Project 1" data-gallery="Webmap Project 1" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="webmap-utmu.php" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-webmap">
<div class="portfolio-content h-100">
<img src="assets/img/portfolio/PORTFOLIO - WEBMAP UTMU_INFRASTRUCTURE.png" class="img-fluid" alt="" width="325.33">
<div class="portfolio-info">
<h4>Webmap Project 1</h4>
<p>Infrastructure Map of PT. UTMU</p>
<a href="assets/img/portfolio/PORTFOLIO - WEBMAP UTMU_INFRASTRUCTURE.png" title="Webmap Project 1" data-gallery="Webmap Project 1" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="webmap-utmu.php" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-webmap">
<div class="portfolio-content h-100">
<img src="assets/img/portfolio/PORTFOLIO - WEBMAP UTMU_LOGIN PAGE.png" class="img-fluid" alt="" width="325.33">
<div class="portfolio-info">
<h4>Webmap Project 1</h4>
<p>Webmap Login Page</p>
<a href="assets/img/portfolio/PORTFOLIO - WEBMAP UTMU_LOGIN PAGE.png" title="Webmap Project 1" data-gallery="Webmap Project 1" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="webmap-utmu.php" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-webmap">
<div class="portfolio-content h-100">
<img src="assets/img/portfolio/PORTFOLIO - CODING PROCESS WITH VSCODE.png" class="img-fluid" alt="" width="325.33">
<div class="portfolio-info">
<h4>Webmap Project 1</h4>
<p>Coding Process with Visual Studio Code</p>
<a href="assets/img/portfolio/PORTFOLIO - CODING PROCESS WITH VSCODE.png" title="Webmap Project 1" data-gallery="Webmap Project 1" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="webmap-utmu.php" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-webmap">
<div class="portfolio-content h-100">
<img src="assets/img/portfolio/PORTFOLIO - GEOSERVER.png" class="img-fluid" alt="" width="325.33">
<div class="portfolio-info">
<h4>Webmap Project 1</h4>
<p>Geoserver</p>
<a href="assets/img/portfolio/PORTFOLIO - GEOSERVER.png" title="Webmap Project 1" data-gallery="Webmap Project 1" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="webmap-utmu.php" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-webmap">
<div class="portfolio-content h-100">
<img src="assets/img/portfolio/PORTFOLIO - WEBMAP INTEGRATION.png" class="img-fluid" alt="" width="325.33">
<div class="portfolio-info">
<h4>Webmap Project 1</h4>
<p>Webmap App Integration</p>
<a href="assets/img/portfolio/PORTFOLIO - WEBMAP INTEGRATION.png" title="Webmap Project 1" data-gallery="Webmap Project 1" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="webmap-utmu.php" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-aerial-photo">
<div class="portfolio-content h-100">
<img src="assets/img/portfolio/PORTFOLIO - AGISOFT PHOTOSCAN_1.png" class="img-fluid" alt="" width="325.33">
<div class="portfolio-info">
<h4>Aerial Photo Project 1</h4>
<p>Image Mosaicking Process with Agisoft Photoscan</p>
<a href="assets/img/portfolio/PORTFOLIO - AGISOFT PHOTOSCAN_1.png" title="Aerial Photo Project 1" data-gallery="Aerial Photo Project 1" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="aerial-photo-utmu-2020.php" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-aerial-photo">
<div class="portfolio-content h-100">
<img src="assets/img/portfolio/PORTFOLIO - AGISOFT PHOTOSCAN_2.png" class="img-fluid" alt="" width="325.33">
<div class="portfolio-info">
<h4>Aerial Photo Project 1</h4>
<p>Image Mosaic in Agisoft Photoscan</p>
<a href="assets/img/portfolio/PORTFOLIO - AGISOFT PHOTOSCAN_2.png" title="Aerial Photo Project 1" data-gallery="Aerial Photo Project 1" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="aerial-photo-utmu-2020.php" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-aerial-photo">
<div class="portfolio-content h-100">
<img src="assets/img/portfolio/PORTFOLIO - AGISOFT PHOTOSCAN_3.png" class="img-fluid" alt="" width="325.33">
<div class="portfolio-info">
<h4>Aerial Photo Project 1</h4>
<p>Image Mosaic in Global Mapper</p>
<a href="assets/img/portfolio/PORTFOLIO - AGISOFT PHOTOSCAN_3.png" title="Aerial Photo Project 1" data-gallery="Aerial Photo Project 1" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="aerial-photo-utmu-2020.php" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
</div><!-- End Portfolio Container -->
</div>
</div>
</section><!-- /Portfolio Section -->
<!-- Contact Section -->
<section id="contact" class="contact section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Contact</h2>
</div><!-- End Section Title -->
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="info-wrap">
<div class="info-item d-flex" data-aos="fade-up" data-aos-delay="200">
<a href="https://maps.app.goo.gl/5oQBCq2nNCRMCKL69" target="_blank"><i class="bi bi-geo-alt flex-shrink-0"></i></a>
<div>
<h3>Address</h3>
<p>Jl. Ahmad Yani No. 317, Kelurahan Dukuh Menanggal, Kecamatan Gayungan, Kota Surabaya, 60234</p>
</div>
</div><!-- End Info Item -->
<div class="info-item d-flex" data-aos="fade-up" data-aos-delay="300">
<a href="tel:+6285211220825" target="_blank"><i class="bi bi-telephone flex-shrink-0"></i></a>
<div>
<h3>Call me</h3>
<p>+62-852-1122-0825</p>
</div>
</div><!-- End Info Item -->
<div class="info-item d-flex" data-aos="fade-up" data-aos-delay="300">
<a href="https://wa.me/6285211220825" target="_blank"><i class="bi bi-whatsapp flex-shrink-0"></i></i></a>
<div>
<h3>Message me</h3>
<p>+62-852-1122-0825</p>
</div>
</div><!-- End Info Item -->
<div class=" info-item d-flex" data-aos="fade-up" data-aos-delay="400">
<a href="mailto:[email protected]" target="_blank"><i class="bi bi-envelope flex-shrink-0"></i></a>
<div>
<h3>Email me</h3>
<p>[email protected]</p>
</div>
</div><!-- End Info Item -->
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d699.522583178777!2d112.73025518869674!3d-7.342970159228887!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dd7fb4e7eb81003%3A0xcbf85ede8e11aac9!2sAvian%20Brands%20Office!5e0!3m2!1sen!2sid!4v1732778711930!5m2!1sen!2sid" frameborder="0" style="border:0; width: 100%; height: 270px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</section><!-- /Contact Section -->
</main>
<?php include 'footer-preloader.html'; ?>
<?php include 'script.html'; ?>
</body>
</html>