Sindbad~EG File Manager
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>AturToko - Atur Toko Online Jadi Gampang!</title>
<meta name="description" content="aturtoko - atur toko online jadi gampang">
<meta name="keywords" content="toko online, ecommerces, belanja online, jualan online">
<meta name="author" content="Ahmad Faisal Aziz">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff">
<meta name="msapplication-TileImage" content="resources/images/favicon/ms-icon-144x144.png">
<link rel="apple-touch-icon" sizes="57x57" href="resources/images/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="resources/images/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="resources/images/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="resources/images/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="resources/images/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="resources/images/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="resources/images/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="resources/images/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="resources/images/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="resources/images/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="resources/images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="resources/images/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="resources/images/favicon/favicon-16x16.png">
<link rel="manifest" href="resources/images/favicon/manifest.json">
<link rel="shortcut icon" type="image/png" sizes="32x32" href="resources/images/favicon.png">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="resources/css/main.css">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
<link rel="stylesheet" type="text/css" href="resources/slick/slick-theme.css" />
<link href="https://fonts.googleapis.com/css?family=Noto+Sans:400,700|Open+Sans:300,400,600,700,800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://rawcdn.githack.com/rafaelbotazini/floating-whatsapp/3d18b26d5c7d430a1ab0b664f8ca6b69014aed68/floating-wpp.min.css">
<script src="https://kit.fontawesome.com/5b2de8089b.js" crossorigin="anonymous"></script>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<!--Fontawesome 5 free edit-->
<style>
#WAButton {
z-index: 1000;
}
</style>
</head>
<body>
<section class="header fixed-top ">
<nav class="navbar navbar-expand-md navbar-light ">
<div class="container">
<a class="navbar-brand" href="index.html"><img src="resources/images/SVG/logo_aturtoko.svg" class="logo" alt="logo"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation">
<img src="resources/images/SVG/bars.svg" class="bars" alt="menu bars">
</button>
<div class="collapse navbar-collapse col-12 col-md-10 col-lg-10 ml-sm-auto px-0" id="navbarColor01">
<ul class="navbar-nav ml-auto mr-0 mr-md-4">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Servis Kami
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" target="_blank" href="aturtoko.html">AturToko+</a>
<a class="dropdown-item" target="_blank" href="buattoko/index.html">BuatToko</a>
<a class="dropdown-item" target="_blank" href="aturbisnis.html">AturBisnis</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html">Halaman Utama</a>
</li>
<li class="nav-item">
<a class="nav-link" href="tentang-kami.html">Tentang Kami</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pricing.html">Daftar Harga</a>
</li>
<li class="nav-item">
<!-- <a href="#DaftarModal" data-dismiss="modal" data-toggle="modal" data-target="#DaftarModal" class="nav-link">Coba Gratis</a> -->
<a class="nav-link" href="registrasi.html?package=aturtoko">Coba Gratis</a>
</li>
</ul>
<a href="https://store.aturtoko.id/login" class="btn btn-sec my-3 my-md-0">Masuk </a>
</div>
</div>
</nav>
</section>
<!-- ATUR TOKO + -->
<section class="box-banner bg-purple" id="sec-aturtoko">
<img src="resources/images/SVG/grafik_efek2_long.svg" class="bg-banner-efek float">
<div class="container">
<div class="row row-eq-height">
<div class="col-12 col-md-4 my-3 d-flex align-items-center">
<div class="top-banner text-center text-md-left">
<img src="resources/images/SVG/grafik_atur_toko_top_new.svg" class=" top-banner-img ">
</div>
</div>
<div class="col-12 col-md-4 text-center my-3 d-flex align-items-center">
<div class="bh-desc">
<h4 class="title">AturToko +</h4>
<h5 class="mini-title">Kelola beberapa marketplace dengan satu platform</h5>
</div>
</div>
</div>
</div>
</section>
<section class="content py-0 pb-md-3 ">
<div class="container ">
<div class="row justify-content-center row-eq-height ">
<div class="push-up bg-white px-md-5 pt-md-5 pb-md-0 ">
<div class="col-12 ">
<div class="row my-3 d-flex justify-content-center row-eq-height ">
<div class="col-12 col-md-5 my-3 order-md-last ">
<img src="resources/images/SVG/grafik_atur_toko_mid_new.svg " class="img-fluid2" alt="logo ">
</div>
<div class="col-12 col-md-7 my-3 text-center text-md-left ">
<h2 class="sub-title">
Punya beberapa marketplace <br>
ribet ngaturnya?<br>
Stok berantakan? <br>
Atau horor update satu persatu <br>
di masing-masing marketplace?
</h2>
<h2 class="sub-title-2">
Permudah semuanya dengan platform AturToko +
</h2>
<div class="text-left mt-5 d-none d-lg-block">
<a href="registrasi.html?package=aturtoko" class="btn btn-sec my-3 my-md-0" style="width: 325px;">Coba Gratis</a>
</div>
<!-- MOBILE -->
<div class="text-center mt-5 d-lg-none">
<a href="registrasi.html?package=aturtoko" class="btn btn-sec my-3 my-md-0" style="width: 200px;">Coba Gratis</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ATUR TOKO + -->
<section class="footer py-4 mt-4">
<div class="container">
<div class="row justify-content-center row-eq-height">
<div class="col-12 col-md-3 text-left py-2">
<div class="foot-head ">
<div class="foot-logo mb-3">
<img src="resources/images/SVG/logo_aturtoko.svg" alt="logo" />
</div>
</div>
<div class="foot-desc">
<p>
aturtoko.id adalah sebuah platform digital yang menyediakan solusi bisnis Anda secara online.
Kami menyediakan jasa solusi layanan E-commerce terpadu dan konsultasi bisnis Offline to Online
store.
</p>
</div>
</div>
<div class="col-12 col-md-5">
<div class="row">
<div class="col-12 col-md-6 text-left py-2">
<div class="foot-head">
<h4 class="sub-title">Navigasi</h4>
</div>
<div class="foot-desc">
<a class="foot-link" href="index.html#sec-aturtoko">AturToko +</a>
<a class="foot-link" href="index.html#sec-buattoko">BuatToko</a>
<a class="foot-link" href="index.html#sec-aturbisnis">AturBisnis</a>
<a class="foot-link" href="tentang-kami.html">Tentang Kami</a>
</div>
</div>
<div class="col-12 col-md-6 text-left py-2">
<div class="foot-head">
<h4 class="sub-title">Hubungi Kami</h4>
</div>
<div class="foot-desc">
<p>Metropolitan Tower, Lantai 2</p>
<p>Jl. R.A.Kartini No.Kav. 14, RW.4,</p>
<p>West Cilandak, Cilandak,</p>
<p>South Jakarta City, Jakarta</p>
<p>12430</p>
<p>info@aturtoko.id</p>
<p>PT. Atur Toko Solusi Indonesia</p>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-4 text-left py-2">
<div class="foot-head">
<h4 class="sub-title">Sosial Media</h4>
</div>
<div class="foot-desc">
<!-- <form class="form-inline py-2 form-subs">
<div class="input-group mb-1">
<input type="text" class="form-control" placeholder="Email">
<div class="input-group-append">
<button class="btn btn-main" type="button">Subscribe</button>
</div>
</div>
</form> -->
<!-- <a href="#" class="sosmed">
<i class="fab fa-twitter icon tw"></i>
</a> -->
<a href="https://www.facebook.com/Aturtokoid-107675694307910" class="sosmed">
<i class="fab fa-facebook-f icon fb"></i>
</a>
<a href="https://www.instagram.com/aturtoko.id/" class="sosmed">
<i class="fab fa-instagram icon ig"></i>
</a>
</div>
</div>
<div class="col-12 text-left py-2">
<small>© 2020 AturToko</small>
</div>
</div>
</div>
</section>
<!-- WhatsApp -->
<div id="WAButton"></div>
<!-- Login Modal -->
<div class="modal fade" id="LoginModal" tabindex="-1" aria-labelledby="LoginModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl mdl-login ">
<div class="modal-content">
<a href="#" class="mdl-close " data-dismiss="modal" aria-label="Close">
<img src="resources/images/SVG/icon_close.svg" alt="close">
</a>
<div class="row row no-gutters">
<div class="col-12 col-lg-5">
<div class="login-welcome text-center p-3">
<div class="lw-banner">
<img class="bg-img float" src="resources/images/SVG/grafik_efek2.svg">
<img class="main-img" src="resources/images/SVG/grafik_login2.svg">
</div>
<div class="lw-details p-3 ">
<h4 class="sub-title mb-3">Selamat Datang Kembali!</h4>
<p>Belum punya akun? Daftar AturToko sesuai Kebutuhan Bisnis Anda.</p>
</div>
<a href="#DaftarModal" class="btn btn-outline " data-dismiss="modal" data-toggle="modal" data-target="#DaftarModal">Daftar</a>
<div class="divider py-5"></div>
<small class="copyr">© 2020, AturToko</small>
</div>
</div>
<div class="col-12 col-lg-7">
<div class="login-desc p-3 p-md-5 py-4 text-center">
<div class="login-box-logo py-5">
<img src="resources/images/SVG/logo_aturtoko.svg" class="logo-login" alt="logo">
</div>
<div class="login-form">
<form class="cst-form">
<div class="form-row">
<div class="col-12 my-2">
<input type="email" class="form-control " placeholder="Email">
</div>
</div>
<div class="form-row">
<div class="col-12 my-2">
<input type="email" class="form-control ipt-pwd" placeholder="Password">
<a href="#" class="btn btn-link float-right px-0 py-3">Lupa Password?</a>
</div>
</div>
<div class="form-row">
<div class="col-12 my-2">
<div class="g-recaptcha" data-sitekey="6LfYC-EUAAAAALIiQ05h0h4jm7P5OCe2DcJ728gs"></div>
</div>
</div>
<div class="form-row justify-content-center">
<div class="col-12">
<a href="#" class="btn btn-sec btn-block my-3 ">Login</a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Daftar Modal -->
<div class="modal fade" id="DaftarModal" tabindex="-1" aria-labelledby="DaftarModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl mdl-login ">
<div class="modal-content">
<a href="#" class="mdl-close " data-dismiss="modal" aria-label="Close">
<img src="resources/images/SVG/icon_close.svg" alt="close">
</a>
<div class="row row no-gutters">
<div class="col-12 col-lg-5">
<div class="daftar-welcome text-center p-3">
<div class="lw-banner">
<img class="bg-img float" src="resources/images/SVG/grafik_efek2.svg">
<img class="main-img" src="resources/images/SVG/grafik_buat_toko_top2.svg">
</div>
<div class="lw-details p-3 ">
<h4 class="sub-title mb-3">Buat Toko</h4>
<p>Punya olshop tapi nggak punya website? kami buatkan website lengkap dengan transaksi dan jasa kirim.</p>
</div>
<small class="copyr">© 2020, AturToko</small>
</div>
</div>
<div class="col-12 col-lg-7">
<div class="login-desc p-3 p-md-4 py-4 text-center">
<div class="login-box-logo py-5">
<img src="resources/images/SVG/logo_aturtoko.svg" class="logo-login" alt="logo">
</div>
<div class="daftar-form">
<form>
<div class="form-row">
<div class="col-12 col-md-6 my-2 px-2">
<input type="text" class="form-control" placeholder="Nama Toko">
</div>
<div class="col-12 col-md-6 my-2 px-2">
<input type="text" class="form-control" placeholder="Nama Pengguna">
</div>
</div>
<div class="form-row">
<div class="col-12 col-md-6 my-2 px-2">
<input type="email" class="form-control" placeholder="Email">
</div>
<div class="col-12 col-md-6 my-2 px-2">
<input type="text" class="form-control" placeholder="No. telephone">
</div>
</div>
<div class="form-row">
<div class="col-12 col-md-6 my-2 px-2">
<div class="cst-select">
<span class="dropdown-el">
<input type="radio" name="sortType" value="Jenis Usaha" checked="checked" id="cst-list1" disabled><label for="cst-list1">Jenis Usaha</label>
<input type="radio" name="sortType" value="Fashion" id="cst-list2"><label for="cst-list2">Fashion</label>
<input type="radio" name="sortType" value="Makanan & Minuman" id="cst-list3"><label for="cst-list3">Makanan & Minuman</label>
<input type="radio" name="sortType" value="Ibu & Bayi" id="cst-list4"><label for="cst-list4">Ibu & Bayi</label>
<input type="radio" name="sortType" value="Elektronik & Gadget" id="cst-list5"><label for="cst-list5">Elektronik & Gadget</label>
<input type="radio" name="sortType" value="Otomotif" id="cst-list6"><label for="cst-list6">Otomotif</label>
<input type="radio" name="sortType" value="Lainnya" id="cst-list7"><label for="cst-list7">Lainnya</label>
</span>
</div>
</div>
<div class="col-12 col-md-6 my-2 px-2">
<input type="text" class="form-control" placeholder="Alamat Toko">
</div>
</div>
<div class=" form-row ">
<div class="col-12 col-md-6 my-2 px-2">
<input type="password " class="form-control ipt-pwd " placeholder="Password ">
</div>
<div class="col-12 col-md-6 my-2 px-2">
<input type="password " class="form-control ipt-pwd " placeholder="Ulangi Password ">
</div>
</div>
<div class=" form-row ">
<div class="col-12 my-2 px-2">
<div class="row">
<div class="col-12 my-3">
<p>Pilih Paket Bisnis <span class="text-danger">*</span></p>
<div id="mytab" class="btn-group btn-group-toggle cst-box-tabs " data-toggle="buttons">
<a href="#pkg1" class="btn btn-cst-group active thisone " data-toggle="tab">
<input type="radio" name="options" id="option1" checked> Gratis
</a>
<a href="#pkg2" class="btn btn-cst-group " data-toggle="tab">
<input type="radio" name="options" id="option2"> Basic
</a>
<a href="#pkg3" class="btn btn-cst-group " data-toggle="tab">
<input type="radio" name="options" id="option3"> Premium
</a>
<a href="#pkg4" class="btn btn-cst-group " data-toggle="tab">
<input type="radio" name="options" id="option3"> Enterprice
</a>
</div>
</div>
</div>
</div>
</div>
<div class=" form-row ">
<div class="col-12 col-xl-6 my-2 px-2">
<div class="tab-content">
<div class="tab-pane active" id="pkg1">
</div>
<div class="tab-pane" id="pkg2">
<div class="box-price p-3 p-md-4">
<h2 class="title-price">
<sup class="price-cur">IDR</sup>200.000*<sup class="price-bulan">/Bulan</sup></h2>
<div class="price-desc mb-3">
<p>Onboarding Rp 2.000.000</p>
<p><small class="text-danger">*Gratis 1 Bulan untuk pembayaran 1 Tahun</small></p>
</div>
<div class="price-sku mb-3">
<p><span class="text-danger">60 </span>SKU</p>
<p><span class="text-danger">600 </span>Orders</p>
</div>
<div class="price-logo">
<p>Any <span class="text-danger">2</span> of </p>
<img class="logos" src="resources/images/logos.png" alt="logo list">
</div>
</div>
</div>
<div class="tab-pane" id="pkg3">
<div class="box-price p-3 p-md-4">
<h2 class="title-price">
<sup class="price-cur">IDR</sup>500.000*<sup class="price-bulan">/Bulan</sup></h2>
<div class="price-desc mb-3">
<p>Onboarding Rp 2.000.000</p>
<p><small class="text-danger">*Gratis 1 Bulan untuk pembayaran 1 Tahun</small></p>
</div>
<div class="price-sku mb-3">
<p><span class="text-danger">60 </span>SKU</p>
<p><span class="text-danger">600 </span>Orders</p>
</div>
<div class="price-logo">
<p>Any <span class="text-danger">2</span> of </p>
<img class="logos" src="resources/images/logos.png" alt="logo list">
</div>
</div>
</div>
<div class="tab-pane" id="pkg4">
<div class="box-price p-3 p-md-4">
<h2 class="title-price">
<sup class="price-cur">IDR</sup>2.500.000*<sup class="price-bulan">/Bulan</sup></h2>
<div class="price-desc mb-3">
<p>Onboarding Rp 2.000.000</p>
<p><small class="text-danger">*Gratis 1 Bulan untuk pembayaran 1 Tahun</small></p>
</div>
<div class="price-sku mb-3">
<p><span class="text-danger">60 </span>SKU</p>
<p><span class="text-danger">600 </span>Orders</p>
</div>
<div class="price-logo">
<p>Any <span class="text-danger">2</span> of </p>
<img class="logos" src="resources/images/logos.png" alt="logo list">
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-xl-6 my-2 px-2">
<div class="g-recaptcha" data-sitekey="6LfYC-EUAAAAALIiQ05h0h4jm7P5OCe2DcJ728gs"></div>
<a href="#" class="btn btn-sec btn-block my-3 ">Login</a>
<div class="my-3 box-cst-check">
<input class="styled-checkbox" id="styled-checkbox-1" type="checkbox" value="Agree">
<label for="styled-checkbox-1">Saya telah membaca, memahami dan
menyetujui <a href="#">Syarat</a> dan <a href="#">Ketentuan</a>.</label>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj " crossorigin="anonymous "></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx " crossorigin="anonymous "></script>
<script type="text/javascript " src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js "></script>
<!--Floating WhatsApp javascript-->
<script type="text/javascript" src="https://rawcdn.githack.com/rafaelbotazini/floating-whatsapp/3d18b26d5c7d430a1ab0b664f8ca6b69014aed68/floating-wpp.min.js"></script>
<script type="text/javascript">
$(function () {
$('#WAButton').floatingWhatsApp({
phone: '628118880258', //WhatsApp Business phone number International format-
//Get it with Toky at https://toky.co/en/features/whatsapp.
headerTitle: 'Ngobrol Melalui WhatsApp!', //Popup Title
popupMessage: 'Hello, Ada yang bisa kami bantu?', //Popup Message
showPopup: true, //Enables popup display
buttonImage: '<img src="https://rawcdn.githack.com/rafaelbotazini/floating-whatsapp/3d18b26d5c7d430a1ab0b664f8ca6b69014aed68/whatsapp.svg" />', //Button Image
//headerColor: 'crimson', //Custom header color
//backgroundColor: 'crimson', //Custom background button color
position: "right",
message: "AturtokoWeb>>"
});
});
</script>
<script>
$(document).ready(function() {
localStorage.removeItem("data");
});
</script>
<script type="text/javascript ">
$(document).ready(function() {
/*fix tabs*/
$('#mytab a').on('click', function(e) {
e.preventDefault()
$('#mytab a').removeClass('thisone')
$(this).addClass('thisone')
})
/*cusstom select*/
$('.dropdown-el').click(function(e) {
e.preventDefault();
e.stopPropagation();
$(this).toggleClass('expanded');
$('#' + $(e.target).attr('for')).prop('checked', true);
});
$(document).click(function() {
$('.dropdown-el').removeClass('expanded');
});
/*fix modal bug*/
$('body').on('hidden.bs.modal', function() {
if ($('.modal.show').length > 0) {
$('body').addClass('modal-open');
}
});
});
</script>
</body>
</html>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists