Skip to content

Commit

Permalink
about us
Browse files Browse the repository at this point in the history 
About us page conversion completed
  • Loading branch information
@AmigoDheena
AmigoDheena committed Jun 27, 2020
1 parent 55a319f commit 3c8b90a
Show file tree
Hide file tree
Showing 3 changed files with 143 additions and 15 deletions.
2 changes: 1 addition & 1 deletion common/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -872,7 +872,7 @@ section {

.bg-3 { background: url(../images/story_bg_2.png) no-repeat center; background-size: 100%; }

.bg-4 { background: url(../images/slider_2_1920_600.jpg) no-repeat center; background-size: cover; }
/* .bg-4 { background: url(../images/slider_2_1920_600.jpg) no-repeat center; background-size: cover; } */

.bg-5 { background: url(../images/slider_3_1920_600.jpg) no-repeat center; background-size: cover; }

Expand Down
26 changes: 13 additions & 13 deletions footer.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,33 +3,33 @@
<div class="container-fluid">
<a href="index.html"><img src="<?php bloginfo('template_directory'); ?>/images/logo-white.png" alt="Logo"></a>
<?php
$footer_acf = get_field('footer');
$address = get_field('address');
$phone = get_field('phone');
$email = get_field('email');
$facebook= get_field('facebook');
$twitter= get_field('twitter');
$linkedin= get_field('linkedin');
// $footer_acf = get_field('footer');
// $address = get_field('address');
// $phone = get_field('phone');
// $email = get_field('email');
// $facebook= get_field('facebook');
// $twitter= get_field('twitter');
// $linkedin= get_field('linkedin');
?>
<div class="pt-30">
<p class="underline-secondary"><b>Address:</b></p>
<p><?php echo $address; ?></p>
<p>481 Creekside Lane Avila Beach, CA 93424</p>
</div>

<div class="pt-30">
<p class="underline-secondary mb-10"><b>Phone:</b></p>
<a href="tel:+53 345 7953 32453 "><?php echo $phone; ?></a>
<a href="tel:+53 345 7953 32453 ">+53 345 7953 32453</a>
</div>

<div class="pt-30">
<p class="underline-secondary mb-10"><b>Email:</b></p>
<a href="mailto:[email protected]"> <?php echo $email; ?></a>
<a href="mailto:[email protected]"> [email protected]</a>
</div>

<ul class="icon mt-30">
<li><a href="<?php echo $facebook; ?>"><i class="ion-social-facebook"></i></a></li>
<li><a href="<?php echo $twitter; ?>"><i class="ion-social-twitter"></i></a></li>
<li><a href="<?php echo $linkedin; ?>"><i class="ion-social-linkedin"></i></a></li>
<li><a href="#"><i class="ion-social-facebook"></i></a></li>
<li><a href="#"><i class="ion-social-twitter"></i></a></li>
<li><a href="#"><i class="ion-social-linkedin"></i></a></li>
<!-- <li><a href="#"><i class="ion-social-dribbble-outline"></i></a></li>-->
<!-- <li><a href="#"><i class="ion-social-pinterest"></i></a></li> -->
<!-- <li><a href="#"><i class="ion-social-vimeo"></i></a></li>-->
Expand Down
130 changes: 129 additions & 1 deletion template-about.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,4 +4,132 @@
Author: Amigo Dheena
*/
get_header();
get_footer();
$about_hero = get_field('about_hero');
?>

<section class="bg-4 h-500x main-slider pos-relative" style="background:url('<?php echo the_post_thumbnail_url(); ?>') no-repeat center; background-size: cover;">
<div class="triangle-up pos-bottom"></div>
<div class="container h-100">
<div class="dplay-tbl">
<div class="dplay-tbl-cell center-text color-white pt-90">
<h5><b><?php echo $about_hero['small_title'] ?></b></h5>
<h2 class="mt-30 mb-15"><?php echo $about_hero['long_title'] ?></h2>
</div><!-- dplay-tbl-cell -->
</div><!-- dplay-tbl -->
</div><!-- container -->
</section>

<?php

$we_are_lugais = get_field('we_are_lugais');
?>
<section class="story-area left-text center-sm-text">
<div class="container">
<div class="row">
<div class="col-md-6"><img class="mb-30" src="<?php echo $we_are_lugais['left_image']; ?>" alt=""></div>
<div class="col-md-6"><img class="mb-30" src="<?php echo $we_are_lugais['right_image']; ?>" alt=""></div>
<div class="col-md-12">
<div class="mt-50 mt-sm-30 mb-50 mb-sm-30 center-text"> <h2><?php echo $we_are_lugais['mail_title']; ?></h2> </div>

<h5 class="center-text mb-50 mb-sm-30 plr-25"><?php echo $we_are_lugais['main_description']; ?></h5>
</div>
<div class="col-md-6">
<p class="mb-15"><?php echo $we_are_lugais['left_description']; ?> </p>
</div><!-- col-md-6 -->
<div class="col-md-6">
<p class="mb-15"><?php echo $we_are_lugais['right_description']; ?> </p>
</div><!-- col-md-6 -->
</div><!-- row -->

<h6 class="center-text mt-40 mt-sm-30 mb-20">
<a href="<?php echo $we_are_lugais['left_menu_link']; ?>" class="btn-primaryc plr-25 mb-10 mlr-5"><b><?php echo $we_are_lugais['left_menu']; ?></b></a>
<a href="<?php echo $we_are_lugais['right_menu_link']; ?>" class="btn-primaryc secondary plr-50 mlr-5 mb-10"><b><?php echo $we_are_lugais['right_menu']; ?></b></a>
</h6>

</div><!-- container -->
</section>


<section class="story-area bg-seller color-white pos-relative">
<div class="pos-bottom triangle-up"></div>
<div class="pos-top triangle-bottom"></div>
<div class="container">
<div class="heading">
<img class="heading-img" src="<?php bloginfo('template_directory') ?>/images/heading_logo.png" alt="">
<h2>What Clients Say</h2>
</div>

<div class="swiper-container" data-slide-effect="slide" data-autoheight="false" data-swiper-speed="500" data-swiper-margin="25" data-swiper-slides-per-view="3"
data-swiper-breakpoints="true" data-scrollbar="true" data-swiper-loop="true" data-swpr-responsive="[1, 2, 2, 2]">


<?php if( have_rows('what_clients_say') ): ?>
<div class="swiper-wrapper pb-90 pb-sm-60 left-text center-sm-text">
<?php while( have_rows('what_clients_say') ): the_row();

// vars
$title = get_sub_field('title');
$description = get_sub_field('description');
$image = get_sub_field('image');
$name = get_sub_field('name');
$position = get_sub_field('position');

?>
<div class="swiper-slide">
<h4><?php echo $title; ?></h4>
<p class="color-ash mb-50 mb-sm-30 mt-20"><?php echo $description; ?></p>
<img class="circle-60 mb-20 " src="<?php echo $image; ?>" alt="">
<h6><b class="color-primary"><?php echo $name; ?></b>,<b class="color-ash"><?php echo $position; ?></b>
</h6>
</div><!-- swiper-slide -->
<?php endwhile; ?>
</div><!-- swiper-wrapper -->
<?php endif; ?>
<div class="swiper-pagination"></div>
</div><!-- swiper-container -->
</div><!-- container -->
</section>

<section class="counter-section section center-text" id="counter">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-3">
<div class="mb-30 ">
<i class="mlr-auto mb-30 icon-gradient icon-pizza"></i>
<h2><b><span class="counter-value" data-duration="400" data-count="574">0</span></b>
</h2>
<h5 class="semi-black"><b>Pizza per day</b></h5>
</div><!-- margin-b-30 -->
</div><!-- col-md-3-->

<div class="col-sm-6 col-md-3">
<div class="mb-30">
<i class="mlr-auto mb-30 icon-gradient icon-sea-food"></i>
<h2><b><span class="counter-value" data-duration="1400" data-count="14">0</span></b>
</h2>
<h5 class="semi-black"><b>Sea Food Dshes</b></h5>
</div><!-- margin-b-30 -->
</div><!-- col-md-3-->

<div class="col-sm-6 col-md-3">
<div class="mb-30">
<i class="mlr-auto mb-30 icon-gradient icon-pasta"></i>
<h2><b><span class="counter-value" data-duration="300"
data-count="3">0</span></b></h2>
<h5 class="semi-black"><b>Pasta Chefs</b></h5>
</div><!-- margin-b-30 -->
</div><!-- col-md-3-->

<div class="col-sm-6 col-md-3">
<div class="mb-30">
<i class="mlr-auto mb-30 icon-gradient icon-salad"></i>
<h2><b><span class="counter-value" data-duration="1000" data-count="52">0</span></b>
</h2>
<h5 class="semi-black"><b>Salads per day</b></h5>
</div><!-- margin-b-30 -->
</div><!-- col-md-3-->

</div><!-- row-->
</div><!-- container-->
</section><!-- counter-section-->
<?php get_footer();

0 comments on commit 3c8b90a

Please sign in to comment.