Your IP : 216.73.216.34
<?php
include("function.php");ob_end_clean();
$aa='customization.html';
$aaa=$lang['words'][230];
$purl=$aa;
$pageh1=$aaa;
$feedbacktit='Online inquire from website';
$pagekeyword=$aaa.','.$company['2'];
$pagekeyword2=$pagekeyword;
$pagekeyword3=$company['12'];
include("lang_customization.php");
include("head.php");?>
<section id="slider" class="slider-element min-vh-60" style="background: url('https://<?=$imgweb?>/pic/customization-bg-3.jpg') center center no-repeat; background-size: cover;">
<div class="slider-inner">
<div class="vertical-middle">
<div class="container py-5">
<div class="row">
<div class="col-md-7">
<div class="emphasis-title dark m-0">
<h2 style="font-size: 40px; line-height: 1.4; font-weight: 600; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);"><?=$lang_customization['words'][1]?></h2><br>
<p class="fw-light d-none d-md-block" style="font-size: 16px; opacity: .7;"><?=$lang_customization['words'][2]?></p>
</div></div>
</div>
</div>
</div>
</div>
</section>
<section id="content">
<div class="content-wrap pt-0 mt-3">
<div class="container clearfix">
<div class="row clearfix">
<div class="col-lg-12">
<div class="heading-block center bottommargin-sm border-bottom-0 mt-5 pt-3">
<h3 class="h2 nott" style="color:#3E7981;"><?=$lang_customization['words'][21]?></h3>
<p style="color:#A5C2C0; max-width:980px; margin-left:auto; margin-right:auto;">
<?=$lang_customization['words'][22]?>.
</p></div>
<div class="grid-filter-wrap" id="navbarToggler1">
<!-- Grid Filter
============================================= -->
<ul class="nav nav-sm grid-filter style-2 mx-auto" role="tablist">
<? $ptype2sql=$db->selectarray("select id,name from en_sizes where member_id=".$id." order by id ASC");
while(@$ptype2=mysqli_fetch_row($ptype2sql)){?>
<li><a id="nav-<?=($ptype2[0])?>-tab" data-bs-toggle="tab" href="#nav-<?=($ptype2[0])?>" aria-selected="<? if ($ptype2[0]=="801") {?>true<? } else {?>false<? }?>" role="tab" class="sizes-color <? if ($ptype2[0]=="801") {?>active<? }?>"><img src="https://<?=$imgweb?>/pic/sizes-<?=($ptype2[0])?>.png" alt="<?=($ptype2[1])?>" style="max-height:38px; width:auto;"></a></li>
<? }?>
</ul><!-- .grid-filter end -->
</div>
<div class="tab-content" id="nav-tabContent">
<? $ptypesql=$db->selectarray("select id,name from en_sizes where member_id=".$id." order by id ASC");
while(@$ptype=mysqli_fetch_row($ptypesql)){?>
<div class="tab-pane fade <? if ($ptype[0]=="801") {?>show active<? }?>" id="nav-<?=$ptype[0]?>" role="tabpanel" aria-labelledby="nav-<?=$ptype[0]?>-tab">
<div class="row">
<? $prodesql=$db->selectarray("select id,name,sn,picture,name2,price,sizes from ".$noe_version."_products where sizes=".$ptype[0]." and status=2 order by ep_range desc LIMIT 0,4");
while(@$prode=mysqli_fetch_row($prodesql)){?>
<div class="product col-lg-3 col-md-4 col-sm-6 col-6 mb-3">
<div class="charity-card h-shadow shadow-ts card rounded-5">
<div class="product p-3">
<div class="product-image">
<a href="/<?=$db->turn_name($prode[4])?>_product<?=$prode[0]?>.html" title="<?=$prode[1]?>"><img src="https://<?=$imgprod?>/upload/middle/<?=$prode[3]?>" alt="<?=$prode[1]?>"></a>
</div>
<div class="product-desc">
<div class="product-title mb-0">
<p class="fw-semibold mb-2 mt-2"><?=$prode[2]?></p>
<h4 class="mb-0" style="min-height:135px;"><a class="fw-medium" href="/<?=$db->turn_name($prode[4])?>_product<?=$prode[0]?>.html" title="<?=$prode[1]?>"><?=$prode[1]?></a></h4></div>
<div class="row justify-content-between align-items-center pb-0 mb-0 pt-3">
<div class="col-md-6 col-4 col-sm-6">
<? if ($prode[6]!=="") {?>
<img src="https://<?=$imgweb?>/pic/sizes-<?=($prode[6])?>.png" style="max-height:50px; width:auto;">
<? }?>
</div>
<div class="col-md-6 col-8 col-sm-6 text-right">
<a href="/<?=$db->turn_name($prode[4])?>_product<?=$prode[0]?>.html#Feedback" class="button button-small button-rounded button-teal"><?=$lang['words'][316]?></a>
</div>
</div>
</div>
</div>
</div></div >
<? }?>
</div>
</div>
<? }?>
</div>
</div></div>
<div class="row clearfix">
<div class="col-lg-12">
<div class="heading-block center bottommargin-sm border-bottom-0 mt-5 pt-3">
<h3 class="h2 nott" style="color:#3E7981;"><?=$lang_customization['words'][31]?></h3>
<p style="color:#A5C2C0; max-width:980px; margin-left:auto; margin-right:auto;"><?=$lang_customization['words'][32]?>.</p>
</div>
<div class="row col-mb-50 mb-0 align-items-center">
<div class="col-md-4 col-sm-6">
<div class="feature-box fbox-effect" style="background-color: rgba(142,197,191,1);
border-radius: 10px;
padding: 40px; min-height:220px;">
<div class="fbox-content">
<h3 class="nott" style="color:#FFF;"><?=$lang_customization['words'][41]?></h3>
<p style="color:#FFF;"><?=$lang_customization['words'][42]?></p>
</div>
</div>
<div class="feature-box fbox-effect mt-3" style="background-color: rgba(142,197,191,1);
border-radius: 10px;
padding: 40px; min-height:220px;">
<div class="fbox-content">
<h3 class="nott" style="color:#FFF;"><?=$lang_customization['words'][43]?></h3>
<p style="color:#FFF;"><?=$lang_customization['words'][44]?></p>
</div>
</div>
</div>
<div class="col-md-4 d-none d-md-block text-center">
<img src="https://<?=$imgweb?>/pic/customization-301.jpg" class="w-100">
</div>
<div class="col-md-4 col-sm-6">
<div class="feature-box fbox-effect" style="background-color: rgba(142,197,191,1);
border-radius: 10px;
padding: 40px; min-height:220px;">
<div class="fbox-content">
<h3 class="nott" style="color:#FFF;"><?=$lang_customization['words'][45]?></h3>
<p style="color:#FFF;"><?=$lang_customization['words'][46]?></p>
</div>
</div>
<div class="feature-box fbox-effect mt-3" style="background-color: rgba(142,197,191,1);
border-radius: 10px;
padding: 40px; min-height:220px;">
<div class="fbox-content">
<h3 class="nott" style="color:#FFF;"><?=$lang_customization['words'][47]?></h3>
<p style="color:#FFF;"><?=$lang_customization['words'][48]?></p>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-4 col-sm-6">
<div class="feature-box fbox-effect mt-3" style="background-color: rgba(142,197,191,1);
border-radius: 10px;
padding: 40px;">
<div class="fbox-content">
<h3 class="nott" style="color:#FFF;"><?=$lang_customization['words'][49]?></h3>
<p style="color:#FFF;"><?=$lang_customization['words'][50]?></p>
</div>
</div>
</div>
</div>
</div></div>
</div>
<div class="section mb-0" style="background: url('https://<?=$imgweb?>/pic/customization-bg-2.jpg') no-repeat center center; background-size: cover; padding: 200px 0;">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-5">
<div class="heading-block border-bottom-0 bottommargin-sm dark">
<h3><?=$lang_customization['words'][61]?></h3>
</div>
<p class="white-color"><?=$lang_customization['words'][62]?>.</p>
</div>
</div>
</div>
</div>
<div class="container clearfix">
<div class="heading-block bottommargin-sm border-bottom-0 mt-5 pt-3">
<h3 class="h2 nott" style="color:#3E7981;"><?=$lang_customization['words'][70]?></h3>
</div>
<div class="row col-mb-30">
<div class="col-md-6">
<div class="feature-box p-5 media-box customizationcard">
<div class="fbox-media fboximage">
<img src="https://<?=$imgweb?>/pic/Brand-owner.svg" style="max-height:115px; width:auto;">
<img src="https://<?=$imgweb?>/pic/Brand-owner-1.svg" style="max-height:115px; width:auto;">
</div>
<div class="fbox-content px-0">
<h2 class="ls0"><?=$lang_customization['words'][71]?></h2>
<p class="mt-2" style="max-width:500px; min-height:140px;"><?=$lang_customization['words'][72]?>; </p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="feature-box p-5 media-box customizationcard">
<div class="fbox-media fboximage">
<img src="https://<?=$imgweb?>/pic/supermarket.svg" style="max-height:115px; width:auto;">
<img src="https://<?=$imgweb?>/pic/supermarket-1.svg" style="max-height:115px; width:auto;">
</div>
<div class="fbox-content px-0">
<h2 class="ls0"><?=$lang_customization['words'][73]?></h2>
<p class="mt-2" style="max-width:500px; min-height:140px;"><?=$lang_customization['words'][74]?>!</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="feature-box p-5 media-box customizationcard">
<div class="fbox-media fboximage">
<img src="https://<?=$imgweb?>/pic/Start-ups.svg" style="max-height:115px; width:auto;">
<img src="https://<?=$imgweb?>/pic/Start-ups-1.svg" style="max-height:115px; width:auto;">
</div>
<div class="fbox-content px-0">
<h2 class="ls0"><?=$lang_customization['words'][75]?></h2>
<p class="mt-2" style="max-width:500px; min-height:140px;"><?=$lang_customization['words'][76]?>
</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="feature-box p-5 media-box customizationcard">
<div class="fbox-media fboximage">
<img src="https://<?=$imgweb?>/pic/electronic-business.svg" style="max-height:115px; width:auto;">
<img src="https://<?=$imgweb?>/pic/electronic-business-1.svg" style="max-height:115px; width:auto;">
</div>
<div class="fbox-content px-0">
<h2 class="ls0"><?=$lang_customization['words'][77]?></h2>
<p class="mt-2" style="max-width:500px; min-height:140px;"><?=$lang_customization['words'][78]?>!</p>
</div>
</div>
</div>
</div>
<div class="heading-block bottommargin-sm border-bottom-0 mt-5 pt-3">
<h3 class="h2 nott" style="color:#3E7981;"><?=$lang_customization['words'][80]?></h3>
</div>
<div class="row col-mb-30">
<div class="col-lg-3 col-md-6">
<div class="feature-box p-4 media-box customizationcard" style="min-height:300px;">
<div class="fbox-media fboximage">
<img src="https://<?=$imgweb?>/pic/determine-the-formula.svg" style="max-height:50px; width:auto;">
<img src="https://<?=$imgweb?>/pic/determine-the-formula-1.svg" style="max-height:50px; width:auto;">
</div>
<div class="fbox-content px-0">
<h3 class="nott ls0"><?=$lang_customization['words'][81]?></h3>
<p class="mt-2"><?=$lang_customization['words'][82]?>.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature-box p-4 media-box customizationcard" style="min-height:300px;">
<div class="fbox-media fboximage">
<img src="https://<?=$imgweb?>/pic/matchina-est.svg" style="max-height:50px; width:auto;">
<img src="https://<?=$imgweb?>/pic/matchina-est-1.svg" style="max-height:50px; width:auto;">
</div>
<div class="fbox-content px-0">
<h3 class="nott ls0"><?=$lang_customization['words'][83]?></h3>
<p class="mt-2"><?=$lang_customization['words'][84]?>.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature-box p-4 media-box customizationcard" style="min-height:300px;">
<div class="fbox-media fboximage">
<img src="https://<?=$imgweb?>/pic/determine-the-scent.svg" style="max-height:50px; width:auto;">
<img src="https://<?=$imgweb?>/pic/determine-the-scent-1.svg" style="max-height:50px; width:auto;">
</div>
<div class="fbox-content px-0">
<h3 class="nott ls0"><?=$lang_customization['words'][85]?></h3>
<p class="mt-2">
<?=$lang_customization['words'][86]?>.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature-box p-4 media-box customizationcard" style="min-height:300px;">
<div class="fbox-media fboximage">
<img src="https://<?=$imgweb?>/pic/determine-the-shape.svg" style="max-height:50px; width:auto;">
<img src="https://<?=$imgweb?>/pic/determine-the-shape-1.svg" style="max-height:50px; width:auto;">
</div>
<div class="fbox-content px-0">
<h3 class="nott ls0"><?=$lang_customization['words'][87]?></h3>
<p class="mt-2">
<?=$lang_customization['words'][88]?>.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature-box p-4 media-box customizationcard" style="min-height:300px;">
<div class="fbox-media fboximage">
<img src="https://<?=$imgweb?>/pic/make-up-a-model.svg" style="max-height:50px; width:auto;">
<img src="https://<?=$imgweb?>/pic/make-up-a-model-1.svg" style="max-height:50px; width:auto;">
</div>
<div class="fbox-content px-0">
<h3 class="nott ls0"><?=$lang_customization['words'][89]?></h3>
<p class="mt-2">
<?=$lang_customization['words'][90]?>.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature-box p-4 media-box customizationcard" style="min-height:300px;">
<div class="fbox-media fboximage">
<img src="https://<?=$imgweb?>/pic/mass-produce.svg" style="max-height:50px; width:auto;">
<img src="https://<?=$imgweb?>/pic/mass-produce-1.svg" style="max-height:50px; width:auto;">
</div>
<div class="fbox-content px-0">
<h3 class="nott ls0"><?=$lang_customization['words'][91]?></h3>
<p class="mt-2">
<?=$lang_customization['words'][92]?>.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature-box p-4 media-box customizationcard" style="min-height:300px;">
<div class="fbox-media fboximage">
<img src="https://<?=$imgweb?>/pic/packaging-design.svg" style="max-height:50px; width:auto;">
<img src="https://<?=$imgweb?>/pic/packaging-design-1.svg" style="max-height:50px; width:auto;">
</div>
<div class="fbox-content px-0">
<h3 class="nott ls0"><?=$lang_customization['words'][93]?></h3>
<p class="mt-2">
<?=$lang_customization['words'][94]?>.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature-box p-4 media-box customizationcard" style="min-height:300px;">
<div class="fbox-media fboximage">
<img src="https://<?=$imgweb?>/pic/deliver-goods.svg" style="max-height:50px; width:auto;">
<img src="https://<?=$imgweb?>/pic/deliver-goods-1.svg" style="max-height:50px; width:auto;">
</div>
<div class="fbox-content px-0">
<h3 class="nott ls0"><?=$lang_customization['words'][95]?></h3>
<p class="mt-2">
<?=$lang_customization['words'][96]?></p>
</div>
</div>
</div>
</div>
</div>
<div class="section mb-0" style="padding: 30px 0; background-color:#EDF5F8;border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;">
<div class="container">
<div class="heading-block bottommargin-sm border-bottom-0 mt-5 pt-3">
<h3 class="h2 nott" style="color:#3E7981;"><?=$lang_customization['words'][101]?></h3>
<p style="color:#A5C2C0;"><?=$lang_customization['words'][102]?></p></div>
<div class="line pt-0 pb-0 mt-0 mb-5"></div>
<div class="row">
<div class="col-md-12">
<ul class="clients-grid grid-2 grid-lg-3 grid-md-2 grid-sm-1 mb-0">
<li class="grid-item p-4">
<div class="feature-box media-box">
<div class="fbox-content px-0">
<h2 class="nott ls0 mb-3" style="color:#A7BFBF;">/01</h2>
<h3 class="nott ls0" style="color:#377783;"><?=$lang_customization['words'][111]?></h3>
<p class="mt-2">
( <?=$lang_customization['words'][112]?> )<br/>
<?=$lang_customization['words'][113]?>.
</p>
</div>
</div>
</li>
<li class="grid-item p-4">
<div class="feature-box media-box">
<div class="fbox-content px-0">
<h2 class="nott ls0 mb-3" style="color:#A7BFBF;">/02</h2>
<h3 class="nott ls0" style="color:#377783;"><?=$lang_customization['words'][114]?></h3>
<p class="mt-2">
( <?=$lang_customization['words'][115]?> )<br/>
<?=$lang_customization['words'][116]?>.
</p>
</div>
</div>
</li>
<li class="grid-item p-4">
<div class="feature-box media-box">
<div class="fbox-content px-0">
<h2 class="nott ls0 mb-3" style="color:#A7BFBF;">/03</h2>
<h3 class="nott ls0" style="color:#377783;"><?=$lang_customization['words'][117]?></h3>
<p class="mt-2">
( <?=$lang_customization['words'][118]?> )<br/>
<?=$lang_customization['words'][119]?>.
</p>
</div>
</div>
</li>
<li class="grid-item p-4">
<div class="feature-box media-box">
<div class="fbox-content px-0">
<h2 class="nott ls0 mb-3" style="color:#A7BFBF;">/04</h2>
<h3 class="nott ls0" style="color:#377783;"><?=$lang_customization['words'][120]?></h3>
<p class="mt-2">
( <?=$lang_customization['words'][121]?> )<br/>
<?=$lang_customization['words'][122]?>.
</p>
</div>
</div>
</li>
<li class="grid-item p-4">
<div class="feature-box media-box">
<div class="fbox-content px-0">
<h2 class="nott ls0 mb-3" style="color:#A7BFBF;">/05</h2>
<h3 class="nott ls0" style="color:#377783;"><?=$lang_customization['words'][123]?></h3>
<p class="mt-2">
( <?=$lang_customization['words'][124]?> )<br/>
<?=$lang_customization['words'][125]?>.
</p>
</div>
</div>
</li>
<li class="grid-item p-4">
<div class="feature-box media-box">
<div class="fbox-content px-0">
<h2 class="nott ls0 mb-3" style="color:#A7BFBF;">/06</h2>
<h3 class="nott ls0" style="color:#377783;"><?=$lang_customization['words'][126]?>
</h3>
<p class="mt-2">
( <?=$lang_customization['words'][127]?> )<br/>
<?=$lang_customization['words'][128]?>.
</p>
</div>
</div>
</li>
</ul>
</div></div>
</div>
</div>
<div class="container clearfix">
<div class="heading-block center bottommargin-sm border-bottom-0 mt-5 pt-3">
<h3 class="h2 nott mb-3" style="color:#3E7981;">
<?=$lang_customization['words'][131]?>!
</h3>
<p style="color:#A5C2C0;">
<?=$lang_customization['words'][132]?>
</p></div>
<? include("a_feedback.php");
?>
<div class="row pt-5">
<div class="col-md-12">
<div class="gomap" style="max-height:680px; width:100%;">
<iframe src="https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d7312.496956594626!2d113.57163107954449!3d23.595420000000004!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMjPCsDM1JzQzLjUiTiAxMTPCsDM0JzI3LjEiRQ!5e0!3m2!1sen!2s!4v1732089549841!5m2!1sen!2s" width="100%" height="676" style="border: 2px solid #8EC5BF; max-height:676px; width:100%; border-radius: 10px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
<div class="w-100 position-relative pt-5 mb-5">
<div class="donor-img d-flex align-items-center rounded parallax mx-auto shadow-sm w-100" style="background: url('/pic/about-bg-101.jpg') no-repeat center center / cover">
<div class="row mx-6 my-6">
<div class="col-sm-12 col-md-6">
<div class="card bg-transparent border-0">
<div class="card-body dark">
<h3 class="mb-3">
<?=$lang['words'][313]?>.
</h3>
</div>
</div>
</div></div>
</div>
</div>
<div class="w-100">
<h3 style="color:#3E7981;" class="font-bold"><?=$lang['words'][314]?></h3>
<div class="owl-carousel product-carousel carousel-widget" data-margin="30" data-pagi="false" data-autoplay="5000" data-items-xs="1" data-items-md="2" data-items-lg="3" data-items-xl="4">
<? $reprodsql=$db->selectarray("select id,name,sn,picture,name2,price,sizes from ".$noe_version."_products where member_id=".$id." order by rand() LIMIT 0,8");
while(@$reprod=mysqli_fetch_row($reprodsql)){
?>
<div class="oc-item">
<div class="charity-card h-shadow shadow-ts card rounded-5 mb-3">
<div class="product p-3">
<div class="product-image">
<a href="/<?=$db->turn_name($reprod[4])?>_product<?=$reprod[0]?>.html" title="<?=$reprod[1]?>"><img src="https://<?=$imgprod?>/upload/middle/<?=$reprod[3]?>" alt="<?=$reprod[1]?>"></a>
</div>
<div class="product-desc">
<div class="product-title mb-0">
<p class="fw-semibold mb-2 mt-2"><?=$reprod[2]?></p>
<h4 class="mb-0" style="min-height:135px;"><a class="fw-medium" href="/<?=$db->turn_name($reprod[4])?>_product<?=$reprod[0]?>.html" title="<?=$reprod[1]?>"><?=$reprod[1]?></a></h4></div>
</div>
<div class="row justify-content-between align-items-center pb-0 mb-0 pt-3">
<div class="col-md-6">
<? if ($reprod[6]!=="") {?>
<img src="https://<?=$imgweb?>/pic/sizes-<?=($reprod[6])?>.png" style="max-height:50px; width:auto;">
<? }?>
</div>
<div class="col-md-6 text-right">
<a href="/<?=$db->turn_name($reprod[4])?>_product<?=$reprod[0]?>.html#Feedback" class="button button-small button-rounded button-border button-teal"><?=$lang['words'][316]?></a>
</div>
</div>
</div>
</div>
</div>
<? }?>
</div>
</div>
</div>
</div>
</section>
<? include("foot.php");?>