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://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" 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">
<script src="https://kit.fontawesome.com/5b2de8089b.js" crossorigin="anonymous"></script>
<!--Fontawesome 5 free edit-->
</head>
<body>
<section class="header">
<nav class="navbar navbar-expand-md navbar-light ">
<div class="container">
<a class="navbar-brand" href="index.html"><img src="resources/images/SVG/logo.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-9 col-lg-8 ml-sm-auto px-0" id="navbarColor01">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="buka-toko.html">Buka Toko</a>
</li>
<li class="nav-item">
<a class="nav-link" href="atur-toko.html">Sinkronisasi</a>
</li>
<li class="nav-item">
<a class="nav-link" href="artikel.html">Artikel E-commerce</a>
</li>
</ul>
<a href="login.html" class="btn btn-main my-3 my-md-0" ><b>Login</b></a>
</div>
</div>
</nav>
</section>
<section class="content bg-whitish py-5 px-3">
<div class="container">
<div class="row justify-content-center row-eq-height">
<div class="col-12 col-md-10">
<div class="row">
<div class="col-12 col-md-4 text-center order-md-2">
<div class="content-box px-0 px-md-4 py-3 my-1 text-center">
<img src="resources/images/SVG/slider-video.svg" class="full-media" alt="banners" />
<!-- gunakan ini jika ingin menggunakan video html5 -->
<!--
<video width="400" class="full-media" controls>
<source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
<source src="https://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg">
Your browser does not support HTML5 video.
</video> -->
</div>
</div>
<div class="col-12 col-md-7 text-center order-md-1">
<div class="content-box my-3">
<div class="cb-desc">
<h1 class="heading ">Ngatur Toko Tidak
Harus Ribet</h1>
<p class="my-4">
Toko online Anda banyak? <span class="logo-txt"><b>atur</b>toko</span> membantu Anda mengatur toko online jadi lebih mudah.
Atur order, produk, dan customer dalam satu aplikasi
</p>
<a href="daftar.html" class="btn btn-sec">
Daftar Gratis
</a>
</div>
<div class="cb-desc mt-5">
<div class="divider"></div>
<p class="testi my-4">
“Input puluhan SKU saja sudah lumayan bikin tangan keriting.
Apalagi punya ratusan atau ribuan SKU. Diinput di banyak marketplace pula”
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="content bg-white py-5 px-3">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-md-10 text-center">
<h2 class="title mt-3 mb-4">Kenapa AturToko.id?</h2>
<div class="row justify-content-center row-eq-height py-4">
<div class="col-12 col-sm-7">
<div class="content-box px-5 px-sm-3 px-md-5 py-3 py-md-3">
<img src="resources/images/SVG/grafik_atur-toko_input.svg" class="img-fluid" alt="kemudahan input">
</div>
</div>
<div class="col-12 col-sm-5">
<div class="content-box p-3 p-md-5">
<h4 class="mini-title my-4 my-sm-4">Kemudahan Input Produk</h4>
<p>Kemudahan Input daftar produk cuma sekali untuk semua marketplace dengan kami </p>
</div>
</div>
</div>
<div class="row justify-content-center row-eq-height py-4">
<div class="col-12 col-sm-7 order-sm-2">
<div class="content-box px-5 px-sm-3 px-md-5 py-3 py-md-3">
<img src="resources/images/SVG/grafik_atur-toko_orderan.svg" class="img-fluid" alt="kemudahan input">
</div>
</div>
<div class="col-12 col-sm-5 order-sm-1">
<div class="content-box p-3 p-md-5">
<h4 class="mini-title my-4 my-sm-4">1 Tempat Untuk Banyak Orderan</h4>
<p>Tangani semua order yang masuk dari satu tempat tanpa harus membuang waktu anda </p>
</div>
</div>
</div>
<div class="row justify-content-center row-eq-height py-4">
<div class="col-12 col-sm-7">
<div class="content-box px-5 px-sm-3 px-md-5 py-3 py-md-3">
<img src="resources/images/SVG/grafik_atur-toko_database.svg" class="img-fluid" alt="kemudahan input">
</div>
</div>
<div class="col-12 col-sm-5"> <div class="content-box p-3 p-md-5">
<h4 class="mini-title my-4 my-sm-4">Database Customer</h4>
<p>Kumpulkan database customer yang sudah beli di toko anda di Microsoft Excel</p>
</div>
</div>
</div>
<div class="row justify-content-center row-eq-height py-4">
<div class="col-12 col-sm-7 order-sm-2">
<div class="content-box px-5 px-sm-3 px-md-5 py-3 py-md-3">
<img src="resources/images/SVG/grafik_atur-toko_pencatatan.svg" class="img-fluid" alt="kemudahan input">
</div>
</div>
<div class="col-12 col-sm-5 order-sm-1">
<div class="content-box p-3 p-md-5">
<h4 class="mini-title my-4 my-sm-4">Pencatatan Otomatis</h4>
<p>Pencatat otomatis transaksi online anda ke software accounting pilihan anda </p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="content bg-whitish py-5 px-3">
<div class="container">
<div class="row justify-content-center row-eq-height">
<div class="col-12 col-md-10">
<div class="content-box px-0 px-md-4 text-center">
<img src="resources/images/SVG/icon_love-big.svg" class="love-big" alt="icon love" />
<h2 class="heading2 my-4 my-md-5">
Anda belum punya toko online sendiri yang keren?
</h2>
<div class="px-0 px-sm-3 px-md-5">
<p>
Buat Toko Online dengan Platform No.1 dunia: Woo Commerce.<br>
Semuanya sudah ada di Woo Commerce: ribuan theme yang keren, integrasi dengan
social media (Instagram, facebook, whatsapp), penghitungan biaya kirim, payment dan ribuan aplikasi lainnya.
</p>
<br>
<a href="buka-toko.html" class="btn btn-sec">Buka Toko</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="content bg-white py-5 px-3">
<div class="container">
<div class="row justify-content-center row-eq-height">
<div class="col-12 col-md-10">
<div class="content-box px-0 px-md-4 text-center">
<h2 class="title mt-3 mb-4">
Harga
</h2>
</div>
</div>
</div>
<div class="row justify-content-center row-eq-height">
<div class="col-12 col-sm-6 col-md-4 col-lg-3 my-2 ">
<div class="content-box-line hvr-shadow p-3 p-md-4 text-center">
<div class="box-harga">
<ul class="list-harga ">
<li>
<label class="paket-name">FREE</label>
<label class="paket-harga">
<span class="symbol">Rp</span>
<span class="nominal">0</span>
<span class="bulan">/Bulan</span></label></li>
<li>Max 30 SKU</li>
<li>Max 100 order</li>
<li>Marketplace Shopee & Lazada</li>
</ul>
<a href="daftar.html" class="btn btn-sec mt-3 btn-harga">Daftar Gratis</a>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-3 my-2 ">
<div class="content-box-line hvr-shadow p-3 p-md-4 text-center">
<div class="box-harga ">
<ul class="list-harga ">
<li>
<label class="paket-name">BASIC</label>
<label class="paket-harga">
<span class="symbol">Rp</span>
<span class="nominal">200.000</span>
<span class="bulan">/Bulan</span></label></li>
<li>Onboarding Rp 2.000.000</li>
<li>Max 60 SKU</li>
<li>Max 600 order</li>
<li>Marketplace pilih dua (2)</li>
</ul>
<p class="text-danger mt-4 mb-0"><small>*Diskon 1 Bulan untuk pembayaran 1 Tahun</small></p>
<a href="daftar.html" class="btn btn-sec mt-3 btn-harga">Daftar Gratis</a>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-3 my-2 ">
<div class="content-box-line hvr-shadow p-3 p-md-4 text-center">
<div class="box-harga">
<ul class="list-harga ">
<li>
<label class="paket-name">PREMIUM</label>
<label class="paket-harga">
<span class="symbol">Rp</span>
<span class="nominal">500.000</span>
<span class="bulan">/Bulan</span></label></li>
<li>Onboarding Rp 3.000.000</li>
<li>Max 300 SKU</li>
<li>Max 3.00 order</li>
<li>Marketplace pilih dua (2) + Shopee/Lazada)</li>
</ul>
<p class="text-danger mt-4 mb-0"><small>*Diskon 1 Bulan untuk pembayaran 1 Tahun</small></p>
<a href="daftar.html" class="btn btn-sec mt-3 btn-harga">Daftar Gratis</a>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-3 my-2 ">
<div class="content-box-line hvr-shadow p-3 p-md-4 text-center">
<div class="box-harga">
<ul class="list-harga ">
<li>
<label class="paket-name">FREE</label>
<label class="paket-harga">
<span class="symbol">Rp</span>
<span class="nominal">2.500.000</span>
<span class="bulan">/Bulan</span></label></li>
<li>Onboarding Rp 5.000.000</li>
<li>Unlimited 300 SKU</li>
<li>Max 10.000 order</li>
<li>Marketplace pilih empat (4)</li>
</ul>
<p class="text-danger mt-4 mb-0"><small>*Diskon 1 Bulan untuk pembayaran 1 Tahun</small></p>
<a href="daftar.html" class="btn btn-sec mt-3 btn-harga">Daftar Gratis</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="content bg-white pt-0 pb-5 px-3">
<div class="container">
<div class="row justify-content-center row-eq-height">
<div class="col-12 col-md-10">
<div class="content-box px-0 px-md-4 text-center">
<h2 class="title mt-3 mb-4">
Add On
</h2>
</div>
</div>
</div>
<div class="row justify-content-center row-eq-height">
<div class="col-12 my-2 ">
<ul class="add-on-box">
<li class="p-3 text-center hvr-shadow">
<label class="paket-name line-cut-mini">Agent</label>
<label class="paket-harga">
<span class="symbol">Rp</span>
<span class="nominal">5.000.000</span></label>
<div class="clearfix"></div>
<span class="bulan">/Bulan</span>
</li>
<li class="p-3 text-center hvr-shadow">
<label class="paket-name line-cut-mini">Marketplace</label>
<label class="paket-harga">
<span class="symbol">Rp</span>
<span class="nominal">100.000</span></label>
<div class="clearfix"></div>
<span class="bulan">/Marketplace/Bulan</span>
</li>
<li class="p-3 text-center hvr-shadow">
<label class="paket-name line-cut-mini">Whatsapp Notification</label>
<label class="paket-harga">
<span class="symbol">Rp</span>
<span class="nominal">50.000</span></label>
<div class="clearfix"></div>
<span class="bulan">/Nomor/Bulan</span>
</li>
<li class="p-3 text-center hvr-shadow">
<label class="paket-name line-cut-mini">Line Notification</label>
<label class="paket-harga">
<span class="symbol">Rp</span>
<span class="nominal">50.000</span></label>
<div class="clearfix"></div>
<span class="bulan">/Nomor/Bulan</span>
</li>
<li class="p-3 text-center hvr-shadow">
<label class="paket-name line-cut-mini">Telegram Notification</label>
<label class="paket-harga">
<span class="symbol">Rp</span>
<span class="nominal">50.000</span></label>
<div class="clearfix"></div>
<span class="bulan">/Nomor/Bulan</span>
</li>
<li class="p-3 text-center hvr-shadow">
<label class="paket-name line-cut-mini">POS</label>
<label class="paket-harga">
<span class="symbol">Rp</span>
<span class="nominal">100.000</span></label>
<div class="clearfix"></div>
<span class="bulan">/User/Bulan</span>
<div class="clearfix"></div>
<p class="text-danger py-2 m-0"><small>*Tanpa Hardware</small></p>
</li>
<li class="p-3 text-center hvr-shadow">
<label class="paket-name line-cut-mini">Email Marketing</label>
<label class="paket-harga">
<span class="symbol">Rp</span>
<span class="nominal">50.000</span></label>
<div class="clearfix"></div>
<span class="bulan">/5.000 Email/Bulan</span>
</li>
<li class="p-3 text-center hvr-shadow">
<label class="paket-name line-cut-mini">Chat Center</label>
<label class="paket-harga">
<span class="symbol">Rp</span>
<span class="nominal">5.000.000</span></label>
<div class="clearfix"></div>
<span class="bulan">/Agent/Bulan</span>
<div class="clearfix"></div>
<p class="text-danger py-2 m-0"><small>*Untuk Whatsapp, Line, Telegram </small></p>
</li>
<li class="p-3 text-center hvr-shadow">
<label class="paket-name line-cut-mini">Custommer Support</label>
<label class="paket-harga">
<span class="symbol">Rp</span>
<span class="nominal">1.000.000</span></label>
<div class="clearfix"></div>
<span class="bulan">/Agent/Bulan</span>
</li>
<li class="p-3 text-center hvr-shadow">
<label class="paket-name line-cut-mini">Official Store Registration </label>
<label class="paket-harga">
<span class="symbol">Rp</span>
<span class="nominal">2.000.000</span></label>
<div class="clearfix"></div>
<p class="text-danger py-2 m-0"><small>*Max 3 Official Store</small></p>
</li>
</ul>
<div class="clearfix"></div>
</div>
</div>
</div>
</section>
<section class="footer py-4">
<div class="container">
<div class="row justify-content-center row-eq-height">
<div class="col-12 col-md-6 col-lg-3 text-left py-2">
<div class="foot-head">
<img src="resources/images/SVG/logo2.svg" class="foot-logo" alt="logo" />
</div>
<div class="foot-desc">
<p>
AturToko adalah aplikasi untuk mengatur toko online anda dengan mudah
</p>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 text-left py-2">
<div class="foot-head">
<h4>Navigation</h4>
</div>
<div class="foot-desc">
<a class="foot-link" href="buka-toko.html" >Buka Toko</a>
<a class="foot-link" href="atur-toko.html" >Sinkronisasi</a>
<a class="foot-link" href="artikel.html" >Artikel E-commerce</a>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 text-left py-2">
<div class="foot-head">
<h4>Contacts</h4>
</div>
<div class="foot-desc">
<p>Country, city, street name 44</p>
<p>+1 (234) 567-89-90</p>
<p>info@mail.com</p>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 text-left py-2">
<div class="foot-head">
<h4>Newsletter</h4>
</div>
<div class="foot-desc">
<form class="form-inline py-2 form-subs">
<input class="form-control col-8 col-lg-7 col-xl-8" type="text" placeholder="Email">
<div class="col-4 col-lg-5 col-xl-4 pl-2 pr-0 py-0">
<button class="btn btn-sec " type="submit">Subscribe</button>
</div>
</form>
<a href="#" class="sosmed">
<i class="fab fa-twitter icon tw"></i>
</a>
<a href="#" class="sosmed">
<i class="fab fa-facebook-f icon fb"></i>
</a>
<a href="#" class="sosmed">
<i class="fab fa-instagram icon ig"></i>
</a>
</div>
</div>
<div class="col-12 text-left py-2">
<small>© 2019, AturToko</small>
</div>
</div>
</div>
</section>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
</body>
</html>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists