107 lines
7.5 KiB
HTML
107 lines
7.5 KiB
HTML
<div id="uni_about" class="uni-about uk-section uk-section-xlarge@m uk-panel">
|
|
<div class="uk-container">
|
|
<header class="uk-grid-xsmall uk-flex-center uk-flex-middle uk-grid" data-uk-grid
|
|
data-anime="opacity:[0, 1]; translateY:[24, 0]; onview: true; delay: 100;">
|
|
<div class="uk-panel uk-text-center">
|
|
<h2 class="uk-h3 uk-h1@m">Tentang GraphiScan</h2>
|
|
</div>
|
|
</header>
|
|
<div class="uk-panel uk-margin-medium-top uk-margin-2xlarge-top@m">
|
|
<div class="uk-grid uk-grid-2xlarge uk-grid-3xlarge@m uk-child-width-1-1" data-uk-grid="">
|
|
<div>
|
|
<div class="uk-panel">
|
|
<div class="uk-grid uk-grid-3xlarge@m uk-flex-middle uk-child-width-1-2@m" data-uk-grid="">
|
|
<div>
|
|
<div class="uk-panel uk-image-middle uk-overflow-hidden uk-radius uk-radius-large@m"
|
|
data-anime="opacity:[0, 1]; translateX:[-24, 0]; onview: -250; delay: 200;">
|
|
<img src="../static/assets/images/landing/Group 2.png" alt="Create your own NFT">
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="uk-panel"
|
|
data-anime="opacity:[0, 1]; translateX:[24, 0]; onview: -250; delay: 300;">
|
|
<span class="uk-text-overline uk-text-gradient">Melawan Penipuan Gambar
|
|
Produk Toko Online dengan AI</span>
|
|
<h3 class="uk-h3 uk-h1@m">GraphiScan</h3>
|
|
<p class="uk-text-large@m">aplikasi revolusioner yang menggunakan kecerdasan
|
|
buatan (AI) untuk mendeteksi manipulasi gambar produk pada toko online.
|
|
Di era digital ini, penipuan gambar produk menjadi semakin marak dan
|
|
merugikan konsumen. GraphiScan hadir untuk membantu Anda berbelanja
|
|
dengan aman dan terhindar dari produk palsu atau deskripsi yang
|
|
menyesatkan.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="uk-panel">
|
|
<div class="uk-grid uk-grid-3xlarge@m uk-flex-middle uk-child-width-1-2@m" data-uk-grid="">
|
|
<div>
|
|
<div class="uk-panel uk-image-middle uk-overflow-hidden uk-radius uk-radius-large@m"
|
|
data-anime="opacity:[0, 1]; translateX:[24, 0]; onview: -250; delay: 300;">
|
|
<img src="../static/assets/images/landing/Group 1.png" alt="Create your own NFT">
|
|
</div>
|
|
</div>
|
|
<div class="uk-flex-first@m">
|
|
<div class="uk-panel"
|
|
data-anime="opacity:[0, 1]; translateX:[-24, 0]; onview: -250; delay: 400;">
|
|
<span class="uk-text-overline uk-text-gradient">Bagaimana GraphiScan
|
|
Bekerja?</span>
|
|
<h3 class="uk-h3 uk-h1@m">GraphiScan menggabungkan dua teknologi canggih</h3>
|
|
<div class="uk-grid uk-grid-large@m uk-grid-match uk-child-width-1-2@m uk-margin-medium-top uk-margin-large-top@m"
|
|
data-uk-grid="">
|
|
<div>
|
|
<div class="uk-panel">
|
|
<div class="uk-grid uk-grid-xsmall uk-grid-small@m" data-uk-grid="">
|
|
<div>
|
|
<div
|
|
class="uk-card uk-card-xsmall uk-radius-medium uk-radius-large@m uk-background-gradient uk-flex-middle uk-flex-center">
|
|
<img src="../static/assets/images/number/one.png"
|
|
alt="Deskripsi Gambar"
|
|
class="uk-icon-small uk-icon-medium@m uk-text-white" />
|
|
</div>
|
|
</div>
|
|
<div class="uk-width-expand">
|
|
<span class="uk-text-small@m">Error Level Analysis
|
|
(ELA): ELA mendeteksi ketidakcocokan piksel yang
|
|
sering kali menjadi indikator manipulasi
|
|
gambar.</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="uk-panel">
|
|
<div class="uk-grid uk-grid-xsmall uk-grid-small@m" data-uk-grid="">
|
|
<div>
|
|
<div
|
|
class="uk-card uk-card-xsmall uk-radius-medium uk-radius-large@m uk-background-gradient uk-flex-middle uk-flex-center">
|
|
<img src="../static/assets/images/number/two.png"
|
|
alt="Deskripsi Gambar"
|
|
class="uk-icon-small uk-icon-medium@m uk-text-white" />
|
|
</div>
|
|
</div>
|
|
<div class="uk-width-expand">
|
|
<span class="uk-text-small@m">Convolutional Neural
|
|
Network (CNN): CNN, terlatih pada dataset gambar
|
|
produk yang besar, mampu mengidentifikasi pola
|
|
manipulasi yang rumit dengan tingkat akurasi
|
|
tinggi.</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<img class="uk-width-2xsmall uk-flex-center uk-margin-auto uk-margin-medium uk-margin-large@m"
|
|
src="../static/assets/images/divider-01.svg" alt="Divider"
|
|
data-anime="opacity:[0, 1]; translateY:[24, 0]; onview: true; delay: 100;"> |