Sindbad~EG File Manager
<?php get_header(); ?>
<header>
<div class="container">
<div class="row pt-5">
<div class="col-12 col-md-6" id="leftMain">
<div class="h6">AturToko percaya bahwa</div>
<div class="h4">Setiap orang dapat memiliki kesempatannya masing-masing</div>
<p>Untuk dapat menjangkau lebih mudah, fleksibel, dan efisien untuk memiliki usahanya sendiri.</p>
</div>
<div class="col-12 col-md-6" id="rightMain">
<div id="mainImg">
<div id="bgImg" class="d-none d-sm-block"></div>
<img src="<?php echo get_template_directory_uri(); ?>/assets/backgrounds/headline-rev.webp" alt="Kantor AturToko" width="600" height="600" class="d-block d-md-none">
<img src="<?php echo get_template_directory_uri(); ?>/assets/backgrounds/headline-rev.webp" alt="Kantor AturToko" width="550" height="640" class="d-none d-md-block">
<?php
$url = get_template_directory_uri() . '/assets/json/testi.json';
$dataTesti = json_decode(file_get_contents($url), true);
// print_r($dataTesti);die();
foreach ($dataTesti['testi'] as $mydata) { ?>
<a class="link-blur" href="#testimonial">
<div class="blur-box">
<div class="h6-testi">Apa kata <?= $mydata['owner'] ?>, <?= $mydata['name'] ?></div>
<p class="short-testi"><?= $mydata['short'] ?></p>
<img src="<?php echo get_template_directory_uri(); ?>/assets/clients/<?= $mydata['img'] ?>" alt="<?= $mydata['alt'] ?>" title="<?= $mydata['title'] ?>" class="icon-box">
</div>
</a>
<?php } ?>
<div>
</div>
</div>
</div>
</header>
<main>
<section class="section-home-1">
<div class="container product">
<p>
Kami membantu kamu untuk berjualan di <em>marketplace</em>
dengan tiga produk unggulan kami.
</p>
<h1 class="title">OmniPos, BuatToko, dan AturToko +</h1>
<div class="cards text-center">
<div class="d-flex flex-column flex-lg-row justify-content-between" style="gap: 30px;">
<div class="card">
<div class="card-body d-flex flex-column justify-content-between">
<div class="card-title">
<img src="<?php echo get_template_directory_uri(); ?>/assets/logos/omnipos.svg" alt="Logo OmniPOS" title="" width="200" height="50">
</div>
<p class="card-text" style="letter-spacing: -0.5px;">
Mengelola bisnis <em>online</em> secara mudah dalam satu <em>dashboard</em>
</p>
<div class="cardProduct">
<img src="<?php echo get_template_directory_uri(); ?>/assets/products/omnipos-card.webp" alt="Ilustrasi OmniPOS">
</div>
<a href="omnipos#registrasi" class="btn btn-custom1 px-4 py-2 primary-btn my-5 mx-auto">Coba Gratis</a>
</div>
</div>
<div class="card">
<div class="card-body d-flex flex-column justify-content-between">
<div class="card-title">
<img src="<?php echo get_template_directory_uri(); ?>/assets/logos/buattoko.svg" alt="Logo BuatToko" width="200" height="50">
</div>
<p class="card-text">
Memperkuat <em>branding</em> secara tepat dengan menggunakan website
</p>
<div class="cardProduct">
<img src="<?php echo get_template_directory_uri(); ?>/assets/products/buattoko-card.webp" alt="Ilustrasi BuatToko">
</div>
<a href="buattoko#registrasi" class="btn btn-custom2 px-4 py-2 primary-btn my-5 mx-auto">Coba Gratis</a>
</div>
</div>
<div class="card">
<div class="card-body d-flex flex-column justify-content-between">
<div class="card-title">
<img src="<?php echo get_template_directory_uri(); ?>/assets/logos/atplus.svg" alt="Logo AturToko +" width="200" height="50">
</div>
<p class="card-text">
Cukup fokus pada produksi kamu. Kami yang memasarkan.
</p>
<div class="cardProduct">
<img src="<?php echo get_template_directory_uri(); ?>/assets/products/aturtokoplus-card.webp" alt="Ilustrasi AturToko +">
</div>
<a href="aturtokoplus#registrasi" class="btn btn-custom3 px-5 py-2 primary-btn my-5 mx-auto">Daftar</a>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="h6">Kelola bisnismu lebih profesional dengan AturToko</div>
<div class="h2">Atur Toko Online Jadi Gampang!</div>
<div class="cardInfo">
<div class="row">
<div class="col-12 col-md-6">
<video controls class="w-100" preload="metadata" poster="<?php echo get_template_directory_uri(); ?>/assets/products/cover.webp" autopictureinpicture>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/aturtoko.mp4" type="video/mp4">
Sorry, your browser doesn't support embedded videos.
</video>
</div>
<div class="col-12 col-md-6 d-flex">
<p class="align-self-center">AturToko akan membantu mengembangkan bisnis Kamu mulai dari digital marketing,
budgeting iklan hingga meningkatkan kinerja sosial media kamu.</p>
</div>
</div>
</div>
</div>
</section>
<section class="section-home-2" id="testimonial">
<div class="container">
<h1 class="title text-center">Apa kata mereka tentang AturToko?</h1>
<div class="row">
<div class="col-12">
<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
<li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
<li data-target="#carouselExampleCaptions" data-slide-to="3"></li>
<li data-target="#carouselExampleCaptions" data-slide-to="4"></li>
<li data-target="#carouselExampleCaptions" data-slide-to="5"></li>
<li data-target="#carouselExampleCaptions" data-slide-to="6"></li>
<li data-target="#carouselExampleCaptions" data-slide-to="7"></li>
</ol>
<div class="carousel-inner">
<?php
$addActiveClass = 0;
foreach ($dataTesti['testi'] as $mydata) {
$addActiveClass++;
?>
<div class="carousel-item <?php if ($addActiveClass == 1) {
echo ' active';
} ?>">
<div class="row mb-3">
<div class="col-12 col-md-2 client-logo">
<img src="<?php echo get_template_directory_uri(); ?>/assets/clients/<?= $mydata['img'] ?>" alt="<?= $mydata['alt'] ?>" title="<?= $mydata['title'] ?>" class="client-logo">
</div>
<div class="col-12 col-md-10 client-name">
<span><?= $mydata['owner'] ?>, <?= $mydata['name'] ?></span>
</div>
</div>
<div class="row">
<div class="col-12">
<p class="client-testimonial">
<?= $mydata['description'] ?>
</p>
</div>
</div>
</div>
<?php } ?>
</div>
<a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="section-home-3">
<div class="liputan">
<div class="container">
<h1 class="h2 text-center">Liputan AturToko</h2>
<div class="partner-carousel">
<?php
$urlJsonliputan = get_template_directory_uri() . '/assets/json/liputan.json';
$dataliputan = json_decode(file_get_contents($urlJsonliputan), true);
foreach ($dataliputan['liputan'] as $mydata) { ?>
<div class="slide">
<img src="<?php echo get_template_directory_uri(); ?>/assets/coverage/<?= $mydata['img'] ?>" width="12.5rem" alt="<?= $mydata['alt'] ?>" title="<?= $mydata['title'] ?>" height="12.5rem" class="slick-img">
</div>
<?php } ?>
</div>
</div>
</div>
</div>
</section>
<section class="section-home-3">
<div class="partner">
<div class="container">
<h1 class="h2 text-center">Partner Kami</h1>
<div class="partner-carousel">
<?php
$urlJsonpartner = get_template_directory_uri() . '/assets/json/partner.json';
$datapartner = json_decode(file_get_contents($urlJsonpartner), true);
foreach ($datapartner['partner'] as $mydata) { ?>
<img src="<?php echo get_template_directory_uri(); ?>/assets/partners/<?= $mydata['img'] ?>" width="12.5rem" alt="<?= $mydata['alt'] ?>" title="<?= $mydata['title'] ?>" height="12.5rem" class="slick-img">
<?php } ?>
</div>
</div>
</div>
</section>
<section class="section-home-3">
<div class="container pt-5">
<div class="header-blog">
<h1 class="h2 text-center"><a href="blog">Blog Aturtoko</a></h1>
</div>
<div class="product">
<div class="cards1 text-center">
<div class="d-flex flex-column flex-lg-row justify-content-between" style="gap: 30px;">
<div class="row">
<?php
$args = array(
'posts_per_page' => 6,
'post_type' => 'post',
'post_status' => 'publish',
'orderby' => 'date',
'order' => 'DESC',
'paged' => $paged
);
$loop = new WP_Query($args);
if ($loop->have_posts()) {
// $newsQuery = new WP_Query('post_type=post','post_status=publish');
// if($newsQuery->have_posts()) :
while ($loop->have_posts()) : $loop->the_post(); ?>
<div class="col-md-4 my-3">
<div class="card1 h-100">
<div class="card1-body d-flex flex-column justify-content-between">
<div class="cobaProduct">
<?php if (has_post_thumbnail()) : ?>
<?php the_post_thumbnail(); ?>
<?php else : ?>
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/bg-contoh.jpg" alt="Ilustrasi AturToko +">
<?php endif ?>
</div>
<div class="card1-title">
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
</div>
<p class="card1-text">
<?php the_excerpt(); ?>
</p>
</div>
</div>
</div>
<?php endwhile;
} ?>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<?php get_footer(); ?>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists