From 3c8b90a710b4beb16b13eb0702e5c783bc9ce84a Mon Sep 17 00:00:00 2001
From: AmigoDheena <amigodheena@gmail.com>
Date: Sat, 27 Jun 2020 16:27:50 +0530
Subject: [PATCH] about us

About us page conversion completed
---
 common/styles.css  |   2 +-
 footer.php         |  26 ++++-----
 template-about.php | 130 ++++++++++++++++++++++++++++++++++++++++++++-
 3 files changed, 143 insertions(+), 15 deletions(-)

diff --git a/common/styles.css b/common/styles.css
index 8913412..2b5c8e6 100644
--- a/common/styles.css
+++ b/common/styles.css
@@ -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; }
 
diff --git a/footer.php b/footer.php
index 1adcbe6..c0b643f 100644
--- a/footer.php
+++ b/footer.php
@@ -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:yourmail@gmail.com"> <?php echo $email; ?></a>
+			<a href="mailto:yourmail@gmail.com"> yourmail@gmail.com</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>-->
diff --git a/template-about.php b/template-about.php
index dcda2f6..cf170a6 100644
--- a/template-about.php
+++ b/template-about.php
@@ -4,4 +4,132 @@
 Author: Amigo Dheena
 */
 get_header();
-get_footer();
\ No newline at end of file
+$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();
\ No newline at end of file