File: /var/www/html/wavecolordrop.com/wp-content/themes/color_drop/home1.php
<?php
/* Template Name: Homepage Template */
/**
* The template for displaying all single posts
*
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
*
* @package color_drop
*/
get_header();
?>
<main>
<!-- hero-area-start -->
<div class="tp-hero-4__area fix mt-5">
<?php
echo do_shortcode('[smartslider3 slider="2"]');
?>
<!-- <div class="tp-hero-4__bg p-relative" >
<div class="container custom-container-3">
<div class="row align-items-center">
<div class="col-xl-5 col-lg-6">
<div class="tp-hero-4__6">
<div class="tp-hero-4__left-box z-index">
<div class="tp-hero-4__section-box pb-15">
<h3 class="tp-hero-4-title wow tpfadeUp mb-30" data-wow-duration=".9s" data-wow-delay=".5s">Crafting Innovative <span class="common-text-color">Printing </span> Solutions</h3>
<p class="mb-30">Affortable prices with no compromises on quality.Get yout dream custom Printing & Packaging today!</p>
<a class="tp-btn-white purple-bg-color" href="javascript:void(0);">
Shop Now <span> <i class="fa fa-long-arrow-right"></i></span>
</a>
</div>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-6">
</div>
<div class="col-xl-5 col-lg-6">
<img src="<?php //echo get_template_directory_uri(); ?>/assets/img/hero/header-img-new.png" alt="">
</div>
</div>
</div>
</div> -->
</div>
<!-- hero-area-end -->
<!-- Crafting Wearable-area-start -->
<div class="tp-blog__area pt-90 pb-80">
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="tp-blog__section-box text-center pb-55">
<span class="tp-section-subtitle common-text-color">
<?php the_field('make_your_own_style_heading'); ?>
</span>
<h3 class="tp-section-title"><?php the_field('crafting_wearable_heading'); ?>
</h3>
<p><?php the_field('ideal_for_creators_paragrap'); ?></p>
</div>
</div>
</div>
<?php
if(have_rows('make_your_own_section_repeater')) :
while (have_rows('make_your_own_section_repeater')) : the_row();
?>
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 mb-30 wow tpfadeUp" data-wow-duration=".9s"
data-wow-delay=".3s">
<div class="tp-blog__item">
<div class="tp-blog__thumb">
<a href="javascript:void(0);">
<img class="w-100" src="<?php the_sub_field('make_your_own_image_1'); ?>">
</a>
</div>
<div class="tp-blog__content">
<h5 class="tp-blog__title"><a href="javascript:void(0);"><?php the_sub_field('make_your_own_heading_1'); ?></a></h5>
<p class="mt-3"><?php the_sub_field('make_your_own_paragrap_1'); ?></p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 mb-30 wow tpfadeUp" data-wow-duration=".9s"
data-wow-delay=".3s">
<div class="tp-blog__item">
<div class="tp-blog__thumb">
<a href="javascript:void(0);">
<img class="w-100" src="<?php the_sub_field('make_your_own_image_2'); ?>">
</a>
</div>
<div class="tp-blog__content">
<h5 class="tp-blog__title"><a href="javascript:void(0);"><?php the_sub_field('make_your_own_heading_2'); ?></a></h5>
<p class="mt-3"><?php the_sub_field('make_your_own_paragrap_2'); ?></p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 mb-30 wow tpfadeUp" data-wow-duration=".9s"
data-wow-delay=".3s">
<div class="tp-blog__item">
<div class="tp-blog__thumb">
<a href="javascript:void(0);">
<img class="w-100" src="<?php the_sub_field('make_your_own_image_3'); ?>">
</a>
</div>
<div class="tp-blog__content">
<h5 class="tp-blog__title"><a href="javascript:void(0);"><?php the_sub_field('make_your_own_heading_3'); ?></a></h5>
<p class="mt-3"><?php the_sub_field('make_your_own_paragrap_3'); ?></p>
</div>
</div>
</div>
</div>
<?php endwhile; endif; ?>
</div>
</div>
<!-- Crafting Wearable-area-end -->
<!-- 30 Day Online Returns-area-start -->
<div class="tp-footer-4-top__area index-section2">
<div class="container custom-container-3">
<div class="tp-footer-4-top__border">
<div class="row justify-content-center">
<?php
if(have_rows('30_day_online_returns_section_repeater')) :
while (have_rows('30_day_online_returns_section_repeater')) : the_row();
?>
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 mb-20 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
<div class="tp-footer-4-top__item item-border-1">
<div class="tp-feature-3__item d-flex align-items-center">
<div class="tp-feature-3__icon">
<span>
<img src="<?php the_sub_field('30_day_online_returns_img'); ?>" alt="" width="30" height="30" viewBox="0 0 60 56" fill="none">
</span>
</div>
<div class="tp-feature-3__text">
<h5><?php the_sub_field('30_day_online_returns_heading'); ?></h5>
</div>
</div>
</div>
</div>
<!-- <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 mb-20 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
<div class="tp-footer-4-top__item item-border-1">
<div class="tp-feature-3__item d-flex align-items-center">
<div class="tp-feature-3__icon">
<span>
<img src="<?php //the_sub_field('30_day_online_returns_image_2'); ?>" alt="" width="30" height="30" viewBox="0 0 60 56" fill="none">
</span>
</div>
<div class="tp-feature-3__text">
<h5><?php //the_sub_field('30_day_online_returns_heading_2'); ?></h5>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 mb-20 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
<div class="tp-footer-4-top__item item-border-1">
<div class="tp-feature-3__item d-flex align-items-center">
<div class="tp-feature-3__icon">
<span>
<img src="<?php //the_sub_field('30_day_online_returns_image_3'); ?>" alt="" width="25" height="30" viewBox="0 0 60 56" fill="none">
</span>
</div>
<div class="tp-feature-3__text">
<h5><?php //the_sub_field('30_day_online_returns_heading_3'); ?></h5>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 mb-20 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
<div class="tp-footer-4-top__item item-border-1">
<div class="tp-feature-3__item d-flex align-items-center">
<div class="tp-feature-3__icon">
<span>
<img src="<?php //the_sub_field('30_day_online_returns_image_4'); ?>" alt="" width="25" height="30" viewBox="0 0 60 56" fill="none">
</span>
</div>
<div class="tp-feature-3__text">
<h5><?php //the_sub_field('30_day_online_returns_heading_4'); ?></h5>
</div>
</div>
</div>
</div> -->
<!-- <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 mb-20 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".5s">
<div class="tp-footer-4-top__item item-border-2">
<div class="tp-feature-3__item d-flex align-items-center">
<div class="tp-feature-3__icon">
<span>
<img src="<?php //echo get_template_directory_uri(); ?>/assets/img/icon/free-delivery.png" alt="" width="40" height="30" viewBox="0 0 60 56" fill="none">
</span>
</div>
<div class="tp-feature-3__text">
<h5>Free delivery worldwide</h5>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 mb-20 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".7s">
<div class="tp-footer-4-top__item item-border-3">
<div class="tp-feature-3__item d-flex align-items-center">
<div class="tp-feature-3__icon">
<span>
<img src="<?php //echo get_template_directory_uri(); ?>/assets/img/icon/low-price.png" alt="" width="30" height="30" viewBox="0 0 60 56" fill="none">
</span>
</div>
<div class="tp-feature-3__text">
<h5>Low price guarantee</h5>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 mb-20 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".9s">
<div class="tp-footer-4-top__item item-border-4">
<div class="tp-feature-3__item d-flex align-items-center">
<div class="tp-feature-3__icon">
<span>
<img src="<?php //echo get_template_directory_uri(); ?>/assets/img/icon/top-notch-support.svg" alt="" width="30" height="30" viewBox="0 0 60 56" fill="none">
</span>
</div>
<div class="tp-feature-3__text">
<h5>Top-notch support</h5>
</div>
</div>
</div>
</div> -->
<?php endwhile; endif; ?>
</div>
</div>
</div>
</div>
<!-- 30 Day Online Returns-area-end -->
<!-- Premium-area-start -->
<div class="tp-feature-4__area pb-60 pt-90">
<div class="container custom-container-3">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-6 wow tpfadeUp">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-6 mb-20 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
<div class="tp-feature-4__item p-relative">
<div class="tp-feature-4__thumb">
<?php $headerImage = get_field('stationary_&_corporate_identity_img');
$alt = $headerImage['alt'];
?>
<img src="<?php echo $headerImage['url']; ?>" alt="<?php echo $alt; ?>">
</div>
<div class="tp-feature-4__content">
<a class="tp-btn-white-sm" href="<?php the_field('stationary_&_corporate_identity'); ?>"><?php the_field('stationary_&_corporate_identity_btn'); ?></a>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".5s">
<div class="tp-feature-4__item p-relative">
<div class="tp-feature-4__thumb">
<?php $headerImage = get_field('business_cards_img');
$alt = $headerImage['alt'];
?>
<img src="<?php echo $headerImage['url']; ?>" alt="<?php echo $alt; ?>">
</div>
<div class="tp-feature-4__content">
<a class="tp-btn-white-sm" href="<?php the_field('business_cards_url'); ?>"><?php the_field('business_cards_btn'); ?></a>
</div>
</div>
</div>
</div>
<h4 class="tp-section-title mt-60">
<?php the_field('premium_quality_heading'); ?>
</h4>
<p><?php the_field('premium_quality_paragrap'); ?></p>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".7s">
<div class="tp-feature-4__item p-relative">
<div class="tp-feature-4__thumb">
<?php $headerImage = get_field('envelopes_img');
$alt = $headerImage['alt'];
?>
<img src="<?php echo $headerImage['url']; ?>" alt="<?php echo $alt; ?>">
</div>
<div class="tp-feature-4__content">
<a class="tp-btn-white-sm" href="<?php the_field('envelopes_url'); ?>"><?php the_field('envelopes_btn'); ?></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Premium-area-end -->
<!--Stationery Corporate Identity-area-start -->
<div class="stationery_corporate_section_area">
<div class="container custom-container-3">
<div class="row">
<?php
if(have_rows('stationery_repeater')) :
while (have_rows('stationery_repeater')) : the_row();
?>
<div class="col-xl-3 col-lg-4 col-md-6 mb-20 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
<div class="tp-feature-4__item p-relative">
<div class="tp-feature-4__thumb stationery_corporate_img">
<img src="<?php the_sub_field('stationery_image_1'); ?>" alt="">
</div>
<div class="tp-feature-4__content stationery_corporate_text">
<h4 class="mb-20"><?php the_sub_field('stationery_heading_1'); ?></h4>
<a class="tp-btn-white-sm" href="<?php the_sub_field('stationery_url_1'); ?>">
<?php the_sub_field('stationery_btn_1'); ?>
</a>
</div>
</div>
</div>
<!-- <div class="col-xl-3 col-lg-4 col-md-6 mb-20 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
<div class="tp-feature-4__item p-relative">
<div class="tp-feature-4__thumb stationery_corporate_img">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/stationery/stationery.png" alt="">
</div>
<div class="tp-feature-4__content stationery_corporate_text">
<h4 class="mb-20">Stationery &Corporate Identity</h4>
<a class="tp-btn-white-sm" href="javascript:void(0);">Explore Now <span> <i class="fa fa-long-arrow-right"></i></span></a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 mb-20 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".5s">
<div class="tp-feature-4__item p-relative">
<div class="tp-feature-4__thumb stationery_corporate_img">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/stationery/card.png" alt="">
</div>
<div class="tp-feature-4__content stationery_corporate_text">
<h4 class="mb-20">Business Cards</h4>
<a class="tp-btn-white-sm" href="javascript:void(0);">Explore Now <span> <i class="fa fa-long-arrow-right"></i></span></a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 mb-20 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".7s">
<div class="tp-feature-4__item p-relative">
<div class="tp-feature-4__thumb stationery_corporate_img">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/stationery/printing.png" alt="">
</div>
<div class="tp-feature-4__content stationery_corporate_text">
<h4 class="mb-30">CD/ DVD Printing</h4>
<a class="tp-btn-white-sm" href="javascript:void(0);">Explore Now <span> <i class="fa fa-long-arrow-right"></i></span></a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
<div class="tp-feature-4__item p-relative">
<div class="tp-feature-4__thumb stationery_corporate_img">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/stationery/envelope.png" alt="">
</div>
<div class="tp-feature-4__content stationery_corporate_text">
<h4 class="mb-50">Envelopes</h4>
<a class="tp-btn-white-sm" href="javascript:void(0);">Explore Now <span> <i class="fa fa-long-arrow-right"></i></span></a>
</div>
</div>
</div> -->
<?php endwhile; endif; ?>
</div>
</div>
</div>
<!-- Stationery Corporate Identity-area-end -->
<!-- Compromising-area-start -->
<div class="tp-deal-4__area tp-deal-4__bg fix p-relative">
<!-- <div class="tp-deal-4__shape-2 d-none d-xxl-block">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/product/deal-shape-4-1.png" alt="">
</div>
<div class="tp-deal-4__shape-3 d-none d-xl-block">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/product/deal-shape-4-2.png" alt="">
</div>
<div class="tp-deal-4__shape-4 d-none d-xl-block">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/product/deal-shape-4-3.png" alt="">
</div> -->
<div class="container custom-container-3">
<div class="row">
<?php
$headerImage = get_field('compromising_image');
$alt = $headerImage['alt'];
?>
<div class="col-xl-5 col-lg-6">
<div class="tp-deal-4__thumb-box p-relative">
<div class="tp-deal-4__main-thumb z-index-3">
<img src="<?php echo $headerImage['url']; ?>" alt="<?php echo $alt; ?>">
</div>
</div>
</div>
<div class="col-xl-1 col-lg-6">
</div>
<div class="col-xl-6 col-lg-6">
<div class="tp-deal-4__content-box">
<div class="tp-deal-4__section-box pb-10">
<?php the_field('compromising_top_heading'); ?><br>
<h4 class="compromising-tp-section-title mt-10">
<?php the_field('compromising_heading'); ?>
</h4>
<p><?php the_field('compromising_paragrap'); ?></p>
</div>
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-6">
<ul class="compromising-menu">
<li><?php the_field('compromising_list_para_1'); ?></li>
<li><?php the_field('compromising_list_para_2'); ?></li>
<li><?php the_field('compromising_list_para_3'); ?></li>
</ul>
</div>
<div class="col-xl-6 col-lg-6 col-md-6">
<ul class="compromising-menu">
<li><?php the_field('compromising_list_para_4'); ?></li>
<li><?php the_field('compromising_list_para_5'); ?></li>
</ul>
</div>
</div>
</div>
<a class="tp-btn-white purple-bg-color float-end mt-10" href="<?php the_field('compromising_url'); ?>"><?php the_field('compromising_btn'); ?></a>
</div>
</div>
</div>
</div>
<!-- Compromising-area-end -->
<!-- Printing-made-easy start -->
<div class="tp-fea-product__area p-relative grey-bg-2 pb-35 pt-115 grey-bg-2">
<!-- <div class="tp-fea-product__shape-1 d-none d-lg-block">
<img src="<?php //echo get_template_directory_uri(); ?>/assets/img/product/shappe-4-1.png" alt="">
</div>
<div class="tp-fea-product__shape-2 d-none d-xxl-block">
<img src="<?php //echo get_template_directory_uri(); ?>/assets/img/product/shappe-4-2.png" alt="">
</div> -->
<div class="container custom-container-3">
<div class="row">
<div class="col-xl-12">
<div class="tp-fea-product__section-box text-center mb-35">
<span class="tp-section-subtitle-5">PRINTING MADE EASY</span>
<h4 class="tp-section-title-2">What <span class="common-text-color">makes us</span> different
</h4>
</div>
</div>
</div>
<div class="row">
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-Cards" role="tabpanel"
aria-labelledby="nav-Cards-tab" tabindex="0">
<div class="tp-fea-product__wrapper">
<div class="row">
<?php
if(have_rows('printing_made_easy_repeater')) :
while (have_rows('printing_made_easy_repeater')) : the_row();
?>
<div class="col-xl-4 col-lg-4 col-md-6 mb-25 mt-30">
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-6 mb-25 mt-30">
<img src="<?php the_sub_field('printing_made_easy_image'); ?>" alt="">
</div>
<!-- <div class="col-xl-1 col-lg-4 col-md-6 mb-25">
</div> -->
<div class="col-xl-9 col-lg-4 col-md-6 mb-25">
<h4><?php the_sub_field('printing_made_easy_heading'); ?></h4>
<p><?php the_sub_field('printing_made_easy_paragrap'); ?></p>
</div>
</div>
</div>
<?php endwhile; endif; ?>
<!-- <div class="col-xl-4 col-lg-4 col-md-6 mb-25 mt-30">
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-6 mb-25 mt-30">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/icon/reliable-img.png" alt="">
</div>
<div class="col-xl-9 col-lg-4 col-md-6 mb-25">
<h4>Reliable quality</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quis lorem ut libero malesuada feugiat</p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-25 mt-30">
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-6 mb-25 mt-30">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/icon/smooth-img.png" alt="">
</div>
<div class="col-xl-9 col-lg-4 col-md-6 mb-25">
<h4>Smooth automation</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quis lorem ut libero malesuada feugiat</p>
</div>
</div>
</div> -->
</div>
<!-- <div class="row">
<div class="col-xl-4 col-lg-4 col-md-6 mb-25">
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-6 mb-25 mt-30">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/icon/custom-img.png" alt="">
</div>
<div class="col-xl-9 col-lg-4 col-md-6 mb-25">
<h4>Custom branding tools</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quis lorem ut libero malesuada feugiat</p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-25">
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-6 mb-25 mt-30">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/icon/intuitive-img.png" alt="">
</div>
<div class="col-xl-9 col-lg-4 col-md-6 mb-25">
<h4>Intuitive design tools</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quis lorem ut libero malesuada feugiat</p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-25">
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-6 mb-25 mt-30">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/icon/no-order-img.png" alt="">
</div>
<div class="col-xl-9 col-lg-4 col-md-6 mb-25">
<h4>No order minimums</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quis lorem ut libero malesuada feugiat</p>
</div>
</div>
</div>
</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Printing-made-easy end -->
<!-- amazing-products-area-start -->
<div class="tp-fea-product__area p-relative grey-bg-2 pb-35 pt-115 grey-bg-2">
<!-- <div class="tp-fea-product__shape-1 d-none d-lg-block">
<img src="<?php //echo get_template_directory_uri(); ?>/assets/img/product/shappe-4-1.png" alt="">
</div>
<div class="tp-fea-product__shape-2 d-none d-xxl-block">
<img src="<?php //echo get_template_directory_uri(); ?>/assets/img/product/shappe-4-2.png" alt="">
</div> -->
<div class="container custom-container-3">
<!-- <div class="row">
<div class="col-xl-12">
<div class="tp-fea-product__section-box text-center mb-35">
<span class="tp-section-subtitle-5"><?php //the_field('best_in_itself_heading'); ?></span>
<h4 class="tp-section-title-2"><?php //the_field('amazing_products_heading'); ?>
</h4>
<p><?php //the_field('amazing_products_paragrap'); ?></p>
</div>
</div>
</div> -->
<div class="row">
<div class="col-xl-12">
<div class="tp-fea-product__section-box text-center mb-35">
<span class="tp-section-subtitle-5">BEST IN ITSELF</span>
<h4 class="tp-section-title-2">Amazing <span class="common-text-color">Products</span> Just For You
</h4>
<p>Ideal for creators and online businesses who hate complexity but want results</p>
</div>
</div>
</div>
<div class="row">
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-Cards" role="tabpanel"
aria-labelledby="nav-Cards-tab" tabindex="0">
<div class="tp-fea-product__wrapper">
<div class="row">
<?php
$wpamazing = array(
'post_type'=>'amazing',
'post_status'=>'publish',
'order' => 'ASC',
'posts_per_page' => 4
);
$amazing_query = new WP_Query($wpamazing);
while($amazing_query->have_posts()){
$amazing_query->the_post();
$amazing_image_path = wp_get_attachment_image_src(
get_post_thumbnail_id(),'large');
?>
<div class="col-xl-3 col-lg-4 col-md-6 mb-25 mt-30">
<div class="tp-fea-product__item">
<div class="fix p-relative">
<img src="<?php echo $amazing_image_path[0] ?>">
<div class="tp-fea-product__thumb-text">
</div>
</div>
<div class="tp-fea-product__content text-center">
<!-- <div class="tp-fea-product__star">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star color"></i>
</div> -->
<h4 class="tp-fea-product__title-sm"><a
href="javascript:void(0);"><?php the_title(); ?></a></h4>
<span><?php the_content(); ?></span>
<!-- <del>120 AED</del> -->
<!-- <div class="tp-fea-product__price">
<span>100 AED</span>
<del>120 AED</del>
</div> -->
</div>
</div>
</div>
<?php } ?>
<!-- <div class="col-xl-3 col-lg-4 col-md-6 mb-25 mt-30">
<div class="tp-fea-product__item">
<div class="fix p-relative">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/product/trend-5-7.png" alt="">
<div class="tp-fea-product__thumb-text">
</div>
</div>
<div class="tp-fea-product__content text-center">
<h4 class="tp-fea-product__title-sm"><a
href="javascript:void(0);">Printed T-Shirts</a></h4>
<span>100 AED</span>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 mb-25 mt-30">
<div class="tp-fea-product__item">
<div class="fix p-relative">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/product/amazing-img-accessories.png" alt="">
<div class="tp-fea-product__thumb-text">
</div>
</div>
<div class="tp-fea-product__content text-center">
<h4 class="tp-fea-product__title-sm"><a
href="javascript:void(0);">Accessories</a></h4>
<span>100 AED</span>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 mb-25 mt-30">
<div class="tp-fea-product__item">
<div class="fix p-relative">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/product/banner-1-3.png" alt="">
<div class="tp-fea-product__thumb-text">
</div>
</div>
<div class="tp-fea-product__content text-center">
<h4 class="tp-fea-product__title-sm"><a href="javascript:void(0);">banners</a></h4>
<span>100 AED</span>
</div>
</div>
</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- amazing-products-area-end -->
<!-- Popular Product-area-start -->
<div class="new_launcher_section_area">
<div class="container custom-container-3">
<div class="row">
<div class="col-xl-12">
<div class="tp-blog-4__section-box text-center mb-55 mt-65">
<span class="tp-section-subtitle-5 common-text-color">OUR POPULAR PRODUCTS</span>
<h4 class="tp-section-title-2"><spanm class="common-text-color">Popular</span> Products</h4>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-2 col-lg-4 col-md-6 mb-50 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
<div class="tp-blog-4__item text-center">
<div class="new_launcher_box p-relative">
<a href="javascript:void(0);">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/popular/popular-business-cards.png" alt="">
</a>
</div>
<div class="new_launcher_top_content">
<h4 class="tp-blog-4__title text-center">
<a href="javascript:void(0);">Business Cards</a>
</h4>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-4 col-md-6 mb-50 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".5s">
<div class="tp-blog-4__item text-center">
<div class="new_launcher_box p-relative">
<a href="javascript:void(0);">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/popular/popular-T-shirts.png" alt="">
</a>
</div>
<div class="new_launcher_top_content">
<h4 class="tp-blog-4__title text-center"><a href="javascript:void(0);">T-shirts</a></h4>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-4 col-md-6 mb-50 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".7s">
<div class="tp-blog-4__item text-center">
<div class="new_launcher_box p-relative">
<a href="javascript:void(0);">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/popular/popular-gift-hampers.png" alt="">
</a>
</div>
<div class="new_launcher_top_content">
<h4 class="tp-blog-4__title text-center"><a href="javascript:void(0);">Gift Hampers</a></h4>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-4 col-md-6 mb-50 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
<div class="tp-blog-4__item text-center">
<div class="new_launcher_box p-relative">
<a href="javascript:void(0);">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/popular/popular-drinkwares.png" alt="">
</a>
</div>
<div class="new_launcher_top_content">
<h4 class="tp-blog-4__title text-center">
<a href="javascript:void(0);">Drinkwares</a>
</h4>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-4 col-md-6 mb-50 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".5s">
<div class="tp-blog-4__item text-center">
<div class="new_launcher_box p-relative">
<a href="javascript:void(0);">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/popular/popular-mailer-box.png" alt="">
</a>
</div>
<div class="new_launcher_top_content">
<h4 class="tp-blog-4__title text-center"><a href="javascript:void(0);">Mailer Boxes</a></h4>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-4 col-md-6 mb-50 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".7s">
<div class="tp-blog-4__item text-center">
<div class="new_launcher_box p-relative">
<a href="javascript:void(0);">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/popular/popular-sticker.png" alt="">
</a>
</div>
<div class="new_launcher_top_content">
<h4 class="tp-blog-4__title text-center"><a href="javascript:void(0);">Stickers</a></h4>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-2 col-lg-4 col-md-6 mb-50 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
<div class="tp-blog-4__item text-center">
<div class="new_launcher_box p-relative">
<a href="javascript:void(0);">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/popular/popular-backpack.png" alt="">
</a>
</div>
<div class="new_launcher_top_content">
<h4 class="tp-blog-4__title text-center">
<a href="javascript:void(0);">Backpacks</a>
</h4>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-4 col-md-6 mb-50 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".5s">
<div class="tp-blog-4__item text-center">
<div class="new_launcher_box p-relative">
<a href="javascript:void(0);">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/popular/popular-name-plate.png" alt="">
</a>
</div>
<div class="new_launcher_top_content">
<h4 class="tp-blog-4__title text-center"><a href="javascript:void(0);">Name Plates</a></h4>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-4 col-md-6 mb-50 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".7s">
<div class="tp-blog-4__item text-center">
<div class="new_launcher_box p-relative">
<a href="javascript:void(0);">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/popular/popular-booklet.png" alt="">
</a>
</div>
<div class="new_launcher_top_content">
<h4 class="tp-blog-4__title text-center"><a href="javascript:void(0);">Booklets</a></h4>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-4 col-md-6 mb-50 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
<div class="tp-blog-4__item text-center">
<div class="new_launcher_box p-relative">
<a href="javascript:void(0);">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/popular/popular-label.png" alt="">
</a>
</div>
<div class="new_launcher_top_content">
<h4 class="tp-blog-4__title text-center">
<a href="javascript:void(0);">Labels</a>
</h4>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-4 col-md-6 mb-50 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".5s">
<div class="tp-blog-4__item text-center">
<div class="new_launcher_box p-relative">
<a href="javascript:void(0);">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/popular/popular-pen.png" alt="">
</a>
</div>
<div class="new_launcher_top_content">
<h4 class="tp-blog-4__title text-center"><a href="javascript:void(0);">Pen</a></h4>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-4 col-md-6 mb-50 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".7s">
<div class="tp-blog-4__item text-center">
<div class="new_launcher_box p-relative">
<a href="javascript:void(0);">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/popular/popular-keychain.png" alt="">
</a>
</div>
<div class="new_launcher_top_content">
<h4 class="tp-blog-4__title text-center"><a href="javascript:void(0);">Keychains</a></h4>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Popular Product-area-end -->
<!-- New Launches-area-start -->
<div class="new_launcher_section_area">
<div class="container custom-container-3">
<div class="row">
<div class="col-xl-12">
<div class="tp-blog-4__section-box text-center mb-55 mt-65">
<span class="tp-section-subtitle-5 common-text-color">OUR NEW LAUNCHES</span>
<h4 class="tp-section-title-2">New <spanm class="common-text-color">Launches</span></h4>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-2 col-lg-4 col-md-6 mb-50 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
<div class="tp-blog-4__item text-center">
<div class="new_launcher_box p-relative">
<a href="javascript:void(0);">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/launches/launches-felxible-pouch.png" alt="">
</a>
</div>
<div class="new_launcher_top_content">
<h4 class="tp-blog-4__title text-center">
<a href="javascript:void(0);">Stand Up Pouches</a>
</h4>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-4 col-md-6 mb-50 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".5s">
<div class="tp-blog-4__item text-center">
<div class="new_launcher_box p-relative">
<a href="javascript:void(0);">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/launches/launches-packing-Lables.png" alt="">
</a>
</div>
<div class="new_launcher_top_content">
<h4 class="tp-blog-4__title text-center"><a href="javascript:void(0);">Sleeved Mailer Boxes</a></h4>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-4 col-md-6 mb-50 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".7s">
<div class="tp-blog-4__item text-center">
<div class="new_launcher_box p-relative">
<a href="javascript:void(0);">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/launches/launches-packing-tape.png" alt="">
</a>
</div>
<div class="new_launcher_top_content">
<h4 class="tp-blog-4__title text-center"><a href="javascript:void(0);">Paper Bags</a></h4>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-4 col-md-6 mb-50 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
<div class="tp-blog-4__item text-center">
<div class="new_launcher_box p-relative">
<a href="javascript:void(0);">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/launches/launches-paper-bag.png" alt="">
</a>
</div>
<div class="new_launcher_top_content">
<h4 class="tp-blog-4__title text-center">
<a href="javascript:void(0);">Courier Poly Bags</a>
</h4>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-4 col-md-6 mb-50 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".5s">
<div class="tp-blog-4__item text-center">
<div class="new_launcher_box p-relative">
<a href="javascript:void(0);">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/launches/launches-poly-bag.png" alt="">
</a>
</div>
<div class="new_launcher_top_content">
<h4 class="tp-blog-4__title text-center"><a href="javascript:void(0);">Packaging Labels</a></h4>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-4 col-md-6 mb-50 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".7s">
<div class="tp-blog-4__item text-center">
<div class="new_launcher_box p-relative">
<a href="javascript:void(0);">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/launches/launches-sleeved-mailer-box.png" alt="">
</a>
</div>
<div class="new_launcher_top_content">
<h4 class="tp-blog-4__title text-center"><a href="javascript:void(0);">Packing Tape</a></h4>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- New Launches-area-end -->
<!-- our-valuable-customers-area start -->
<!-- <div class="tp-brand-3__area mb-65">
<div class="container-fluid">
<div class="row">
<div class="col-xl-8 col-lg-4 col-md-6 mt-30">
<div class="row our-valuable-section">
<div class="our-valuable-customer-box col-xl-2 col-lg-4 col-md-6 col-10">
<p>Hang Tags</p>
</div>
<div class="our-valuable-customer-box col-xl-2 col-lg-4 col-md-6 col-10">
<p>Helmet Sticker</p>
</div>
<div class="our-valuable-customer-box col-xl-2 col-lg-4 col-md-6 col-10">
<p>ID Cards & Badge Reel</p>
</div>
<div class="our-valuable-customer-box col-xl-2 col-lg-4 col-md-6 col-10">
<p>Notepads</p>
</div>
</div>
</div>
<div class="our-valuable-customer-heading col-xl-3 col-lg-4 col-md-6 mt-30 col-11">
<p>our <br>valuable <br>customers</p>
</div>
</div>
</div>
</div> -->
<section class="our-valuable-customers-section section-gag-meadia mb-65">
<div class="container-fluid">
<div class="row">
<div class="col-xl-8 col-lg-4 col-md-6">
<div class="clients-slider">
<div class="slider-main">
<div class="slide-track-12">
<div class="slide-123">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/customers-logo/our-valuable-customer-logo.png" alt="our-valuable-customer-logo">
</div>
<div class="slide-123">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/customers-logo/our-valuable-customer-logo.png" alt="our-valuable-customer-logo">
</div>
<div class="slide-123">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/customers-logo/our-valuable-customer-logo.png" alt="our-valuable-customer-logo">
</div>
<div class="slide-123">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/customers-logo/our-valuable-customer-logo.png" altour-valuable-customer-logocloud-builders">
</div>
<div class="slide-123">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/customers-logo/our-valuable-customer-logo.png" alt="our-valuable-customer-logo">
</div>
<div class="slide-123">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/customers-logo/our-valuable-customer-logo.png" alt="our-valuable-customer-logo">
</div>
<div class="slide-123">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/customers-logo/our-valuable-customer-logo.png" alt="our-valuable-customer-logo">
</div>
<div class="slide-123">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/customers-logo/our-valuable-customer-logo.png" altour-valuable-customer-logocloud-builders">
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-1 "></div>
<div class="col-xl-3 col-lg-4 col-md-6 mt-20 col-11 our-valuable-customer-heading">
<h4>Our<br> Valuable<br> Customer</h4>
</div>
</div>
</div>
</section>
<!-- our-valuable-customers-area end -->
<!-- testimonial-area-start -->
<!-- <div class="tp-testimonial-4__area p-relative tp-testimonial-4__bg"
data-background="<?php echo get_template_directory_uri(); ?>/assets/img/testimonial/bg-4.png">
<div class="tp-testimonial-4__shape d-none d-lg-block">
</div>
<div class="container custom-container-3">
<div class="row align-items-center align-items-xxl-start">
<div class="col-xl-8 col-lg-8">
<div class="tp-testimonial-2__wrapper">
<div class="swiper-container tp-testimonial-2__active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/testimonial/testimonial-shape.svg" alt="">
<div class="tp-testimonial-2__content">
<h4 class="common-text-color thumb-ml">CLIENT’S TESTIMONIALS</h4>
<p>“The other hand we denounce with righteou indg ation and dislike men who are so beguiled and demorali ed by the of pleasure of the moment.Dislike men who are so beguiled demoraliz worlds ed by the charms of pleasure of the moment. Lorem ipsum dolor sit”</p>
<div class="tp-testimonial-2__author-box d-flex align-items-start">
<div class="tp-testimonial-2__author-info">
<h4 class="tp-testimonial-2__author-name">Lorem Ipsum</h4>
<span><img src="<?php echo get_template_directory_uri(); ?>/assets/img/testimonial/testimonial-img1.png"></span>
</div>
<div class="tp-testimonial-2__star">
UX Designer
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4">
<div class="tp-testimonial-2__thumb thumb-ml">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/testimonial/testimonial.png" alt="">
</div>
</div>
</div>
</div>
</div> -->
<!-- testimonial-area-end -->
<!-- blog-area-start -->
<div class="tp-blog-4__area">
<div class="container custom-container-3">
<div class="row">
<div class="col-xl-12">
<div class="tp-blog-4__section-box text-center mb-55">
<span class="tp-section-subtitle-5">Most Recent News</span>
<h4 class="tp-section-title-2">Read our latest blog posts
</span></h4>
</div>
</div>
</div>
<div class="row">
<?php
$wpnews = array(
'post_type'=>'news',
'post_status'=>'publish',
'order' => 'ASC',
'posts_per_page' => 4
);
$news_query = new WP_Query($wpnews);
while($news_query->have_posts()){
$news_query->the_post();
$news_image_path = wp_get_attachment_image_src(
get_post_thumbnail_id(),'large');
?>
<div class="col-xl-4 col-lg-4 col-md-6 mb-50 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
<div class="tp-blog-4__item">
<div class="tp-blog-4__thumb p-relative">
<a href="javascript:void(0);"><img src="<?php echo $news_image_path[0] ?>" alt=""></a>
</div>
<div class="tp-blog-4__content">
<h4 class="tp-blog-4__title">
<a href="javascript:void(0);"><?php the_title(); ?></a>
</h4>
</div>
<div class="tp-blog-4__meta">
<p><?php the_content();?></p>
</div>
</div>
</div>
<?php } ?>
<!-- <div class="col-xl-4 col-lg-4 col-md-6 mb-50 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".5s">
<div class="tp-blog-4__item">
<div class="tp-blog-4__thumb p-relative">
<a href="javascript:void(0);"><img src="<?php echo get_template_directory_uri(); ?>/assets/img/blog/read-our-latest-blog-img2.png" alt=""></a>
</div>
<div class="tp-blog-4__content">
<h4 class="tp-blog-4__title"><a href="javascript:void(0);">LifeStyle</a></h4>
</div>
<div class="tp-blog-4__meta">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</div> -->
<!-- <div class="col-xl-4 col-lg-4 col-md-6 mb-50 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".7s">
<div class="tp-blog-4__item">
<div class="tp-blog-4__thumb p-relative">
<a href="javascript:void(0);"><img src="<?php echo get_template_directory_uri(); ?>/assets/img/blog/read-our-latest-blog-img3.png" alt=""></a>
<div class="tp-blog-4__thumb-text">
<span>By: Rasalina</span>
</div>
</div>
<div class="tp-blog-4__content">
<h4 class="tp-blog-4__title"><a href="javascript:void(0);">Print Company</a></h4>
</div>
<div class="tp-blog-4__meta">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<span>02 Apr 2021</span>
<span>Comments (03)</span>
</div>
</div>
</div> -->
</div>
</div>
</div>
<!-- blog-area-end -->
</main>
<!-- <main id="primary" class="site-main"> -->
<?php
// while ( have_posts() ) :
// the_post();
// get_template_part( 'template-parts/content', get_post_type() );
// the_post_navigation(
// array(
// 'prev_text' => '<span class="nav-subtitle">' . esc_html__( 'Previous:', 'color_drop' ) . '</span> <span class="nav-title">%title</span>',
// 'next_text' => '<span class="nav-subtitle">' . esc_html__( 'Next:', 'color_drop' ) . '</span> <span class="nav-title">%title</span>',
// )
// );
// // If comments are open or we have at least one comment, load up the comment template.
// if ( comments_open() || get_comments_number() ) :
// comments_template();
// endif;
// endwhile;
?>
<!-- </main> -->
<?php
get_sidebar();
get_footer();