Skip to content

Commit

Permalink
make the hompage into different small parts
Browse files Browse the repository at this point in the history
  • Loading branch information
ashrafbd1496 committed Jan 23, 2022
1 parent 4093602 commit 8e139e6
Show file tree
Hide file tree
Showing 8 changed files with 449 additions and 438 deletions.
445 changes: 7 additions & 438 deletions page-templates/homepage.php

Large diffs are not rendered by default.

21 changes: 21 additions & 0 deletions template-parts/common/flickr.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<!--flickr section start-->
<section class="">
<div class="container">
<div class="row justify-content-md-center">
<div class="col-md-8">
<div class="section-title text-center">
<h2 class="title ">SimpleShop on Flickr</h2>
</div>
</div>
</div>
</div>
<div class="flickr-list">
<a href="#" style="background-image: url('<?php echo get_template_directory_uri(); ?>/assets/img/s1.jpg')"></a>
<a href="#" style="background-image: url('<?php echo get_template_directory_uri(); ?>/assets/img/sb.jpg')"></a>
<a href="#" style="background-image: url('<?php echo get_template_directory_uri(); ?>/assets/img/s2.jpg')"></a>
<a href="#" style="background-image: url('<?php echo get_template_directory_uri(); ?>/assets/img/s3.jpg')"></a>
<a href="#" style="background-image: url('<?php echo get_template_directory_uri(); ?>/assets/img/s4.jpg')"></a>
<a href="#" style="background-image: url('<?php echo get_template_directory_uri(); ?>/assets/img/s5.jpg')"></a>
</div>
</section>
<!-- flickr section end-->
29 changes: 29 additions & 0 deletions template-parts/common/offer.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
<!--offer section start-->
<section class="space-3 space-adjust">
<div class="container ">
<div class="row no-gutters text-center">
<div class="col-md-4">
<div class="offer-box border p-5">
<i class="bi bi-delivery-van"></i>
<h5 class="font-weight-bold mt-3 mb-0">Free Shipping</h5>
<p class="mb-0">On all order over $39.00</p>
</div>
</div>
<div class="col-md-4 ">
<div class="offer-box border p-5 border-adjust">
<i class="bi bi-delivery-van"></i>
<h5 class="font-weight-bold mt-3 mb-0">30 Days Return</h5>
<p class="mb-0">Money back Guarantee</p>
</div>
</div>
<div class="col-md-4 ">
<div class="offer-box border p-5">
<i class="bi bi-delivery-van"></i>
<h5 class="font-weight-bold mt-3 mb-0">Secure Checkout</h5>
<p class="mb-0">100% Protected by paypal</p>
</div>
</div>
</div>
</div>
</section>
<!--offer section end-->
19 changes: 19 additions & 0 deletions template-parts/homepage/banner.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@

<!--hero section start-->
<div id="home">
<section class="hero js_full_height base-gradient- " style="background-image: url('<?php echo get_template_directory_uri(); ?>/assets/img/hero.jpg');">
<div class="hero-content">
<div class="container">
<div class="row">
<div class="col-md-5" data-wow-duration="2s" data-wow-delay="1s">
<h1 class="hero-title">Olive color winter jacket
for ladies
</h1>
<a href="#" class="hero-link">Winter Fashion</a>
</div>
</div>
</div>
</div>
</section>
</div>
<!--hero section end-->
86 changes: 86 additions & 0 deletions template-parts/homepage/popular-product.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,86 @@

<!--product section start-->
<section class="space-3">
<div class="container">
<div class="row justify-content-md-center">
<div class="col-md-8">
<div class="section-title text-center">
<h2 class="title ">Popular Product</h2>
<!--<div class="sub-title">37 New fashion products arrived recently in our showroom for this-->
<!--winter-->
<!--</div>-->
</div>
</div>

<div class="col-md-12">
<ul class="products columns-3">
<li class="product">
<div class="product-wrap">
<a href="#" class="">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/p10.jpg" alt="">
</a>
<a href="#" class="button product_type_simple add_to_cart_button ajax_add_to_cart">
<i class="fa fa-shopping-basket"></i>
</a>
</div>
<div class="woocommerce-product-title-wrap">
<h2 class="woocommerce-loop-product__title">
<a href="#">Stitched leather sports shoe</a>
</h2>
<a href="#" class="wish-list"><i class="fa fa-heart-o"></i></a>
</div>
<span class="price">
<span class="woocommerce-Price-amount amount">
<span class="woocommerce-Price-currencySymbol">$</span> 18.00
</span>
</span>
</li>
<li class="product">
<div class="product-wrap">
<a href="#" class="">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/p11.jpg" alt="">
</a>
<a href="#" class="button product_type_simple add_to_cart_button ajax_add_to_cart">
<i class="fa fa-shopping-basket"></i>
</a>
</div>
<div class="woocommerce-product-title-wrap">
<h2 class="woocommerce-loop-product__title">
<a href="#">Stitched leather sports shoe</a>
</h2>
<a href="#" class="wish-list"><i class="fa fa-heart-o"></i></a>
</div>
<span class="price">
<span class="woocommerce-Price-amount amount">
<span class="woocommerce-Price-currencySymbol">$</span> 18.00
</span>
</span>
</li>
<li class="product last">
<div class="product-wrap">
<a href="#" class="">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/p12.jpg" alt="">
</a>
<a href="#" class="button product_type_simple add_to_cart_button ajax_add_to_cart">
<i class="fa fa-shopping-basket"></i>
</a>
</div>
<div class="woocommerce-product-title-wrap">
<h2 class="woocommerce-loop-product__title">
<a href="#">Stitched leather sports shoe</a>
</h2>
<a href="#" class="wish-list"><i class="fa fa-heart-o"></i></a>
</div>
<span class="price">
<span class="woocommerce-Price-amount amount">
<span class="woocommerce-Price-currencySymbol">$</span> 18.00
</span>
</span>
</li>
</ul>
</div>

</div>
</div>
</section>
<!-- product section end-->
17 changes: 17 additions & 0 deletions template-parts/homepage/product-category.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<!--shop category start-->
<section class="space-3">
<div class="container sm-center">
<div class="row">
<div class="col-md-12">
<div class="section-title text-center">
<h2 class="title"> Shop By Category</h2>
</div>
</div>

<div class="col-md-12">
<?php echo do_shortcode("[product_categories columns=3]"); ?>
</div>
</div>
</div>
</section>
<!--shop category end-->
Loading

0 comments on commit 8e139e6

Please sign in to comment.