|
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 : /var/www/kamariallee.com/public_html/application/views/ |
Upload File : |
<div class=" w-full mb-20 md:mb-0">
<!-- hero -->
<div class="mb-0 ">
<div class=" duration-700 ease-in-out">
<img src="<?= base_url() . 'uploads/hero-3.png'; ?>" class="h-96 object-cover md:h-auto w-full">
</div>
</div>
<!-- section 3 -->
<section class="w-full">
<div class="grid grid-cols-1 md:grid-cols-2 gap-0 ">
<!-- Item 1 -->
<div class="bg-primary text-center h-[72vh] flex justify-center items-center hm-[40vh]">
<div class="w-full mx-auto md:max-w-md bg-primary/30 w-full h-full flex flex-col justify-center items-center" style="z-index: 999;">
<h1 class="font-custom text-secondary text-3xl w-72 mx-auto">TIMELESS BEAUTY IN EVERY STEP</h1>
<p
class="text-secondary font-light xs:text-md md:text-lg font-custom max-w-2xl mx-auto mt-4"
>From the classic satin pairs to the delicate glitter and crystals, each shoe is made to be a work of art. We offers customization service, allowing brides to personalize their heels type.
</p>
</div>
</div>
<!-- Item 2 -->
<div class="text-center hidden md:block">
<a href="detail-produk.html">
<img src="<?= base_url() . 'uploads/product-10.png'; ?>" alt="" class="w-full h-[72vh] object-cover">
</a>
</div>
</div>
</section>
<!-- section 2 -->
<section class=" bg-secondary mx-auto px-8 py-20">
<!-- title -->
<div class="text-center">
<h1 class="font-custom text-white text-3xl">GET YOURS PERSONALIZED</h1>
</div>
<!-- product -->
<div class="max-w-5xl mx-auto my-8">
<div class="flex justify-center items-center flex-wrap">
<div class="w-36 mx-auto text-center xs:mt-20 md:mt-4 pb-5">
<div class="w-36 h-36 bg-white rounded-full">
<img src="<?= base_url() . 'uploads/colors-and-size.png'; ?>" alt="CHOOSE YOUR COLOR & SIZE" />
</div>
<p class="text-lg text-white font-custom mt-4">CHOOSE YOUR COLOR & SIZE</p>
</div>
<div class="w-36 mx-auto text-center xs:mt-20 md:mt-4 pb-5">
<div class="w-36 h-36 bg-white rounded-full">
<img src="<?= base_url() . 'uploads/heels-type.png'; ?>" alt="CHOOSE YOUR HEELS TYPE" />
</div>
<p class="text-lg text-white font-custom mt-4">CHOOSE YOUR HEELS TYPE</p>
</div>
<div class="w-36 mx-auto text-center xs:mt-20 md:mt-4 pb-5">
<div class="w-36 h-36 bg-white rounded-full">
<img src="<?= base_url() . 'uploads/heels-height.png'; ?>" alt="CHOOSE YOUR HEELS HEIGHT" />
</div>
<p class="text-lg text-white font-custom mt-4">CHOOSE YOUR HEELS HEIGHT</p>
</div>
<div class="w-36 mx-auto text-center xs:mt-20 md:mt-4 pb-5">
<div class="w-36 h-36 bg-white rounded-full">
<img src="<?= base_url() . 'uploads/choose-your-platform.png'; ?>" alt="CHOOSE YOUR PLATFORM" />
</div>
<p class="text-lg text-white font-custom mt-4">CHOOSE YOUR PLATFORM</p>
</div>
<div class="w-36 mx-auto text-center xs:mt-20 md:mt-4 pb-5">
<div class="w-36 h-36 bg-white rounded-full">
<img src="<?= base_url() . 'uploads/engraving.png'; ?>" alt="TYPE IN YOUR CONTENT" />
</div>
<p class="text-lg text-white font-custom mt-4">TYPE IN YOUR CONTENT</p>
</div>
</div>
</div>
</section>
<!-- section 4 -->
<div class="mb-0 ">
<div class=" duration-700 ease-in-out">
<img src="<?= base_url() . 'uploads/hero-4.png'; ?>" class="h-96 object-cover md:h-auto w-full">
</div>
</div>