<?php 
    include("header.php"); 

$date1 = gmdate("l jS \of F Y h:i:s A");

$output = ""; // Initialize output for validation errors

if (isset($_POST['form_submit'])) {
    // Sanitize inputs
    $user_name = filter_var($_POST["form_name"], FILTER_SANITIZE_SPECIAL_CHARS);
    $mno = isset($_POST["form_phone"]) ? $_POST["form_phone"] : "";
    $user_email = filter_var($_POST["form_email"], FILTER_SANITIZE_EMAIL);
    $user_subject = filter_var($_POST["form_subject"], FILTER_SANITIZE_SPECIAL_CHARS);
    $message = filter_var($_POST["form_message"], FILTER_SANITIZE_SPECIAL_CHARS);

    // Validation errors array
    $errors = [];

    // Validate fields
    if (empty($user_name)) {
        $errors[] = "The <b>Name</b> field is required.";
    }
    if (empty($mno)) {
        $errors[] = "The <b>Phone Number</b> field is required.";
    } elseif (!preg_match("/^\+?[0-9]{7,15}$/", $mno)) {
        $errors[] = "The <b>Phone Number</b> is invalid. It should be 7-15 digits and may include a '+' at the start.";
    }
    if (empty($user_email)) {
        $errors[] = "The <b>Email</b> field is required.";
    } elseif (!filter_var($user_email, FILTER_VALIDATE_EMAIL)) {
        $errors[] = "The <b>Email</b> address is invalid.";
    }
    if (empty($user_subject)) {
        $errors[] = "The <b>Subject</b> field is required.";
    }
    if (empty($message)) {
        $errors[] = "The <b>Message</b> field is required.";
    }

    // Check for errors
    if (!empty($errors)) {
        $output .= '<div class="alert alert-danger alert-dismissible fade show" role="alert">';
        $output .= '<strong>Please fix the following errors:</strong>';
        $output .= '<ul class="mb-0" style="list-style-type: disc; padding-left: 20px;">'; // Ensures dot list style
        foreach ($errors as $error) {
            $output .= '<li style="list-style:auto;">' . $error . '</li>';
        }
        $output .= '</ul>';
        $output .= '<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>';
        $output .= '</div>';
    } else {
        // Proceed with email sending if no errors
        $toEmail = "info@blueprint360.co.in";
        $mailHeaders = "Content-type:text/html;charset=UTF-8" . "\r\n";
        $mailHeaders .= "From: " . $user_name . "<" . $user_email . ">\r\n";

        $mailBody = "IP Address&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :" . $_SERVER['REMOTE_ADDR'] . "<br>";
        $mailBody .= "Name&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : " . $user_name . "<br>";
        $mailBody .= "PhoneNumber&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : " . $mno . "<br>";
        $mailBody .= "Email&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: " . $user_email . "<br>";
        $mailBody .= "Message&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : " . $message . "<br>";
        $mailBody .= "Date and Time&nbsp;&nbsp; : " . $date1 . "\n";

        if (mail($toEmail, $user_subject, $mailBody, $mailHeaders)) {
            $output = '<div class="alert alert-success alert-dismissible fade show" role="alert">';
            $output .= '<strong>Success!</strong> Hi ' . htmlspecialchars($user_name) . ', Thank you for contacting us. We will get back to you shortly.';
            $output .= '<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>';
            $output .= '</div>';
            
            $_POST = []; // Clear the form inputs
        } else {
            $output = '<div class="alert alert-danger alert-dismissible fade show" role="alert">';
            $output .= '<strong>Error!</strong> Unable to send email, please try again.';
            $output .= '<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>';
            $output .= '</div>';
        }

    }
}
?>
	
	<!--Main Slider-->
	<section class="main-slider">
		<div class="rev_slider_wrapper fullwidthbanner-container" id="rev_slider_one_wrapper" data-source="gallery">
			<div class="rev_slider fullwidthabanner" id="rev_slider_one" data-version="5.4.1">
				<ul>
					<!-- Slide 1 -->
					<li data-index="rs-1" data-transition="zoomout">
						<!-- MAIN IMAGE -->
						<img src="images/banner-main-img-001.jpg" alt="" class="rev-slidebg">

						<div class="tp-caption" 
						data-paddingbottom="[15,15,15,15]"
						data-paddingleft="[15,15,15,15]"
						data-paddingright="[15,15,15,15]"
						data-paddingtop="[0,0,0,0]"
						data-responsive_offset="on"
						data-type="text" data-height="none"
						data-width="['900','900','750','450']"
						data-whitespace="normal"
						data-hoffset="['0','0','0','0']"
						data-voffset="['-20','-20','-20','0']"
						data-x="['left','left','left','left']"
						data-y="['middle','middle','middle','middle']"
						data-textalign="['top','top','top','top']"
						data-frames='[{"delay":1000,"speed":1500,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'>
							<h1>Make Your Business Visible to the World</h1>
						</div>

						<div class="tp-caption" 
						data-paddingbottom="[15,15,15,15]"
						data-paddingleft="[15,15,15,15]"
						data-paddingright="[15,15,15,15]"
						data-paddingtop="[0,0,0,0]"
						data-responsive_offset="on"
						data-type="text" data-height="none"
						data-width="['750','750','750','450']"
						data-whitespace="normal"
						data-hoffset="['0','0','0','0']"
						data-voffset="['105','105','105','105']"
						data-x="['left','left','left','left']"
						data-y="['middle','middle','middle','middle']"
						data-textalign="['top','top','top','top']"
						data-frames='[{"delay":1000,"speed":1500,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'>
							<p class="text">Blueprint360 - A Digital Marketing Agency. <br>Your Key to Success</p>
						</div>

						<div class="tp-caption" data-paddingbottom="[0,0,0,0]"
						data-paddingleft="[15,15,15,15]"
						data-paddingright="[15,15,15,15]"
						data-paddingtop="[0,0,0,0]"
						data-responsive_offset="on"
						data-type="text" data-height="none"
						data-width="['700','750','700','450']"
						data-whitespace="normal"
						data-hoffset="['0','0','0','0']"
						data-voffset="['180','180','180','200']"
						data-x="['left','left','left','left']"
						data-y="['middle','middle','middle','middle']"
						data-textalign="['top','top','top','top']"
						data-frames='[{"delay":1000,"speed":1500,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'>
							<a href="#0" class="theme-btn btn-style-one hover-light"><span class="btn-title">Explore Our Services</span></a>
						</div>
					</li>
					<!-- Slide 1 -->
					<!-- <li data-index="rs-2" data-transition="zoomout">
						
						<img src="images/main-slider/2.jpg" alt="" class="rev-slidebg">

						<div class="tp-caption" 
						data-paddingbottom="[15,15,15,15]"
						data-paddingleft="[15,15,15,15]"
						data-paddingright="[15,15,15,15]"
						data-paddingtop="[0,0,0,0]"
						data-responsive_offset="on"
						data-type="text" data-height="none"
						data-width="['900','900','750','450']"
						data-whitespace="normal"
						data-hoffset="['0','0','0','0']"
						data-voffset="['-20','-20','-20','0']"
						data-x="['left','left','left','left']"
						data-y="['middle','middle','middle','middle']"
						data-textalign="['top','top','top','top']"
						data-frames='[{"delay":1000,"speed":1500,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'>
							<h1>The Right digital agency.</h1>
						</div>

						<div class="tp-caption" 
						data-paddingbottom="[15,15,15,15]"
						data-paddingleft="[15,15,15,15]"
						data-paddingright="[15,15,15,15]"
						data-paddingtop="[0,0,0,0]"
						data-responsive_offset="on"
						data-type="text" data-height="none"
						data-width="['750','750','750','450']"
						data-whitespace="normal"
						data-hoffset="['0','0','0','0']"
						data-voffset="['105','105','105','105']"
						data-x="['left','left','left','left']"
						data-y="['middle','middle','middle','middle']"
						data-textalign="['top','top','top','top']"
						data-frames='[{"delay":1000,"speed":1500,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'>
							<p class="text">You have better things to do than worry about your business</p>
						</div>
  
						<div class="tp-caption" data-paddingbottom="[0,0,0,0]"
						data-paddingleft="[15,15,15,15]"
						data-paddingright="[15,15,15,15]"
						data-paddingtop="[0,0,0,0]"
						data-responsive_offset="on"
						data-type="text" data-height="none"
						data-width="['700','750','700','450']"
						data-whitespace="normal"
						data-hoffset="['0','0','0','0']"
						data-voffset="['180','180','180','200']"
						data-x="['left','left','left','left']"
						data-y="['middle','middle','middle','middle']"
						data-textalign="['top','top','top','top']"
						data-frames='[{"delay":1000,"speed":1500,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'>
							<a href="#0" class="theme-btn btn-style-one hover-light"><span class="btn-title">Discover More</span></a>
						</div>
					</li> -->
				</ul>
			</div>
		</div>
	</section>
	<!-- End Main Slider-->

	<!-- Features Section -->
	<section class="features-section">
		<div class="bg bg-pattern-1"></div>
		<div class="auto-container">
			<div class="sec-title light">
				<div class="row">
					<div class="col-lg-6">
						<!-- <span class="sub-title text-black">agency benefits</span> -->
						<h2 class=" text-black cus-heading-size">We Combine Design, Marketing Communication and Digital Solutions.</h2>
					</div>
					<div class="col-lg-6">
						<div class="text text-black">Blueprint360 is digital marketing agency focused on advertising, marketing, and digital solutions. We specialise in content marketing, search engine marketing services and social media marketing.</div>
					</div>
				</div>
			</div>

			<div class="row">
				<!-- Feature Block -->
				<div class="feature-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp">
					<div class="inner-box">
						<div class="image-box">
							<figure class="image"><img src="images/resource/feature-1.jpg" alt=""></figure>
						</div>
						<div class="content-box">
							<h5 class="title">Website Design</h5>
							<div class="text">Make a lasting impression with a website design tailored to your company's vision.</div>
							<div class="icon-box"><i class="flaticon-medal"></i></div>
						</div>
					</div>
				</div>

				<!-- Feature Block -->
				<div class="feature-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="300ms">
					<div class="inner-box">
						<div class="image-box">
							<figure class="image"><img src="images/resource/feature-2.jpg" alt=""></figure>
						</div>
						<div class="content-box">
							<h5 class="title">Digital Marketing</h5>
							<div class="text">Boost your brand’s visibility with innovative digital marketing solutions across platforms.</div>
							<div class="icon-box"><i class="flaticon-user-interface"></i></div>
						</div>
					</div>
				</div>

				<!-- Feature Block -->
				<div class="feature-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="600ms">
					<div class="inner-box">
						<div class="image-box">
							<figure class="image"><img src="images/resource/feature-3.jpg" alt=""></figure>
						</div>
						<div class="content-box">
							<h5 class="title">Marketing Communication</h5>
							<div class="text">Enhance your brand through marketing communications that forge meaningful connections.</div>
							<div class="icon-box"><i class="flaticon-web-design"></i></div>
						</div>
					</div>
				</div>





			</div>
		</div>
	</section>
	<!-- End Features Section -->



	<!-- Projects Section -->
	<section class="projects-section" style="background: #f1f1f1;">
		<div class="auto-container">
			<div class="sec-title text-center">
				<h2>Brands We Work With</h2>
			</div>
			<div class="sponsors-outer">
				<!--clients carousel-->

				<ul class="clients-carousel owl-carousel owl-theme">

					<li class="client-block"> <img src="images/clients/29.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/30.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/31.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/32.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/33.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/34.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/35.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/36.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/37.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/38.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/41.png" alt=""> </li>
					<!-- <li class="client-block"> <img src="images/clients/39.png" alt=""> </li> -->
					<!-- <li class="client-block"> <img src="images/clients/40.png" alt=""> </li> -->

					<li class="client-block"> <img src="images/clients/1.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/2.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/3.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/4.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/5.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/6.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/7.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/8.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/9.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/10.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/11.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/12.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/13.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/14.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/15.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/16.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/17.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/18.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/19.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/20.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/21.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/22.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/23.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/24.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/25.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/26.png" alt=""> </li>
					<li class="client-block"> <img src="images/clients/27.png" alt=""> </li>
					<!-- <li class="client-block"> <img src="images/clients/28.png" alt=""> </li> -->

				</ul>
			</div>			

		</div>
	</section>





	<!-- About Section -->
	<section class="about-section">
		<div class="auto-container">
			<div class="sec-title text-center">
				<!-- <span class="sub-title">Welcome to disle</span> -->
				<h2>Introducing Blueprint360</h2>
			</div>
			<div class="row align-items-center">
				<!-- Content Column -->
				<div class="content-column col-lg-7 col-md-12 col-sm-12 order-2 wow fadeInRight">
					<div class="inner-column">
						<div class="sec-title">
							<div class="text">At Blueprint360, we are committed to delivering exceptional marketing solutions tailored to your business needs. Our team  leverages its vast experience and  the latest technologies and strategies to drive your success, ensuring results.</div>
						</div>
						<ul class="list-style-two">
                            <li>
                                <i class="fal fa-check-circle"></i>
                                <p>
                                    <b class="cus-strong">Tailored Strategies:</b> We create customized marketing and communication plans that align with your goals and target audience, ensuring the most effective approach for your digital presence.
                                </p>
                            </li>
                            <li>
                                <i class="fal fa-check-circle"></i>
                                <p>
                                    <b class="cus-strong">Innovative Solutions:</b> Our services include Strategic Digital Marketing, Cutting-Edge Web Design, Social Media Marketing, Search Engine Marketing, SEO, and Marketing Analytics to keep you ahead of the competition.
                                </p>
                            </li>
                            <li>
                                <i class="fal fa-check-circle"></i>
                                <p>
                                    <b class="cus-strong">Comprehensive Support:</b> From initial consultation to ongoing support, we provide end-to-end services to help you achieve and sustain your marketing objectives.
                                </p>
                            </li>
                        </ul>


						<!-- <div class="other-info">
							<div class="info-box">
								<i class="icon flaticon-phone-ringing"></i>
								<span class="title">Get a free Quote</span>
								<a href="tel:+92(8800)36780" class="info-text">+92 (8800) 36780</a>
							</div>

							<div class="founded-year">
								<i class="icon flaticon-trophy"></i>
								<h6 class="title">Since <br > 2016</h6>
							</div>

							<a href="#0" class="theme-btn btn-style-one"><span class="btn-title">Discover more</span></a>

						</div> -->
					</div>
				</div>

				<!-- Image Column -->
				<div class="image-column col-lg-5 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="600ms">
					<div class="image-box">
						<span class="icon-shpaes zoom-one"></span>
						<figure class="image wow fadeIn"><img src="images/resource/about-1.png" alt=""></figure>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- End About Section -->

	<!-- Services Section -->
	<section class="services-section">
		<div class="bg bg-pattern-2"></div>
		<div class="auto-container">
			<div class="sec-title">
				<div class="row">
					<div class="col-lg-6">
						<span class="sub-title">our services</span>
						<h2>We Shape the Perfect Solutions.</h2>
					</div>
					<div class="col-lg-6">
						<div class="text">We offer a range of tailored solutions to meet your marketing needs, including communication strategy, innovative digital marketing, and comprehensive branding and design services.</div>
					</div>
				</div>
			</div>

			<div class="row">
				<!--  Services Column -->
				<div class="services-column col-lg-8 col-md-12 col-sm-12 wow fadeInUp">
					<div class="inner-column">
						<div class="row">
							<!-- Service Block -->
							<div class="service-block col-lg-4 col-md-4 col-sm-6">
								<div class="inner-box">
									<div class="icon-box">
										<span class="count">01</span>
										<i class="icon flaticon-web"></i>
									</div>
									<h5 class="title"><a href="website-design.php">Website <br>Development</a></h5>
								</div>
							</div>

							<!-- Service Block -->
							<div class="service-block col-lg-4 col-md-4 col-sm-6">
								<div class="inner-box">
									<div class="icon-box">
										<span class="count">02</span>
										<i class="icon flaticon-design-2"></i>
									</div>
									<h5 class="title"><a href="marketing-communication.php">Graphic <br>Designing</a></h5>
								</div>
							</div>

							<!-- Service Block -->
							<div class="service-block col-lg-4 col-md-4 col-sm-6">
								<div class="inner-box">
									<div class="icon-box">
										<span class="count">03</span>
										<i class="icon flaticon-android-logo"></i>
									</div>
									<h5 class="title"><a href="digital-marketing.php">Application <br>Development</a></h5>
								</div>
							</div>

							<!-- Service Block -->
							<div class="service-block col-lg-4 col-md-4 col-sm-6">
								<div class="inner-box">
									<div class="icon-box">
										<span class="count">04</span>
										<i class="icon flaticon-web-design"></i>
									</div>
									<h5 class="title"><a href="website-design.php">UI / UX<br> Designing</a></h5>
								</div>
							</div>

							<!-- Service Block -->
							<div class="service-block col-lg-4 col-md-4 col-sm-6">
								<div class="inner-box">
									<div class="icon-box">
										<span class="count">05</span>
										<i class="icon flaticon-lamp-1"></i>
									</div>
									<h5 class="title"><a href="digital-marketing.php">SEO & Content <Br>Writing</a></h5>
								</div>
							</div>

							<!-- Service Block -->
							<div class="service-block col-lg-4 col-md-4 col-sm-6">
								<div class="inner-box">
									<div class="icon-box">
										<span class="count">06</span>
										<i class="icon flaticon-advertising"></i>
									</div>
									<h5 class="title"><a href="digital-marketing.php">Content <Br>Marketing</a></h5>
								</div>
							</div>
						</div>
					</div>
				</div>

				<!--  Banenr Column -->
				<div class="banner-column col-lg-4 col-md-12 wow fadeInRight" data-wow-delay="600ms">
					<div class="service-banner">
						<figure class="bg-image"><img src="images/resource/service-banner.jpg" alt=""></figure>
						<div class="content">
							<span class="sub-title">Get Started</span>
							<h3 class="title">Ready to Make the Most out of Our Creativity?</h3>
							<a href="contact.php" class="theme-btn btn-style-one small hover-light"><span class="btn-title">Contact us</span></a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--End services-section-->


	<!-- Services Section -->
	<section class="services-section">
		<div class="bg bg-pattern-8"></div>
		<div class="auto-container">
			<div class="sec-title">
				<div class="row">
					<div class="col-lg-6">
						<h2>Our Digital Solutions</h2>
					</div>
					<div class="col-lg-6">
						<div class="text">We provide cutting-edge digital solutions designed to enhance your online presence, including advanced web development, data-driven digital marketing strategies, and more.</div>
					</div>
				</div>
			</div>

			<div class="row">
				<!--  Services Column -->
				<div class="services-column col-lg-8 col-md-12 col-sm-12 wow fadeInUp">
					<div class="inner-column">
						<div class="row">
							<!-- Service Block -->
							<div class="service-block col-lg-4 col-md-4 col-sm-6">
								<div class="inner-box">
									<div class="icon-box">
										<span class="count">01</span>
										<i class="icon flaticon-web"></i>
									</div>
									<h5 class="title"><a href="#0">Digital Mktg Planning & Strategy</a></h5>
								</div>
							</div>

							<!-- Service Block -->
							<div class="service-block col-lg-4 col-md-4 col-sm-6">
								<div class="inner-box">
									<div class="icon-box">
										<span class="count">02</span>
										<i class="icon flaticon-design-2"></i>
									</div>
									<h5 class="title"><a href="#0">PPC - FB, Google & Linkedin</a></h5>
								</div>
							</div>

							<!-- Service Block -->
							<div class="service-block col-lg-4 col-md-4 col-sm-6">
								<div class="inner-box">
									<div class="icon-box">
										<span class="count">03</span>
										<i class="icon flaticon-android-logo"></i>
									</div>
									<h5 class="title"><a href="#0">Search Engine <br>Marketing</a></h5>
								</div>
							</div>

							<!-- Service Block -->
							<div class="service-block col-lg-4 col-md-4 col-sm-6">
								<div class="inner-box">
									<div class="icon-box">
										<span class="count">04</span>
										<i class="icon flaticon-web-design"></i>
									</div>
									<h5 class="title"><a href="#0">Organic Traffic</a></h5>
								</div>
							</div>

							<!-- Service Block -->
							<div class="service-block col-lg-8 col-md-4 col-sm-6">
								<div class="inner-box">
									<div class="icon-box">
										<span class="count">05</span>
										<i class="icon flaticon-lamp-1"></i>
									</div>
									<h5 class="title"><a href="#0">Socail Media Visibilty</a></h5>
								</div>
							</div>

							<!-- Service Block -->
							<!-- <div class="service-block col-lg-4 col-md-4 col-sm-6">
								<div class="inner-box">
									<div class="icon-box">
										<span class="count">06</span>
										<i class="icon flaticon-advertising"></i>
									</div>
									<h5 class="title"><a href="#0">Digital <Br>Marketing</a></h5>
								</div>
							</div> -->
						</div>
					</div>
				</div>

				<!--  Banenr Column -->
				<div class="banner-column col-lg-4 col-md-12 wow fadeInRight" data-wow-delay="600ms">
					<div class="service-banner">
						<figure class="bg-image"><img src="images/resource/service-banner.jpg" alt=""></figure>
						<div class="content">
							<span class="sub-title">Get Started</span>
							<h3 class="title">Ready to Make the Most out of Our Creativity?</h3>
							<a href="contact.php" class="theme-btn btn-style-one small hover-light"><span class="btn-title">Contact us</span></a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--End services-section-->	

	<!-- Projects Section -->
	<section class="projects-section ">
		<div class="auto-container">
			<div class="sec-title text-center">
				<span class="sub-title">recent projects</span>
				<h2>Checkout Our Ongoing Projects</h2>
			</div>

			<div class="outer-box">
				<div class="row">
					<!-- Project Block -->
					<div class=" project-block col-lg-3 col-md-6 col-sm-12 wow fadeInUp">
						<div class="inner-box">
							<div class="image-box">
								<figure class="image"><a href="case-studies.php"><img src="images/case-study-crico-com.jpg" alt=""></a></figure>
							</div>
							<div class="content-box">
								<a href="case-studies.php" class="icon"><i class="fa fa-long-arrow-alt-right"></i></a>
								<!-- <span class="cat">DESIGN / IDEAS</span> -->
								<h4 class="title"><a href="case-studies.php" title="">Website</a></h4>
							</div>
						</div>
					</div>

					<!-- Project Block -->
					<div class=" project-block col-lg-3 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="300ms">
						<div class="inner-box">
							<div class="image-box">
								<figure class="image"><a href="case-studies.php"><img src="images/case-study-profitco.jpg" alt=""></a></figure>
							</div>
							<div class="content-box">
								<a href="case-studies.php" class="icon"><i class="fa fa-long-arrow-alt-right"></i></a>
								<h4 class="title"><a href="case-studies.php" title="">Content marketing</a></h4>
							</div>
						</div>
					</div>

					<!-- Project Block -->
					<div class=" project-block col-lg-3 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="600ms">
						<div class="inner-box">
							<div class="image-box">
								<figure class="image"><a href="case-studies.php"><img src="images/case-study-sip-abacus.jpg" alt=""></a></figure>
							</div>
							<div class="content-box">
								<a href="case-studies.php" class="icon"><i class="fa fa-long-arrow-alt-right"></i></a>
								<h4 class="title"><a href="case-studies.php" title="">Social Media Visibility</a></h4>
							</div>
						</div>
					</div>

					<!-- Project Block -->
					<div class=" project-block col-lg-3 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="900ms">
						<div class="inner-box">
							<div class="image-box">
								<figure class="image"><a href="case-studies.php"><img src="images/case-study-study-smart.jpg" alt=""></a></figure>
							</div>
							<div class="content-box">
								<a href="case-studies.php" class="icon"><i class="fa fa-long-arrow-alt-right"></i></a>
								<h4 class="title"><a href="case-studies.php" title="">PPC</a></h4>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--End projects-section-->


	<!--End Clients Section -->

	<!-- Fun Fact Section -->
	<section class="fun-fact-section pb-0">
		<div class="bg bg-image" style="background-image: url(images/background/1.jpg)"></div>
		<div class="bg bg-lines"></div>
		
		<div class="auto-container">
			<div class="fact-counter">
				<div class="row">
					<!-- Counter block-->
					<div class="counter-block col-lg-3 col-md-6 col-sm-12 wow fadeInUp">
						<div class="inner">
							<div class="icon-box"><i class="flaticon-satisfaction"></i></div>
							<div class="count-box"><span class="count-text" data-speed="2000" data-stop="5000">0</span>+</div>
							<h4 class="counter-title">Projects Completed</h4>
						</div>
					</div>

					<!--Counter block-->
					<div class="counter-block col-lg-3 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="900ms">
						<div class="inner">
							<div class="icon-box"><i class="flaticon-reputation"></i></div>
							<div class="count-box"><span class="count-text" data-speed="3000" data-stop="100">0</span>+</div>
							<h4 class="counter-title">Happy Clients</h4>
						</div>
					</div>
			
					<!--Counter block-->
					<div class="counter-block col-lg-3 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="600ms">
						<div class="inner">
							<div class="icon-box"><i class="flaticon-instructor"></i></div>
							<div class="count-box"><span class="count-text" data-speed="3000" data-stop="16">0</span>+</div>
							<h4 class="counter-title">Expert People</h4>
						</div>
					</div>
			
					<!--Counter block-->
					<div class="counter-block col-lg-3 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="300ms">
						<div class="inner">
							<div class="icon-box"><i class="flaticon-discuss"></i></div>
							<div class="count-box"><span class="count-text" data-speed="3000" data-stop="18">0</span></div>
							<h4 class="counter-title">Years</h4>
						</div>
					</div>
			
					
				</div>
			</div>

			<div class="call-to-action pull-down">
				<div class="outer-box">
					<div class="bg bg-pattern-3"></div>
					<div class="title-box">
						<h3 class="title">Let’s Discuss How to <br> Make Your Brand Visible & Grow.</h3>
						<a href="#0" title="" class="theme-btn btn-style-one hover-light"><span class="btn-title">discover more</span></a>
					</div>
					<div class="image-box">
						<span class="icon icon-bulb"></span>
						<figure class="image"><img src="images/resource/woman.png" alt=""></figure>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- End Fun Fact Section -->

	<!-- Testimonial Section -->
	<section class="testimonial-section d-none">
		<div class="bg bg-lines"></div>
		<div class="auto-container">
			<div class="row">
				<!-- Title Column -->
				<div class="title-column col-lg-5 col-md-12">
					<div class="inner-column">
						<div class="sec-title">
							<span class="sub-title">our testimonials</span>
							<h2>What They’re Talking About us.</h2>
						</div>
					</div>
				</div>

				<!-- Testimonial Column -->
				<div class="testimonial-column col-lg-7 col-md-12">
					<div class="inner-column">
						<div class="testimonial-carousel owl-carousel default-navs">
							<!-- Testimonial Block -->
							<div class="testimonial-block">
								<div class="inner-box">
									<div class="content-box">
										<div class="text">I was very impresed by the digital services lorem ipsum is simply free text available used by copy typing refreshing. Neque porro noting est qui dolorem ipsum quia.</div>
									</div>
									<div class="info-box">
										<figure class="thumb"><img src="images/resource/testi-thumb.png" alt=""></figure>
										<h5 class="name">David Coper</h5>
										<span class="designation">Happy Customer</span>
									</div>
								</div>
							</div>

							<!-- Testimonial Block -->
							<div class="testimonial-block">
								<div class="inner-box">
									<div class="content-box">
										<div class="text">I was very impresed by the digital services lorem ipsum is simply free text available used by copy typing refreshing. Neque porro noting est qui dolorem ipsum quia.</div>
									</div>
									<div class="info-box">
										<figure class="thumb"><img src="images/resource/testi-thumb-2.png" alt=""></figure>
										<h5 class="name">David Coper</h5>
										<span class="designation">Happy Customer</span>
									</div>
								</div>
							</div>

							<!-- Testimonial Block -->
							<div class="testimonial-block">
								<div class="inner-box">
									<div class="content-box">
										<div class="text">I was very impresed by the digital services lorem ipsum is simply free text available used by copy typing refreshing. Neque porro noting est qui dolorem ipsum quia.</div>
									</div>
									<div class="info-box">
										<figure class="thumb"><img src="images/resource/testi-thumb.png" alt=""></figure>
										<h5 class="name">David Coper</h5>
										<span class="designation">Happy Customer</span>
									</div>
								</div>
							</div>

							<!-- Testimonial Block -->
							<div class="testimonial-block">
								<div class="inner-box">
									<div class="content-box">
										<div class="text">I was very impresed by the digital services lorem ipsum is simply free text available used by copy typing refreshing. Neque porro noting est qui dolorem ipsum quia.</div>
									</div>
									<div class="info-box">
										<figure class="thumb"><img src="images/resource/testi-thumb-2.png" alt=""></figure>
										<h5 class="name">David Coper</h5>
										<span class="designation">Happy Customer</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- End Testimonial Section -->

	<!-- Team Section -->
	<section class="team-section">
		<div class="bg bg-pattern-4"></div>
		<div class="auto-container">
			<div class="sec-title text-center">
				<span class="sub-title">professional people</span>
				<h2>Meet Our Expert Team <br>Members.</h2>
			</div>
			
			<div class="row">
				<!-- Team Block -->
				<div class="team-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp">
					<div class="inner-box">
						<div class="image-box">
							<figure class="image"><a href="#0"><img src="images/resource/team-1-pradeep.jpeg" alt=""></a></figure>
						</div>
						<div class="info-box">
							<h5 class="name"><a href="#0" title="">Pradeep</a></h5>
							<span class="designation">Managing Partner</span>
						</div>
					</div>
				</div>

				<!-- Team Block -->
				<div class="team-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="400ms">
					<div class="inner-box">
						<div class="image-box">
							<figure class="image"><a href="#0"><img src="images/resource/team-malini.png" alt=""></a></figure>
						</div>
						<div class="info-box">
							<h5 class="name"><a href="#0" title="">Malini</a></h5>
							<span class="designation">Managing Partner</span>
						</div>
					</div>
				</div>
				
				<!-- Team Block -->
				<div class="team-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="800ms">
					<div class="inner-box">
						<div class="image-box">
							<figure class="image"><a href="#0"><img src="images/resource/team-Soha-Rahalkar.png" alt=""></a></figure>
						</div>
						<div class="info-box">
							<h5 class="name"><a href="#0" title="">Soha Rahalkar</a></h5>
							<span class="designation">Graphic Designer</span>
						</div>
					</div>
				</div>
				
			


				<!-- Team Block -->
				<div class="team-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="800ms">
					<div class="inner-box">
						<div class="image-box">
							<figure class="image"><a href="#0"><img src="images/resource/team-3.jpg" alt=""></a></figure>
						</div>
						<div class="info-box">
							<h5 class="name"><a href="#0" title="">B Suresh</a></h5>
							<span class="designation">Manager - Finance</span>
						</div>
					</div>
				</div>

				<!-- Team Block -->
				<div class="team-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="800ms">
					<div class="inner-box">
						<div class="image-box">
							<figure class="image"><a href="#0"><img src="images/resource/team-4.jpg" alt=""></a></figure>
						</div>
						<div class="info-box">
							<h5 class="name"><a href="#0" title="">Nivedan Mangalesh P</a></h5>
							<span class="designation">Senior Content Writer</span>
						</div>
					</div>
				</div>

				<!-- Team Block -->
				<!-- <div class="team-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="800ms">
					<div class="inner-box">
						<div class="image-box">
							<figure class="image"><a href="#0"><img src="images/resource/team-5.jpg" alt=""></a></figure>
							<span class="share-icon fa fa-share-alt"></span>
							<ul class="social-links">
								<li><a href="#" title=""><i class="fab fa-twitter"></i></a></li>
								<li><a href="#" title=""><i class="fab fa-facebook-square"></i></a></li>
								<li><a href="#" title=""><i class="fab fa-pinterest"></i></a></li>
								<li><a href="#" title=""><i class="fab fa-instagram"></i></a></li>
							</ul>
						</div>
						<div class="info-box">
							<h5 class="name"><a href="#0" title="">Kevin Martin</a></h5>
							<span class="designation">designer</span>
						</div>
					</div>
				</div> -->

				<!-- Team Block -->
				<div class="team-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="800ms">
					<div class="inner-box">
						<div class="image-box">
							<figure class="image"><a href="#0"><img src="images/resource/team-6.jpg" alt=""></a></figure>
						</div>
						<div class="info-box">
							<h5 class="name"><a href="#0" title="">Mohammed Ali</a></h5>
							<span class="designation">Art Director</span>
						</div>
					</div>
				</div>

<!-- Team Block -->
				<div class="team-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="800ms">
					<div class="inner-box">
						<div class="image-box">
							<figure class="image"><a href="#0"><img src="images/resource/team-Sweta-Joshi.png" alt=""></a></figure>
						</div>
						<div class="info-box">
							<h5 class="name"><a href="#0" title="">Sweta Joshi</a></h5>
							<span class="designation">UX/UI Designer</span>
						</div>
					</div>
				</div>
			

						<!-- Team Block -->
				<div class="team-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="800ms">
					<div class="inner-box">
						<div class="image-box">
							<figure class="image"><a href="#0"><img src="images/resource/team-Nupur.png" alt=""></a></figure>
						</div>
						<div class="info-box">
							<h5 class="name"><a href="#0" title="">Nupur Burnwal </a></h5>
							<span class="designation">Graphic Designer</span>
						</div>
					</div>
				</div>
				

				<!-- Team Block -->
				<div class="team-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="800ms">
					<div class="inner-box">
						<div class="image-box">
							<figure class="image"><a href="#0"><img src="images/resource/team-10-Rajlakhi-Mallick.png" alt=""></a></figure>
							<!-- <span class="share-icon fa fa-share-alt"></span>
							<ul class="social-links">
								<li><a href="#" title=""><i class="fab fa-twitter"></i></a></li>
								<li><a href="#" title=""><i class="fab fa-facebook-square"></i></a></li>
								<li><a href="#" title=""><i class="fab fa-pinterest"></i></a></li>
								<li><a href="#" title=""><i class="fab fa-instagram"></i></a></li>
							</ul> -->
						</div>
						<div class="info-box">
							<h5 class="name"><a href="#0" title="">Rajlakhi Mallick</a></h5>
							<span class="designation">Graphic Designer</span>
						</div>
					</div>
				</div>

				<!-- Team Block -->
				<!-- <div class="team-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="800ms">
					<div class="inner-box">
						<div class="image-box">
							<figure class="image"><a href="#0"><img src="images/resource/team-11.jpg" alt=""></a></figure>
							<span class="share-icon fa fa-share-alt"></span>
							<ul class="social-links">
								<li><a href="#" title=""><i class="fab fa-twitter"></i></a></li>
								<li><a href="#" title=""><i class="fab fa-facebook-square"></i></a></li>
								<li><a href="#" title=""><i class="fab fa-pinterest"></i></a></li>
								<li><a href="#" title=""><i class="fab fa-instagram"></i></a></li>
							</ul>
						</div>
						<div class="info-box">
							<h5 class="name"><a href="#0" title="">Kevin Martin</a></h5>
							<span class="designation">designer</span>
						</div>
					</div>
				</div> -->

				<!-- Team Block -->
				<!-- <div class="team-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="800ms">
					<div class="inner-box">
						<div class="image-box">
							<figure class="image"><a href="#0"><img src="images/resource/team-3.jpg" alt=""></a></figure>
							<span class="share-icon fa fa-share-alt"></span>
							<ul class="social-links">
								<li><a href="#" title=""><i class="fab fa-twitter"></i></a></li>
								<li><a href="#" title=""><i class="fab fa-facebook-square"></i></a></li>
								<li><a href="#" title=""><i class="fab fa-pinterest"></i></a></li>
								<li><a href="#" title=""><i class="fab fa-instagram"></i></a></li>
							</ul>
						</div>
						<div class="info-box">
							<h5 class="name"><a href="#0" title="">Kevin Martin</a></h5>
							<span class="designation">designer</span>
						</div>
					</div>
				</div> -->

			</div>
		</div>
	</section>
	<!-- End Team Section -->

	<!-- Contact Section -->
	<section class="contact-section">
		<div class="bg-outer">
			<div class="bg bg-pattern-5"></div>
		</div>
		<div class="auto-container">
			<div class="row">
				<!-- Contact Column -->
				<div class="contact-column col-lg-8 col-md-12 col-sm-12">
					<div class="inner-column">
						<div class="sec-title light">
							<span class="sub-title" style="color:#fff;">contact us</span>
							<h2>Drop Us a Line.</h2>
						</div>

						<!-- Contact Form -->
						<div class="contact-form wow fadeInLeft">
							<!--Contact Form-->
							<?php echo isset($output)? $output : ""; ?>
							<form method="post" action="" id="contact-form">
								<div class="row">
									<div class="form-group col-lg-6 col-md-12 col-sm-12">
										<input type="text" value="<?php echo isset($_POST["form_name"]) ? $_POST["form_name"] : ""; ?>" name="form_name" placeholder="Full name" required>
									</div>
						
									<div class="form-group col-lg-6 col-md-12 col-sm-12">
										<input type="email" value="<?php echo isset($_POST["form_email"]) ? $_POST["form_email"] : ""; ?>" name="form_email" placeholder="Email address" required>
									</div>
						
									<div class="form-group col-lg-6 col-md-12 col-sm-12">
										<input type="number" value="<?php echo isset($_POST["form_phone"]) ? $_POST["form_phone"] : ""; ?>" name="form_phone" placeholder="Phone number" required>
									</div>

									<div class="form-group col-lg-6 col-md-12 col-sm-12">
										<input type="text" value="<?php echo isset($_POST["form_subject"]) ? $_POST["form_subject"] : ""; ?>" name="form_subject" placeholder="Subject" required>
									</div>

									<div class="form-group col-lg-12">
										<textarea name="form_message" placeholder="Write message" required><?php echo isset($_POST["form_message"]) ? $_POST["form_message"] : ""; ?></textarea>
									</div>
					
									<div class="form-group col-lg-12">
										<button class="theme-btn btn-style-one" type="submit" name="form_submit"><span class="btn-title">Send a message</span></button>
									</div>
								</div>
							</form>
						</div>
						<!--End Contact Form -->
					</div>

					<div class="contact-info">
						<span class="title">Call us anytime:</span>
						<a href="tel:+91 984 109 6575" class="info">+91 984 109 6575</a>
					</div>
				</div>

				<!-- Map Column -->
				<div class="map-column col-lg-4 col-md-12">
					<div class="inner-column">
						<!--<iframe class="map" src="https://maps.google.com/maps?width=100%25&amp;height=600&amp;hl=en&amp;q=1%20Grafton%20Street,%20Dublin,%20Ireland+(My%20Business%20Name)&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed"></iframe>-->
						<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4767.307164657982!2d80.24292287590099!3d13.053374187269558!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a5266437a90436f%3A0xe96c7058a94caf00!2sNo%20303%203rd%20floor%2C%20Real%20Enclave%2C%2022%2C%20Josier%20St%2C%20Tirumurthy%20Nagar%2C%20Nungambakkam%2C%20Chennai%2C%20Tamil%20Nadu%20600034!5e1!3m2!1sen!2sin!4v1733316304917!5m2!1sen!2sin" width="800" height="820" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
					</div>
				</div>
			</div>
		</div>
	</section>

	<!-- News Section -->
	<!--<section class="news-section">-->
	<!--	<div class="auto-container">-->
	<!--		<div class="sec-title text-center">-->
	<!--			<span class="sub-title">From the Blog</span>-->
	<!--			<h2>Latest News & <br>Articles from the Blog.</h2>-->
	<!--		</div>-->

	<!--		<div class="row">-->
				<!-- News Block -->
	<!--			<div class="news-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp">-->
	<!--				<div class="inner-box">-->
	<!--					<div class="image-box">-->
	<!--						<figure class="image"><a href="#0"><img src="images/resource/news-1.jpg" alt=""></a></figure>-->
	<!--						<span class="date">20 Mar, 2023</span>-->
	<!--					</div>-->
	<!--					<div class="content-box">-->
	<!--						<div class="author-info">-->
	<!--							<div class="author-thumb"><img src="images/resource/avatar1.jpg" alt=""></div>-->
	<!--							<span class="author-name">by Mike Hardson</span>-->
	<!--						</div>-->
	<!--						<h5 class="title"><a href="#0" title="">Five Ways that can Develop your Business Website</a></h5>-->
	<!--						<div class="text">Sed ut perspiciatis unde omnis iste natus error sit voluptatem…</div>-->
	<!--						<ul class="post-info">-->
	<!--							<li class="read-more"><a href="#0" title=""><i class="fa fa-long-arrow-alt-right"></i> More</a></li>-->
	<!--							<li class="comments"><a href="#" title=""><i class="fa fa-comments color1"></i> 2 Comments</a></li>-->
	<!--						</ul>-->
	<!--					</div>-->
	<!--				</div>-->
	<!--			</div>-->

				<!-- News Block -->
	<!--			<div class="news-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="300ms">-->
	<!--				<div class="inner-box">-->
	<!--					<div class="image-box">-->
	<!--						<figure class="image"><a href="#0"><img src="images/resource/news-2.jpg" alt=""></a></figure>-->
	<!--						<span class="date">20 Mar, 2023</span>-->
	<!--					</div>-->
	<!--					<div class="content-box">-->
	<!--						<div class="author-info">-->
	<!--							<div class="author-thumb"><img src="images/resource/avatar1.jpg" alt=""></div>-->
	<!--							<span class="author-name">by Mike Hardson</span>-->
	<!--						</div>-->
	<!--						<h5 class="title"><a href="#0" title="">Five Ways that can Develop your Business Website</a></h5>-->
	<!--						<div class="text">Sed ut perspiciatis unde omnis iste natus error sit voluptatem…</div>-->
	<!--						<ul class="post-info">-->
	<!--							<li class="read-more"><a href="#0" title=""><i class="fa fa-long-arrow-alt-right"></i> More</a></li>-->
	<!--							<li class="comments"><a href="#" title=""><i class="fa fa-comments color1"></i> 2 Comments</a></li>-->
	<!--						</ul>-->
	<!--					</div>-->
	<!--				</div>-->
	<!--			</div>-->

				<!-- News Block -->
	<!--			<div class="news-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="600ms">-->
	<!--				<div class="inner-box">-->
	<!--					<div class="image-box">-->
	<!--						<figure class="image"><a href="#0"><img src="images/resource/news-3.jpg" alt=""></a></figure>-->
	<!--						<span class="date">20 Mar, 2023</span>-->
	<!--					</div>-->
	<!--					<div class="content-box">-->
	<!--						<div class="author-info">-->
	<!--							<div class="author-thumb"><img src="images/resource/avatar1.jpg" alt=""></div>-->
	<!--							<span class="author-name">by Mike Hardson</span>-->
	<!--						</div>-->
	<!--						<h5 class="title"><a href="#0" title="">Five Ways that can Develop your Business Website</a></h5>-->
	<!--						<div class="text">Sed ut perspiciatis unde omnis iste natus error sit voluptatem…</div>-->
	<!--						<ul class="post-info">-->
	<!--							<li class="read-more"><a href="#0" title=""><i class="fa fa-long-arrow-alt-right"></i> More</a></li>-->
	<!--							<li class="comments"><a href="#" title=""><i class="fa fa-comments color1"></i> 2 Comments</a></li>-->
	<!--						</ul>-->
	<!--					</div>-->
	<!--				</div>-->
	<!--			</div>-->

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

	<!-- Main Footer -->
	<?php include("footer.php"); ?>
