|
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/ptbos.biz/public_html/application/views/ |
Upload File : |
<style>
@media (max-width: 768px) {
.contact-info-content {
padding-left: 10%;
}
}
.vertical-panel-content {
display: none;
}
</style>
<?php $contact = $this->db->select('background_home, contact_message')->from('configuration')->where('id_configuration',1)->get()->row(); ?>
<div class="layout">
<main class="main main-inner main-contacts" data-stellar-background-ratio="0.6" style="background: url(<?=base_url('uploads/'.$contact->background_home)?>); background-size: cover;">
<div class="container">
<header class="main-header">
<h1><?= $contact->contact_message ?></h1>
</header>
</div>
<div class="page-lines">
<div class="container">
<div class="col-line col-xs-4">
<div class="line"></div>
</div>
<div class="col-line col-xs-4">
<div class="line"></div>
</div>
<div class="col-line col-xs-4">
<div class="line"></div>
<div class="line"></div>
</div>
</div>
</div>
</main>
<style>
iframe {
height: 20em;
}
#map iframe {
height: 30em;
}
@media (max-width: 768px) {
#map iframe {
width: 100%;
height: 28em;
}
}
</style>
<div class="content">
<section class="contact-details" style="display: none;">
<div class="col-map col-md-7">
<div id="map" class="gmap col-md-8" style="text-align: center;">
<h3 style="text-align: center;">OPERATIONAL OFFICE</h3>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3966.592069429298!2d106.92442926486606!3d-6.185310912326121!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e698b3aeeca6aed%3A0x79a3ad623dc16906!2sPT.+KONTINUM+GLOBAL+STUDIO!5e0!3m2!1sid!2sid!4v1555903701369!5m2!1sid!2sid" width="480" frameborder="0" style="border:0;text-align: center;" allowfullscreen></iframe>
</div>
</div>
<div class="contact-info col-md-5 col-md-offset-7">
<div class="contact-info-content">
<div class="contact-info-title">Contacts</div>
<div class="phone contact-row">
<i class="fa fa-phone"></i>
<div class="contact-body">
<h4>Phone</h4>
<div class="contact-content">+62 21 468 30 672 </div>
</div>
</div>
<div class="contact-row">
<i class="fa fa-envelope"></i>
<div class="contact-body">
<h4>Email</h4>
<div class="contact-content">info@kontinumdesign.com</div>
</div>
</div>
</div>
</div>
</section>
<div class="container">
<div class="col-sm-12" style="padding-top: 50px;">
<div class="row" style="text-align: center;">
<div class="col-sm-12 peta" style="text-align: center;">
<h2 class="section-title" id="company">HQ</h2>
<br>
<a href="https://maps.google.com/maps?ll=-6.229368,106.820366&z=16&t=m&hl=id&gl=ID&mapclient=embed&cid=1114758195611652685" target="_blank"><img src="<?=base_url('uploads/maps/desktop1.png')?>" alt="" class="img-responsive hidden-xs">
<img src="<?=base_url('uploads/maps/mobile1.png')?>" alt="" class="img-responsive visible-xs" style="width: 100%"></a>
<!-- <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3966.2599778377294!2d106.8181896148664!3d-6.22941641274119!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69f3e2fcab704d%3A0xf786aac33e3524d!2sGraha+BIP!5e0!3m2!1sid!2sid!4v1555903775550!5m2!1sid!2sid" width="100%" frameborder="0" style="border:0" allowfullscreen></iframe> -->
</div>
</div>
<div class="row" style="text-align: center; display: none;">
<div class="col-sm-6">
<br>
<br>
<h3 style="text-align: center;">FURNITURE FACTORY</h3>
<br>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3965.086805836226!2d106.6598233!3d-6.3827967999999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69e426c1bb0a1d%3A0xde60bb996c4d2465!2sPergudangan+Sigma+Kartika!5e0!3m2!1sid!2sid!4v1555903788166!5m2!1sid!2sid" width="100%" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
<style>
.loc {
padding-top: 10px;
text-align: center;
}
a, a:hover {
text-decoration: none;
cursor: pointer;
}
</style>
<div class="row loc">
<div class="col-sm-6 loc">
<a id="loc1"><i class="fa fa-map-marker"> </i><span style="font-weight: bold;">HQ</span><br>Graha BIP Lantai 9<br>Jl. Jend.Gatot Subroto Kav. 23, RT.002/RW.002<br>Karet Semanggi, Setiabudi,<br>Jakarta Selatan 12930</a>
</div>
<div class="col-sm-6 loc">
<a id="loc2"><i class="fa fa-map-marker"> </i><span style="font-weight: bold;">Operational Office</span><br>
Bizzpark Commercial Estate. Blok A5 no 58 - 60<br>Jl. Bekasi Raya, RT.08/RW.04<br> Rawa. Terate, Cakung<br> Jakarta Timur 13920</a>
</div>
</div>
<div class="row loc">
<div class="col-sm-12 loc">
<a id="loc3"><i class="fa fa-map-marker"> </i><span style="font-weight: bold;">Furniture Factory</span><br>Pergudangan Sigma Kartika<br>
Jl. Gunung Sindur No.20<br> Kel. Gunung Sindur, Kec. Gunung Sindur<br>Jawa Barat 16340</a>
</div>
</div>
<header class="section-header" style="padding-top: 100px">
<h2 class="section-title">
<?php
function title($title) {
$tes = explode(" ",$title);
$new_tes = "";
for($i=0; $i<count($tes)-1; $i++){
$new_tes .= $tes[$i]." ";
}
$color = "<span class='text-primary'>".$tes[count($tes)-1]."</span>";
echo $new_tes.$color;
}
title($contact->contact_message);
?>
</h2>
<!-- <strong class="fade-title-right">contacts</strong> -->
</header>
<div class="section-content" style="margin-top: 5em">
<div class="row-base row">
<!-- <div class="col-address col-base col-md-4">
+62 (21) 468 30 672
<br>
Bizpark Commercial Estate, block A5 no. 58-60 Jl. Bekasi Raya, Cakung, Jakarta Timur, Indonesia
</div> -->
<div class="col-base col-md-12">
<form class="js-ajax-form">
<div class="row-field row">
<div class="col-field col-sm-6 col-md-4">
<div class="form-group">
<input type="text" class="form-control" name="name" placeholder="Name">
</div>
<div class="form-group">
<input type="email" class="form-control" name="email" required placeholder="Email *">
</div>
</div>
<div class="col-field col-sm-6 col-md-4">
<div class="form-group">
<input type="tel" class="form-control" name="phone" placeholder="Phone">
</div>
<div class="form-group">
<input type="text" class="form-control" name="company" placeholder="Company">
</div>
</div>
<div class="col-field col-sm-12 col-md-4">
<div class="form-group">
<textarea class="form-control" name="message" placeholder="Message"></textarea>
</div>
</div>
<div class="col-message col-field col-sm-12">
<div class="form-group">
<div class="success-message"><i class="fa fa-check text-primary"></i> Thank you!. Your message is successfully sent...</div>
<div class="error-message">We're sorry, but something went wrong</div>
</div>
</div>
</div>
<div class="form-submit text-right"><button type="submit" class="btn btn-shadow-2">Send <i class="icon-next"></i></button></div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="col-md-12">
Share : <br>
<div class="sharethis-inline-share-buttons"></div>
</div>
</div>