|
Server : Apache/2.4.18 (Ubuntu) System : Linux canvaswebdesign 3.13.0-71-generic #114-Ubuntu SMP Tue Dec 1 02:34:22 UTC 2015 x86_64 User : oppastar ( 1041) PHP Version : 7.0.33-0ubuntu0.16.04.15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, Directory : /proc/self/root/var/www/serbaantik.com/public_html/application/views/ |
Upload File : |
<!DOCTYPE html>
<html style="font-size: 16px" lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="utf-8" />
<meta
name="description"
content="Serba Antik Menciptakan Kenyamanan Sempurna: “Sofa Kustom yang Disesuaikan dengan Gaya Hidup Anda"
/>
<link rel="icon" href="<?= base_url() . 'theme/sofa/images/icon.png' ?>">
<title>Serba Antik Sofa</title>
<link rel="stylesheet" href="<?= base_url() . 'theme/sofa/font-awesome.min.css' ?>" media="screen" />
<link rel="stylesheet" href="<?= base_url() . 'theme/sofa/style3.css' ?>" media="screen" />
<link rel="stylesheet" href="<?= base_url() . 'theme/sofa/Serba-Antik-Gorden8.css' ?>" media="screen" />
<script
class="u-script"
type="text/javascript"
src="<?= base_url() . 'theme/sofa/jquery.js' ?>"
defer=""
></script>
<script
class="u-script"
type="text/javascript"
src="<?= base_url() . 'theme/sofa/script2.js' ?>"
defer=""
></script>
<link
id="u-theme-google-font"
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i"
/>
<link
id="u-page-google-font"
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i"
/>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Serba Antik Gorden",
"logo": "images/logo.webp",
"sameAs": [
"https://www.instagram.com/serbaantikinterior",
"https://www.facebook.com/SERBAANTIKINTERIOR/",
"https://id.linkedin.com/company/serba-antik-interior",
"https://www.youtube.com/@serbaantikinterior",
"https://www.serbaantik.com/",
"https://facebook.com/name",
"https://twitter.com/name",
"https://instagram.com/name"
]
}
</script>
<meta name="theme-color" content="#478ac9" />
<meta name="twitter:site" content="@" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Serba Antik Sofa" />
<meta name="twitter:description" content="Serba Antik Sofa" />
<meta property="og:title" content="Serba Antik Sofa" />
<meta
property="og:description"
content="Menciptakan Kenyamanan Sempurna: Sofa Kustom yang Disesuaikan dengan Gaya Hidup Anda"
/>
<meta property="og:type" content="website" />
<meta data-intl-tel-input-cdn-path="intlTelInput/" />
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '677548734236777');
fbq('track', 'PageView');
document.addEventListener('DOMContentLoaded', function() {
var button = document.getElementById('whatsappFooter');
button.addEventListener(
'click',
function() {
fbq('track', 'AddToCart');
},
false
);
});
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=677548734236777&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<style>
.u-section-1 {
background-image: linear-gradient(
0deg,
rgba(0, 0, 0, 0.4),
rgba(0, 0, 0, 0.4)
),
url(<?= base_url() . 'uploads/page/' . $content['top_bg_img'] ?>);
}
@media (max-width: 575px) {
.u-section-1 {
background-image: linear-gradient(
0deg,
rgba(0, 0, 0, 0.4),
rgba(0, 0, 0, 0.4)
),
url(<?= base_url() . 'uploads/page/' . $content['top_bg_img'] ?>);
}
}
</style>
</head>
<body
data-home-page="Serba-Antik-Sofa.html"
data-home-page-title="Serba Antik Sofa"
data-path-to-root="./"
data-include-products="false"
class="u-body u-xl-mode"
data-lang="en"
>
<header
class="u-black u-clearfix u-header u-sticky u-sticky-bac1 u-header"
id="sec-eff8"
>
<div class="u-clearfix u-sheet u-sheet-1">
<a
href="#"
class="u-align-center-md u-align-center-sm u-align-center-xs u-image u-logo u-image-1"
data-image-width="1000"
data-image-height="228"
>
<img src="<?= base_url() . 'uploads/' . $logo ?>" class="u-logo-image u-logo-image-1" />
</a>
<p
class="u-align-center-sm u-align-center-xs u-custom-font u-text u-text-1"
>
<a
class="u-active-none u-border-none u-btn u-button-link u-button-style u-hidden-sm u-hidden-xs u-hover-none u-none u-text-body-alt-color u-text-hover-custom-color-1 u-btn-1"
data-href="tel:+62818184545"
href="https://api.whatsapp.com/send?phone=62818184545&text=<?= urlencode('Halo Serba Antik, saya ingin pesan sofa, bisa dibantu?') ?>"
target="_blank"
><span class="u-file-icon u-icon u-text-white"
><img src="<?= base_url() . 'theme/sofa/images/2111774-f9643499.png' ?>" alt="" /></span
> +628 1818 4545<br />
</a>
</p>
<p class="u-custom-font u-text u-text-2">
<a
class="u-active-none u-border-none u-btn u-button-link u-button-style u-hidden-sm u-hidden-xs u-hover-none u-none u-text-body-alt-color u-text-hover-custom-color-1 u-btn-2"
data-href="mailto:inquiry@serbaantik.com?subject=Gorden%20Visitor%20Inquiry"
><span class="u-file-icon u-icon u-text-white"
><img src="<?= base_url() . 'theme/sofa/images/646094-251de927.png' ?>" alt="" /></span
> inquiry@serbaantik.com<br />
</a>
</p>
<div
class="u-hidden-sm u-hidden-xs u-social-icons u-spacing-10 u-social-icons-1"
>
<a
class="u-social-url"
title="Instagram"
target="_blank"
href="https://www.instagram.com/serbaantikinterior"
><span
class="u-file-icon u-icon u-social-icon u-social-instagram u-text-white u-icon-3"
><img src="<?= base_url() . 'theme/sofa/images/1077042-44b9d081.png' ?>
" alt=""
/></span>
</a>
<a
class="u-social-url"
title="Facebook"
target="_blank"
href="https://www.facebook.com/SERBAANTIKINTERIOR/"
><span
class="u-file-icon u-icon u-social-facebook u-social-icon u-text-white u-icon-4"
><img src="<?= base_url() . 'theme/sofa/images/1077041-6823d9ed.png' ?>" alt=""
/></span>
</a>
<a
class="u-social-url"
title="Linkedin"
target="_blank"
href="https://id.linkedin.com/company/serba-antik-interior"
><span
class="u-file-icon u-icon u-social-icon u-social-twitter u-text-white u-icon-5"
><img src="<?= base_url() . 'theme/sofa/images/220343-e29886f9.png' ?>" alt=""
/></span>
</a>
<a
class="u-social-url"
target="_blank"
data-type="YouTube"
title="YouTube"
href="https://www.youtube.com/@serbaantikinterior"
><span
class="u-file-icon u-icon u-social-icon u-social-youtube u-text-white u-icon-6"
><img src="<?= base_url() . 'theme/sofa/images/1077046-4b2d40ef.png' ?>" alt=""
/></span>
</a>
<a
class="u-social-url"
target="_blank"
data-type="Custom"
title="Custom"
href=""
><span
class="u-file-icon u-icon u-social-custom u-social-icon u-text-white u-icon-7"
><img src="<?= base_url() . 'theme/sofa/images/2582617-2065b0a8.png' ?>" alt=""
/></span>
</a>
<a
class="u-social-url"
target="_blank"
data-type="Custom"
title="Website"
href="https://www.serbaantik.com/"
><span
class="u-file-icon u-icon u-social-custom u-social-icon u-text-white u-icon-8"
><img src="<?= base_url() . 'theme/sofa/images/48708-94a4adff.png' ?>" alt=""
/></span>
</a>
</div>
</div>
</header>
<section
class="u-align-center u-clearfix u-image u-shading u-section-1"
id="carousel_778f"
data-image-width="1920"
data-image-height="646"
>
<div
class="u-clearfix u-sheet u-valign-middle-sm u-valign-middle-xl u-valign-middle-xs u-sheet-1"
>
<h1
class="u-align-left u-custom-font u-text u-text-1"
data-animation-name="customAnimationIn"
data-animation-duration="1000"
>
<?= $content['tagline'] ?>
</h1>
<h3
class="u-align-left u-custom-font u-text u-text-body-alt-color u-text-2"
data-animation-name="customAnimationIn"
data-animation-duration="1000"
data-animation-delay="500"
>
<?= $content['subtagline'] ?>
</h3>
</div>
</section>
<div class="whyus-container">
<div class="whyus-content">
<?php for ($x=1; $x <= 10; $x++) : ?>
<?php for ($i=1; $i <= 10; $i++) : ?>
<?php if(!empty($content["movingtext{$i}"])) : ?>
<div class="whyus-item">
<h4 class="u-align-left u-text u-text-5">
<?php if(!empty($content["movingtext{$i}_link"])) : ?>
<a
target="_blank"
href="<?= $content["movingtext{$i}_link"] ?>"
><?= $content["movingtext{$i}"] ?></a>
<?php else : ?>
<?= $content["movingtext{$i}"] ?>
<?php endif ?>
</h4>
</div>
<?php endif ?>
<?php endfor ?>
<?php endfor ?>
</div>
</div>
<section class="u-clearfix u-white u-section-2" id="carousel_c890">
<div
class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-xl u-sheet-1"
>
<h2
class="u-align-center u-custom-font u-text u-text-1"
data-animation-name="customAnimationIn"
data-animation-duration="1500"
data-animation-delay="500"
>
<?= $content['why_title'] ?>
</h2>
<div
class="u-align-center-lg u-align-center-md u-align-center-sm u-align-center-xl u-align-justify-xs u-custom-font u-text u-text-2"
data-animation-name="customAnimationIn"
data-animation-duration="1000"
>
<?= $content['why_desc'] ?>
</div>
<div class="u-expanded-width u-list u-list-1">
<div class="u-repeater u-repeater-1">
<?php for ($i=1; $i <= 10; $i++) : ?>
<?php if(!empty($content["why{$i}_title"])) : ?>
<div
class="u-container-style u-list-item u-repeater-item u-list-item-1"
data-animation-name="customAnimationIn"
data-animation-duration="1500"
data-animation-delay="500"
>
<div
class="u-container-layout u-similar-container u-container-layout-1"
>
<img
class="u-image u-image-contain u-image-default u-preserve-proportions u-image-1"
src="<?= base_url() . 'uploads/page/' . $content["why{$i}_icon"] ?>"
alt=""
data-image-width="128"
data-image-height="128"
/>
<h4 class="u-align-left u-text u-text-3">
<?= $content["why{$i}_title"] ?>
</h4>
<p class="u-align-left u-custom-font u-text u-text-4">
<?= $content["why{$i}_desc"] ?>
</p>
</div>
</div>
<?php endif ?>
<?php endfor ?>
</div>
</div>
</div>
</section>
<section
class="skrollable skrollable-between u-align-center u-clearfix u-image u-shading u-section-3"
src=""
id="carousel_3a2a"
data-image-width="1440"
data-image-height="720"
style="background-image: linear-gradient(
0deg,
rgba(0, 0, 0, 0.3),
rgba(0, 0, 0, 0.3)
),
url(<?= base_url() . 'uploads/page/' . $content["cta_bg_img"] ?>);"
>
<div class="u-clearfix u-sheet u-sheet-1">
<p
class="u-align-center u-custom-font u-large-text u-text u-text-body-alt-color u-text-variant u-text-1"
data-animation-name="customAnimationIn"
data-animation-duration="1500"
data-animation-delay="250"
>
<?= $content["cta_title"] ?>
</p>
<div
class="data-layout-selected u-clearfix u-layout-custom-sm u-layout-custom-xs u-layout-wrap u-layout-wrap-1"
>
<div class="u-layout">
<div class="u-layout-row">
<div
class="u-align-right u-container-align-center u-container-style u-layout-cell u-left-cell u-size-60 u-layout-cell-1"
data-animation-name="customAnimationIn"
data-animation-duration="1500"
data-animation-delay="500"
>
<div
class="u-container-layout u-valign-middle u-container-layout-1"
>
<a
target="_blank"
href="https://api.whatsapp.com/send?phone=62818184545&text=<?= urlencode('Halo Serba Antik, saya ingin pesan sofa, bisa dibantu?') ?>"
class="u-active-custom-color-1 u-align-center u-border-2 u-border-active-palette-1-base u-border-hover-palette-1-base u-border-white u-btn u-button-style u-custom-font u-hover-custom-color-1 u-text-body-color u-white u-btn-1"
data-animation-name="bounceIn"
data-animation-duration="1750"
data-animation-delay="1250"
data-animation-direction=""
>KONTAK KAMI
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="u-clearfix u-white u-section-4" id="carousel_0777">
<div
class="u-clearfix u-sheet u-valign-middle-md u-valign-middle-sm u-sheet-1"
>
<h2 class="u-align-center u-custom-font u-text u-text-1">
<?= $content["ordering_title"] ?>
</h2>
<div class="u-expanded-width u-layout-horizontal u-list u-list-1">
<div class="u-repeater u-repeater-1">
<?php for ($i=1; $i <=5; $i++) : ?>
<div
class="u-align-center-lg u-align-center-md u-align-center-sm u-align-center-xl u-align-left-xs u-container-style u-list-item u-repeater-item u-list-item-1"
>
<div
class="u-container-layout u-similar-container u-container-layout-1"
>
<img
class="u-align-center u-image u-image-contain u-image-default u-preserve-proportions u-image-1"
src="<?= base_url() . 'uploads/page/' . $content["ordering{$i}_img"] ?>"
alt=""
data-image-width="340"
data-image-height="340"
/>
<p class="u-custom-font u-text u-text-2">
<a
target="_blank"
style="color: black"
<?php if(!empty($content["ordering{$i}_link"])) : ?>
href="<?= $content["ordering{$i}_link"] ?>"
<?php endif ?>
><?= $content["ordering{$i}_desc"] ?>
</a>
</p>
</div>
</div>
<?php endfor ?>
</div>
<a
class="u-absolute-vcenter-lg u-absolute-vcenter-md u-absolute-vcenter-sm u-absolute-vcenter-xl u-gallery-nav u-gallery-nav-prev u-grey-70 u-icon-circle u-opacity u-opacity-70 u-spacing-10 u-text-white u-gallery-nav-1"
href="#"
role="button"
>
<span aria-hidden="true">
<svg viewBox="0 0 451.847 451.847">
<path
d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"
></path>
</svg>
</span>
<span class="sr-only">
<svg viewBox="0 0 451.847 451.847">
<path
d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"
></path>
</svg>
</span>
</a>
<a
class="u-absolute-vcenter-lg u-absolute-vcenter-md u-absolute-vcenter-sm u-absolute-vcenter-xl u-gallery-nav u-gallery-nav-next u-grey-70 u-icon-circle u-opacity u-opacity-70 u-spacing-10 u-text-white u-gallery-nav-2"
href="#"
role="button"
>
<span aria-hidden="true">
<svg viewBox="0 0 451.846 451.847">
<path
d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"
></path>
</svg>
</span>
<span class="sr-only">
<svg viewBox="0 0 451.846 451.847">
<path
d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"
></path>
</svg>
</span>
</a>
</div>
</div>
</section>
<section class="u-align-center u-clearfix u-grey-5 u-section-5" id="carousel_18ce" style="padding-bottom:60px">
<div
class="u-clearfix u-sheet u-valign-middle-md u-valign-middle-sm u-sheet-1"
>
<h2 class="u-align-center u-custom-font u-text u-text-1">
<?= $content["product_title"] ?>
</h2>
<div class="u-align-center u-custom-font u-text u-text-2">
<?= $content["product_desc"] ?>
</div>
</div>
<div id="product-carousel">
<div class="carousel-container">
<div class="carousel">
<?php for ($i=1; $i<=15; $i++) : ?>
<?php if(!empty($content["produc{$i}_txt"])) : ?>
<div class="carousel-item">
<div class="image-slideshow">
<div class="slide active">
<img src="<?= base_url() . 'uploads/page/' . $content["produc{$i}_img"] ?>" alt="Product Image 1" />
</div>
<div class="pagination-dots">
<span class="dot active"></span>
<span class="dot"></span>
<span class="dot"></span>
</div>
</div>
<div class="product-name"><?= $content["produc{$i}_txt"] ?></div>
</div>
<?php endif ?>
<?php endfor ?>
</div>
<!-- Chevron Buttons -->
<button class="carousel-control left" onclick="moveSlide(-1)">❮</button>
<button class="carousel-control right" onclick="moveSlide(1)">❯</button>
</div>
</div>
</section>
<section class="u-align-center u-clearfix u-section-6" id="carousel_726e">
<div class="u-clearfix u-sheet u-sheet-1">
<div
id="carousel-dac6"
data-interval="5000"
data-u-ride="carousel"
class="u-carousel u-slider u-slider-1"
>
<ol
class="u-absolute-hcenter u-carousel-indicators u-carousel-indicators-1"
>
<?php for ($i=0; $i <=2 ; $i++) : ?>
<li
data-u-target="#carousel-dac6"
class="
<?php if($i == 0) : ?>
u-active u-active-grey-15
<?php endif ?>
u-grey-5 u-hover-grey-15 u-shape-rectangle"
data-u-slide-to="<?= $i ?>"
style="width: 30px; height: 3px"
></li>
<?php endfor ?>
</ol>
<div class="u-carousel-inner" role="listbox">
<?php for ($i=1; $i <=3 ; $i++) : ?>
<div
class="
<?php if($i == 1) : ?>
u-active
<?php endif ?>
u-carousel-item u-container-style u-image u-slide u-image-<?= $i ?>"
data-image-width="720"
data-image-height="720"
style="background-image: url('<?= base_url() . 'uploads/page/' . $content["collection{$i}_img"] ?>');"
>
<div class="u-container-layout u-container-layout-1"></div>
</div>
<?php endfor ?>
</div>
<a
class="u-absolute-vcenter u-carousel-control u-carousel-control-prev u-hidden u-spacing-13 u-text-grey-30 u-carousel-control-1"
href="#carousel-dac6"
role="button"
data-u-slide="prev"
>
<span aria-hidden="true">
<svg viewBox="0 0 477.175 477.175">
<path
d="M145.188,238.575l215.5-215.5c5.3-5.3,5.3-13.8,0-19.1s-13.8-5.3-19.1,0l-225.1,225.1c-5.3,5.3-5.3,13.8,0,19.1l225.1,225
c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4c5.3-5.3,5.3-13.8,0-19.1L145.188,238.575z"
></path>
</svg>
</span>
<span class="sr-only">+Previous</span>
</a>
<a
class="u-absolute-vcenter u-carousel-control u-carousel-control-next u-hidden u-spacing-13 u-text-grey-30 u-carousel-control-2"
href="#carousel-dac6"
role="button"
data-u-slide="next"
>
<span aria-hidden="true">
<svg viewBox="0 0 477.175 477.175">
<path
d="M360.731,229.075l-225.1-225.1c-5.3-5.3-13.8-5.3-19.1,0s-5.3,13.8,0,19.1l215.5,215.5l-215.5,215.5
c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4c3.4,0,6.9-1.3,9.5-4l225.1-225.1C365.931,242.875,365.931,234.275,360.731,229.075z"
></path>
</svg>
</span>
<span class="sr-only">+Next</span>
</a>
</div>
<div
class="u-align-left u-container-style u-group u-opacity u-opacity-85 u-white u-group-1"
>
<div
class="u-container-layout u-valign-bottom-xs u-container-layout-4"
>
<h3 class="u-custom-font u-text u-text-1">
<?= $content["collection_title"] ?>
</h3>
<div class="u-custom-font u-text u-text-2">
<?= $content["collection_desc"] ?>
</div>
<a
target="_blank"
href="https://www.serbaantik.com/products/category/upholstery"
class="u-black u-border-2 u-border-active-palette-1-base u-border-black u-border-hover-palette-1-base u-btn u-button-style u-custom-font u-text-body-alt-color u-btn-1"
>KOLEKSI KAIN KURSI
</a>
<a
target="_blank"
href="https://api.whatsapp.com/send?phone=62818184545&text=<?= urlencode('Halo Serba Antik, saya ingin pesan sofa, bisa dibantu?') ?>"
class="u-active-none u-btn u-button-style u-custom-font u-hover-none u-none u-text-black u-text-hover-palette-2-base u-btn-2"
><span class="u-icon u-text-custom-color-1 u-icon-1"
><svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1"
xml:space="preserve"
class="u-svg-content"
viewBox="0 0 512 512"
x="0px"
y="0px"
style="width: 1em; height: 1em"
>
<path
style="fill: currentColor"
d="M256,0C114.617,0,0,114.617,0,256c0,52.03,15.563,100.414,42.231,140.818L0,512l119.128-39.706 C158.72,497.399,205.639,512,256,512c141.383,0,256-114.617,256-256S397.383,0,256,0z"
></path>
<path
style="fill: #ffffff"
d="M397.233,335.078V377.6c0.062,15.66-12.606,28.398-28.292,28.469c-0.892,0-1.783-0.035-2.675-0.115 c-43.705-4.74-85.689-19.641-122.571-43.52c-34.313-21.76-63.409-50.803-85.222-85.054c-24.002-36.979-38.938-79.086-43.599-122.898 c-1.412-15.59,10.108-29.378,25.732-30.791c0.847-0.062,1.686-0.106,2.534-0.106h42.611c14.257-0.141,26.412,10.293,28.407,24.382 c1.801,13.612,5.138,26.968,9.94,39.83c3.902,10.364,1.404,22.042-6.391,29.908l-18.035,17.999 c20.215,35.487,49.664,64.874,85.221,85.054l18.035-17.999c7.883-7.786,19.588-10.275,29.97-6.382 c12.888,4.802,26.271,8.13,39.91,9.922C387.09,308.312,397.594,320.689,397.233,335.078z"
></path></svg></span
> Chat Now
</a>
</div>
</div>
</div>
</section>
<!-- for mobile only -->
<section class="u-align-center u-clearfix u-section-6" id="carousel_726e-2">
<div class="u-clearfix u-sheet u-sheet-1">
<div
id="carousel-dac6"
data-interval="5000"
data-u-ride="carousel"
class="u-carousel u-slider u-slider-1"
>
<ol
class="u-absolute-hcenter u-carousel-indicators u-carousel-indicators-1"
>
<?php for ($i=0; $i <=2 ; $i++) : ?>
<li
data-u-target="#carousel-dac6"
class="
<?php if($i == 0) : ?>
u-active u-active-grey-15
<?php endif ?>
u-grey-5 u-hover-grey-15 u-shape-rectangle"
data-u-slide-to="<?= $i ?>"
style="width: 30px; height: 3px"
></li>
<?php endfor ?>
</ol>
<div class="u-carousel-inner" role="listbox">
<?php for ($i=1; $i <=3 ; $i++) : ?>
<div
class="
<?php if($i == 1) : ?>
u-active
<?php endif ?>
u-carousel-item u-container-style u-image u-slide u-image-<?= $i ?>"
data-image-width="720"
data-image-height="720"
style="background-image: url('<?= base_url() . 'uploads/page/' . $content["collection{$i}_img"] ?>');"
>
<div class="u-container-layout u-container-layout-1"></div>
</div>
<?php endfor ?>
</div>
<a
class="u-absolute-vcenter u-carousel-control u-carousel-control-prev u-hidden u-spacing-13 u-text-grey-30 u-carousel-control-1"
href="#carousel-dac6"
role="button"
data-u-slide="prev"
>
<span aria-hidden="true">
<svg viewBox="0 0 477.175 477.175">
<path
d="M145.188,238.575l215.5-215.5c5.3-5.3,5.3-13.8,0-19.1s-13.8-5.3-19.1,0l-225.1,225.1c-5.3,5.3-5.3,13.8,0,19.1l225.1,225
c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4c5.3-5.3,5.3-13.8,0-19.1L145.188,238.575z"
></path>
</svg>
</span>
<span class="sr-only">+Previous</span>
</a>
<a
class="u-absolute-vcenter u-carousel-control u-carousel-control-next u-hidden u-spacing-13 u-text-grey-30 u-carousel-control-2"
href="#carousel-dac6"
role="button"
data-u-slide="next"
>
<span aria-hidden="true">
<svg viewBox="0 0 477.175 477.175">
<path
d="M360.731,229.075l-225.1-225.1c-5.3-5.3-13.8-5.3-19.1,0s-5.3,13.8,0,19.1l215.5,215.5l-215.5,215.5
c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4c3.4,0,6.9-1.3,9.5-4l225.1-225.1C365.931,242.875,365.931,234.275,360.731,229.075z"
></path>
</svg>
</span>
<span class="sr-only">+Next</span>
</a>
</div>
<div
class="u-align-left u-container-style u-group u-opacity u-opacity-85 u-white u-group-1"
>
<div
class="u-container-layout u-valign-bottom-xs u-container-layout-4"
>
<h3 class="u-custom-font u-text u-text-1">
<?= $content["collection_title"] ?>
</h3>
<div class="u-custom-font u-text u-text-2">
<?= $content["collection_desc"] ?>
</div>
<a
target="_blank"
href="https://www.serbaantik.com/products/category/upholstery"
class="u-black u-border-2 u-border-active-palette-1-base u-border-black u-border-hover-palette-1-base u-btn u-button-style u-custom-font u-text-body-alt-color u-btn-1"
>KOLEKSI KAIN KURSI
</a>
<a
target="_blank"
href="https://api.whatsapp.com/send?phone=62818184545&text=<?= urlencode('Halo Serba Antik, saya ingin pesan sofa, bisa dibantu?') ?>"
class="u-active-none u-btn u-button-style u-custom-font u-hover-none u-none u-text-black u-text-hover-palette-2-base u-btn-2"
><span class="u-icon u-text-custom-color-1 u-icon-1"
><svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1"
xml:space="preserve"
class="u-svg-content"
viewBox="0 0 512 512"
x="0px"
y="0px"
style="width: 1em; height: 1em"
>
<path
style="fill: currentColor"
d="M256,0C114.617,0,0,114.617,0,256c0,52.03,15.563,100.414,42.231,140.818L0,512l119.128-39.706 C158.72,497.399,205.639,512,256,512c141.383,0,256-114.617,256-256S397.383,0,256,0z"
></path>
<path
style="fill: #ffffff"
d="M397.233,335.078V377.6c0.062,15.66-12.606,28.398-28.292,28.469c-0.892,0-1.783-0.035-2.675-0.115 c-43.705-4.74-85.689-19.641-122.571-43.52c-34.313-21.76-63.409-50.803-85.222-85.054c-24.002-36.979-38.938-79.086-43.599-122.898 c-1.412-15.59,10.108-29.378,25.732-30.791c0.847-0.062,1.686-0.106,2.534-0.106h42.611c14.257-0.141,26.412,10.293,28.407,24.382 c1.801,13.612,5.138,26.968,9.94,39.83c3.902,10.364,1.404,22.042-6.391,29.908l-18.035,17.999 c20.215,35.487,49.664,64.874,85.221,85.054l18.035-17.999c7.883-7.786,19.588-10.275,29.97-6.382 c12.888,4.802,26.271,8.13,39.91,9.922C387.09,308.312,397.594,320.689,397.233,335.078z"
></path></svg></span
> Chat Now
</a>
</div>
</div>
</div>
</section>
<section class="u-align-left u-clearfix u-section-9" id="carousel_24a6">
<div class="u-clearfix u-sheet u-sheet-1">
<h2 class="u-align-center u-custom-font u-text u-text-1">
<?= $content["pricing_title"] ?>
</h2>
<div class="u-expanded-width u-table u-table-responsive u-table-1">
<?= $content["pricing_table"] ?>
</div>
</div>
</section>
<section
class="u-align-center u-clearfix u-grey-5 u-valign-middle-lg u-section-7"
id="carousel_8115"
>
<h2 class="u-align-center u-custom-font u-text u-text-1">
<?= $content["testimony_title"] ?>
</h2>
<img
alt=""
class="u-expanded-width-md u-expanded-width-sm u-expanded-width-xs u-image u-image-default u-image-1"
data-image-width="1200"
data-image-height="800"
src="<?= base_url() . 'uploads/page/' . $content["testimony_bg_img"] ?>"
/>
<div
id="carousel-5c72"
data-interval="5000"
data-u-ride="carousel"
class="u-carousel u-slider u-slider-1"
>
<!-- <ol
class="u-absolute-hcenter u-carousel-indicators u-carousel-indicators-1"
>
<li
data-u-target="#carousel-5c72"
class="u-active u-grey-30"
data-u-slide-to="0"
></li>
<li
data-u-target="#carousel-5c72"
class="u-grey-30"
data-u-slide-to="1"
></li>
</ol> -->
<div class="u-carousel-inner" role="listbox">
<?php for ($i=1; $i <=30 ; $i++) : ?>
<?php if(!empty($content["testimony{$i}_img"])) : ?>
<div
class="
<?php if($i == 1) : ?>
u-active
<?php endif ?>
u-align-center u-carousel-item u-container-align-center u-container-style u-image u-slide u-image-2"
data-image-width="1418"
data-image-height="823"
style="background-image: url(<?= base_url() . 'uploads/page/' . $content["testimony{$i}_img"] ?>)"
>
<div class="u-container-layout u-container-layout-1"></div>
</div>
<?php endif ?>
<?php endfor ?>
</div>
<a
class="u-absolute-vcenter u-carousel-control u-carousel-control-prev u-grey-10 u-hover-grey-25 u-spacing-13 u-text-body-color u-carousel-control-1"
href="#carousel-5c72"
role="button"
data-u-slide="prev"
>
<span aria-hidden="true">
<svg viewBox="0 0 477.175 477.175">
<path
d="M145.188,238.575l215.5-215.5c5.3-5.3,5.3-13.8,0-19.1s-13.8-5.3-19.1,0l-225.1,225.1c-5.3,5.3-5.3,13.8,0,19.1l225.1,225
c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4c5.3-5.3,5.3-13.8,0-19.1L145.188,238.575z"
></path>
</svg>
</span>
<span class="sr-only">
<svg viewBox="0 0 477.175 477.175">
<path
d="M145.188,238.575l215.5-215.5c5.3-5.3,5.3-13.8,0-19.1s-13.8-5.3-19.1,0l-225.1,225.1c-5.3,5.3-5.3,13.8,0,19.1l225.1,225
c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4c5.3-5.3,5.3-13.8,0-19.1L145.188,238.575z"
></path>
</svg>
</span>
</a>
<a
class="u-absolute-vcenter u-carousel-control u-carousel-control-next u-grey-10 u-hover-grey-25 u-spacing-13 u-text-body-color u-carousel-control-2"
href="#carousel-5c72"
role="button"
data-u-slide="next"
>
<span aria-hidden="true">
<svg viewBox="0 0 477.175 477.175">
<path
d="M360.731,229.075l-225.1-225.1c-5.3-5.3-13.8-5.3-19.1,0s-5.3,13.8,0,19.1l215.5,215.5l-215.5,215.5
c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4c3.4,0,6.9-1.3,9.5-4l225.1-225.1C365.931,242.875,365.931,234.275,360.731,229.075z"
></path>
</svg>
</span>
<span class="sr-only">
<svg viewBox="0 0 477.175 477.175">
<path
d="M360.731,229.075l-225.1-225.1c-5.3-5.3-13.8-5.3-19.1,0s-5.3,13.8,0,19.1l215.5,215.5l-215.5,215.5
c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4c3.4,0,6.9-1.3,9.5-4l225.1-225.1C365.931,242.875,365.931,234.275,360.731,229.075z"
></path>
</svg>
</span>
</a>
</div>
<div class="u-section-9">
<a
style="background:white !important; color:black !important"
href="https://api.whatsapp.com/send?phone=62818184545&text=<?= urlencode('Halo Serba Antik, saya ingin pesan sofa, bisa dibantu?') ?>"
target="_blank"
class="u-black u-border-2 u-border-active-palette-1-base u-border-black u-border-hover-palette-1-base u-btn u-button-style u-custom-font u-text-body-alt-color u-btn-1"
><span class="u-file-icon u-icon u-text-white"
><img src="images/2111774-f9643499-b.png" alt="" /></span
> HUBUNGI KAMI
</a>
<a
style="background:white !important; color:black !important"
href="https://www.serbaantik.com/showrooms"
target="_blank"
class="u-black u-border-2 u-border-active-palette-1-base u-border-black u-border-hover-palette-1-base u-btn u-button-style u-custom-font u-text-body-alt-color u-btn-2"
><span class="u-file-icon u-icon u-text-black"
><img src="images/869687-b4a87238-b.png" alt="" /></span
> SHOWROOM
</a>
</div>
</section>
<section
class="u-align-left u-clearfix u-grey-5 u-section-10"
id="carousel_0ca9"
>
<div class="u-clearfix u-sheet u-valign-top-lg u-sheet-1">
<img
src="<?= base_url() . 'uploads/page/' . $content['faq_img'] ?>"
alt=""
class="u-expanded-width-md u-expanded-width-sm u-expanded-width-xs u-image u-image-default u-image-1"
data-image-width="600"
data-image-height="800"
/>
<h2 class="u-custom-font u-text u-text-1">faq</h2>
<div
class="u-accordion u-expanded-width-md u-expanded-width-sm u-expanded-width-xs u-faq u-spacing-20 u-accordion-1"
>
<?php for ($i=1; $i <=10 ; $i++) : ?>
<?php if(!empty($content["question$i"])) : ?>
<div class="u-accordion-item">
<a
class="
<?php if($i == 1) : ?>
active u-accordion-link u-border-1 u-border-active-grey-25 u-border-grey-25 u-border-hover-palette-5-dark-2 u-border-no-left u-border-no-right u-border-no-top u-button-style u-custom-font u-text-active-black u-text-body-color u-accordion-link-<?= $i ?>
<?php else : ?>
u-accordion-link u-border-1 u-border-active-grey-25 u-border-grey-25 u-border-hover-palette-5-dark-2 u-border-no-left u-border-no-right u-border-no-top u-button-style u-custom-font u-text-active-black u-text-body-color u-accordion-link-<?= $i ?>
<?php endif ?>
"
id="link-accordion-6327"
aria-controls="accordion-6327"
aria-selected="true"
>
<span class="u-accordion-link-text">
<?= $content["question$i"] ?></span
><span class="u-accordion-link-icon u-icon u-text-black u-icon-1"
><svg
class="u-svg-link"
preserveAspectRatio="xMidYMin slice"
viewBox="0 0 16 16"
style=""
>
<use xlink:href="#svg-2c6d"></use></svg
><svg
class="u-svg-content"
viewBox="0 0 16 16"
x="0px"
y="0px"
id="svg-2c6d"
style=""
>
<path
d="M8,10.7L1.6,5.3c-0.4-0.4-1-0.4-1.3,0c-0.4,0.4-0.4,0.9,0,1.3l7.2,6.1c0.1,0.1,0.4,0.2,0.6,0.2s0.4-0.1,0.6-0.2l7.1-6
c0.4-0.4,0.4-0.9,0-1.3c-0.4-0.4-1-0.4-1.3,0L8,10.7z"
></path></svg
></span>
</a>
<div
class="
<?php if($i == 1) : ?>
u-accordion-active
<?php endif ?>
u-accordion-pane u-container-style u-accordion-pane-1"
id="accordion-6327"
aria-labelledby="link-accordion-6327"
>
<div class="u-container-layout u-container-layout-1">
<div class="fr-view u-clearfix u-rich-text u-text">
<p id="isPasted">
<?= $content["answer$i"] ?>
</p>
</div>
</div>
</div>
</div>
<?php endif ?>
<?php endfor ?>
</div>
</div>
</section>
<footer
class="u-align-center-md u-align-center-sm u-align-center-xs u-black u-clearfix u-footer"
id="sec-5abf"
>
<div class="u-clearfix u-sheet u-sheet-1">
<div
class="data-layout-selected u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1"
>
<div class="u-layout">
<div class="u-layout-row">
<div
class="u-container-style u-layout-cell u-size-20 u-layout-cell-1"
>
<div
class="u-container-layout u-valign-top-sm u-valign-top-xs u-container-layout-1"
>
<img
class="u-align-left u-image u-image-contain u-image-default u-preserve-proportions u-image-1"
src="<?= base_url() . 'uploads/' . $logo ?>"
alt=""
data-image-width="250"
data-image-height="57"
/>
<p class="u-custom-font u-text u-text-default u-text-1">
Complete solution provider for residentials, offices and
apartments, hotel and restaurants.
</p>
<div class="u-social-icons u-spacing-10 u-social-icons-1">
<a
class="u-social-url"
title="Instagram"
target="_blank"
href="https://www.instagram.com/serbaantikinterior"
><span
class="u-file-icon u-icon u-social-icon u-social-instagram u-text-white u-icon-3"
><img src="<?= base_url() . 'theme/sofa/images/1077042-44b9d081.png' ?>
" alt=""
/></span>
</a>
<a
class="u-social-url"
title="Facebook"
target="_blank"
href="https://www.facebook.com/SERBAANTIKINTERIOR/"
><span
class="u-file-icon u-icon u-social-facebook u-social-icon u-text-white u-icon-4"
><img src="<?= base_url() . 'theme/sofa/images/1077041-6823d9ed.png' ?>" alt=""
/></span>
</a>
<a
class="u-social-url"
title="Linkedin"
target="_blank"
href="https://id.linkedin.com/company/serba-antik-interior"
><span
class="u-file-icon u-icon u-social-icon u-social-twitter u-text-white u-icon-5"
><img src="<?= base_url() . 'theme/sofa/images/220343-e29886f9.png' ?>" alt=""
/></span>
</a>
<a
class="u-social-url"
target="_blank"
data-type="YouTube"
title="YouTube"
href="https://www.youtube.com/@serbaantikinterior"
><span
class="u-file-icon u-icon u-social-icon u-social-youtube u-text-white u-icon-6"
><img src="<?= base_url() . 'theme/sofa/images/1077046-4b2d40ef.png' ?>" alt=""
/></span>
</a>
<a
class="u-social-url"
target="_blank"
data-type="Custom"
title="Custom"
href=""
><span
class="u-file-icon u-icon u-social-custom u-social-icon u-text-white u-icon-7"
><img src="<?= base_url() . 'theme/sofa/images/2582617-2065b0a8.png' ?>" alt=""
/></span>
</a>
<a
class="u-social-url"
target="_blank"
data-type="Custom"
title="Website"
href="https://www.serbaantik.com/"
><span
class="u-file-icon u-icon u-social-custom u-social-icon u-text-white u-icon-8"
><img src="<?= base_url() . 'theme/sofa/images/48708-94a4adff.png' ?>" alt=""
/></span>
</a>
</div>
</div>
</div>
<div
class="u-container-style u-layout-cell u-size-20 u-layout-cell-2"
>
<div class="u-container-layout u-container-layout-2">
<h4 class="u-text u-text-default u-text-2">Corporate</h4>
<ul class="u-text u-text-default u-text-3">
<li>
<a target="_blank" href="https://www.serbaantik.com/about"
>About Us</a
>
</li>
<li>
<a
target="_blank"
href="https://www.serbaantik.com/portfolio"
>Portfolio</a
>
</li>
<li>
<a target="_blank" href="https://www.serbaantik.com/blog"
>Blog</a
>
</li>
</ul>
</div>
</div>
<div
class="u-container-style u-layout-cell u-size-20 u-layout-cell-3"
>
<div
class="u-container-layout u-valign-top u-container-layout-3"
>
<h4 class="u-text u-text-default u-text-4">
Customer Service
</h4>
<ul class="u-text u-text-default u-text-5">
<li><a target="_blank" href="#">How To Order</a></li>
<li>
<a
target="_blank"
href="https://www.serbaantik.com/showrooms"
>Store Locator</a
>
</li>
<li>
<a
target="_blank"
href="https://www.serbaantik.com/page/term-condition"
>Term & Condition</a
>
</li>
<li>
<a
target="_blank"
href="https://api.whatsapp.com/send?phone=62818184545&text=<?= urlencode('Halo Serba Antik, saya ingin pesan sofa, bisa dibantu?') ?>"
><span class="u-file-icon u-icon u-text-white"
><img
src="<?= base_url() . 'theme/gorden/images/2111774-f9643499.png' ?>"
alt="" /></span
> +628 1818 4545</a
>
</li>
<li>
<a target="_blank" href="mailto:inquiry@serbaantik.com"
><span class="u-file-icon u-icon u-text-white"
><img src="<?= base_url() . 'theme/gorden/images/646094-251de927.png' ?>" alt="" /></span
> inquiry@serbaantik.com</a
>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<p class="u-custom-font u-text u-text-6">
Copyright 2024 © Serbaantik.com All Rights Reserved.
</p>
</div>
</footer>
<div id="whatsappFooter">
<a
aria-label="chat us"
target="_blank"
href="https://api.whatsapp.com/send?phone=62818184545&text=<?= urlencode('Halo Serba Antik, saya ingin pesan sofa, bisa dibantu?') ?>"
style="color: white"
>
<i class="fa fa-whatsapp" style="font-size: 40px"></i>
</a>
</div>
<div id="instagramFooter">
<a
aria-label="instagram"
target="_blank"
href="https://www.instagram.com/serbaantikinterior/"
style="color: white"
>
<i class="fa fa-instagram" style="font-size: 40px"></i>
</a>
</div>
<span
style="
height: 64px;
width: 64px;
margin-left: 0px;
margin-right: auto;
margin-top: 0px;
background-image: none;
right: 20px;
bottom: 20px;
padding: 15px;
"
class="u-back-to-top u-grey-5 u-icon u-icon-circle u-opacity u-opacity-85"
data-href="#"
>
<svg
class="u-svg-link"
preserveAspectRatio="xMidYMin slice"
viewBox="0 0 551.13 551.13"
>
<use
xmlns:xlink="http://www.w3.org/1999/xlink"
xlink:href="#svg-1d98"
></use>
</svg>
<svg
class="u-svg-content"
enable-background="new 0 0 551.13 551.13"
viewBox="0 0 551.13 551.13"
xmlns="http://www.w3.org/2000/svg"
id="svg-1d98"
>
<path
d="m275.565 189.451 223.897 223.897h51.668l-275.565-275.565-275.565 275.565h51.668z"
></path>
</svg>
</span>
</body>
</html>