|
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/rabbithabit.com/public_html/application/views/themes/3/ |
Upload File : |
<?php
if($this->session->userdata('site_lang') == 'english') {
for ($i=1; $i<=4; $i++) {
$about['title'.$i] = $about['title'.$i.'_en'];
$about['body_text'.$i] = $about['body_text'.$i.'_en'];
}
}
?>
<div class="about-page-content pt-100 pb-25 mb-sm-45" style="<?= $bg_section_color; ?>">
<div class="container">
<!-- <div class="row mb-50" style="margin: 0 auto;">
<div class="col-md-12 text-center">
<ul>
<li style="display: inline-block;">
<h3>
<a href="javascript:void(0)">
About Us
</a>
</h3>
</li>
</ul>
</div>
</div> -->
<div class="row blok_video">
<div class="col-lg-5 mb-md-50 mb-sm-50" data-aos="fade-zoom-in" data-aos-easing="ease-in-back" data-aos-delay="90" data-aos-offset="0">
<!-- <div class="about-page-text">
<h2 style="text-align: left; color:#2B286E; margin-bottom:10px;">
<?= $about['title1']; ?>
</h2>
<div class=" mb-35" style="text-align: justify;padding: 0px;">
<?= $about['body_text1']; ?>
</div>
</div> -->
<div class="div_banner1 single-banner-image text-center text-md-right" style="background: url('<?= base_url('uploads/').$about['img2']; ?>'); background-size: cover;background-repeat: no-repeat;background-position: center;">
<img style="visibility: hidden; max-height: 354px;" src="<?= base_url('uploads/').$about['img2']; ?>" class="img-fluid" alt="">
</div>
</div>
<div class="col-lg-7 mb-md-50 mb-sm-50" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
<!--======= about page 2 image =======-->
<div class="blok-about-video-bg-area">
<div style="background-size: cover !important;background-repeat: no-repeat !important;background-position: center right !important;background: url('<?= base_url('uploads/').$about['img1']; ?>');" class="about-video-bg-area about-video-bg-1 pt-sm-200 pb-sm-200 pt-xs-150 pb-xs-150 mb-50">
<!--======= End of floating-text left =======-->
<div class="play-icon text-center mb-40 pt-70">
<?php if($about['video_link'] !== '') : ?>
<a href="<?= $about['video_link']; ?>" class="popup-video">
<img src="<?= base_url('themes/'.$theme.'/'); ?>assets/images/icons/icon-play-100x100.png" class="img-fluid" alt="">
</a>
<?php endif; ?>
</div>
<h1 style="text-align: center; color:#2B286E">
<?= $about['video_title']; ?>
</h1>
</div>
</div>
<!--======= End of about page 2 image =======-->
</div>
</div>
</div>
</div>
<div class="about-page-content pb-100" style="<?= $bg_section_color; ?>">
<div class="container">
<div class="row">
<div class="col-12 mb-50" data-aos="fade-zoom-in" data-aos-easing="ease-in-back" data-aos-delay="90" data-aos-offset="0">
<div class="div_banner2 single-banner-image text-center text-md-right" style="background: url('<?= base_url('uploads/').$about['img3']; ?>'); background-size: cover;background-repeat: no-repeat;background-position: center;">
<img style="visibility: hidden; " src="<?= base_url('uploads/').$about['img3']; ?>" class="img-fluid div_banner2_desktop" alt="">
<img style="visibility: hidden; display: none;" src="<?= base_url('uploads/').$about['img4']; ?>" class="img-fluid div_banner2_mobile" alt="">
</div>
</div>
<?php for ($i=2; $i<=4; $i++): ?>
<!-- <div class="col-12 col-md-4 <?= $i == 2 ? 'mb-sm-50' : ''; ?>">
<div class="about-single-block" data-aos="flip-right">
<h3 style="text-align: center; color:#2B286E;">
<?= $about['title'.$i]; ?>
</h3>
<div class="about-single-block-img" style="text-align: center; margin-bottom: 40px;">
<img src="<?= base_url('uploads/').$about['img'.$i]; ?>" class="img-fluid" alt="" style="width: 68px;">
</div>
<?= $about['body_text'.$i]; ?>
</div>
</div> -->
<?php endfor; ?>
</div>
</div>
</div>
<style>
.about-single-block .about_body_text{
font-size: 15px;
line-height: 23px;
margin-bottom: 40px;
letter-spacing: 0.5px;
padding: 40px;
padding-top: 0px;
text-align: justify;
}
@media (max-width: 450px){
.about-page-content.pb-25{
padding-bottom: 5px !important;
}
.about-page-content.pb-100{
padding-top: 5px !important;
}
.div_banner1,
.div_banner2{
margin-left: 15px !important;
margin-right: 15px !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: auto !important;
}
.div_banner2{
background: url('<?= base_url('uploads/').$about['img4']; ?>') !important;
background-size: 100% 100% !important;
}
.div_banner2_desktop{
display: none;
}
.div_banner2_mobile{
display: initial !important;
}
/*.div_banner2 img {
height: auto !important;
min-height: 330px !important;
content: url('<?= base_url('uploads/').$about['img4']; ?>') !important;
}*/
.about-video-bg-area {
margin-bottom: 10px !important;
}
.blok_video .about-page-text,
.about-single-block p,
.about-single-block-img,
.blok-about-video-bg-area{
padding-left: 15px !important;
padding-right: 15px !important;
}
.about-page-content .blok_video{
/*display: inline-flex;
width: 100%;*/
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.about-page-content{
padding-top: 30px !important;
}
.about-page-content.pb-100{
padding-bottom: 20px !important;
}
.about-page-content.mb-sm-45{
margin-bottom: 0px !important;
}
.about-page-content .row.mb-50{
margin-bottom: 20px !important;
}
.about-single-block p {
font-size: 12px;
}
.about-page-content h1{
font-size: 30px !important;
line-height: 30px !important;
}
.about-page-content h2{
font-size: 26px !important;
line-height: 26px !important;
}
.about-page-content h3{
font-size: 24px !important;
line-height: 24px !important;
}
.about-page-content.mb-100{
margin-bottom: 10px !important;
}
.about-page-content .col-lg-5.mb-sm-50,
.about-page-content .col-lg-7.mb-sm-50,
.about-page-content .col-12.mb-sm-50{
margin-bottom: 10px !important;
}
.about-page-text .mb-35{
margin-bottom: 5px !important;
padding-bottom: 5px !important;
}
.about-single-block p{
padding-bottom: 5px !important;
}
}
</style>