<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Gracefarmstudios.com</title>
	<!-- responsive meta -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- For IE -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

	<link rel="stylesheet" href="assets/css/animate.css">  
	<link rel="stylesheet" href="assets/css/aos.css">  
	<link rel="stylesheet" href="assets/css/bootstrap.min.css">	
	<link rel="stylesheet" href="assets/css/bootstrap-select.min.css">
	<link rel="stylesheet" href="assets/css/custom-animate.css">
	<link rel="stylesheet" href="assets/css/fancybox.min.css">
	<link rel="stylesheet" href="assets/css/flaticon.css">
	<link rel="stylesheet" href="assets/css/font-awesome.min.css">
	<link rel="stylesheet" href="assets/css/imp.css">
	<link rel="stylesheet" href="assets/css/jquery-ui.css">
	<link rel="stylesheet" href="assets/css/magnific-popup.css">
	<link rel="stylesheet" href="assets/css/owl.css">
    <link rel="stylesheet" href="assets/css/rtl.css">
	<link rel="stylesheet" href="assets/css/scrollbar.css">

    <!-- Module css -->
    <link rel="stylesheet" href="assets/css/module-css/header-section.css">
	<link rel="stylesheet" href="assets/css/module-css/banner-section.css">
	<link rel="stylesheet" href="assets/css/module-css/about-section.css">
	<link rel="stylesheet" href="assets/css/module-css/blog-section.css">
	<link rel="stylesheet" href="assets/css/module-css/fact-counter-section.css">
	<link rel="stylesheet" href="assets/css/module-css/faq-section.css">
	<link rel="stylesheet" href="assets/css/module-css/contact-page.css">
	<link rel="stylesheet" href="assets/css/module-css/breadcrumb-section.css">
	<link rel="stylesheet" href="assets/css/module-css/team-section.css">
	<link rel="stylesheet" href="assets/css/module-css/partner-section.css">
	<link rel="stylesheet" href="assets/css/module-css/testimonial-section.css">
	<link rel="stylesheet" href="assets/css/module-css/services-section.css">
	<link rel="stylesheet" href="assets/css/module-css/footer-section.css">
   
    <link rel="stylesheet" href="assets/css/style.css">
	<link rel="stylesheet" href="assets/css/responsive.css">
 
</head>

<body>

<div class="boxed_wrapper ltr">

<!-- Preloader -->
<div class="loader-wrap">
    <div class="preloader"><div class="preloader-close">Preloader Close</div></div>
    <div class="layer layer-one"><span class="overlay"></span></div>
    <div class="layer layer-two"><span class="overlay"></span></div>        
    <div class="layer layer-three"><span class="overlay"></span></div>        
</div>

<!-- Main header-->
<header class="main-header header-style-one">
    <!--Start Header--> 
    <div class="header">
        <div class="container">
            <div class="outer-box">
                <div class="header-right">
                    <div class="nav-outer style1 clearfix">
                        <!--Mobile Navigation Toggler-->
                        <div class="mobile-nav-toggler">
                            <div class="inner">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </div>
                        </div>
                        <!-- Main Menu -->
                        <nav class="main-menu style1 navbar-expand-md navbar-light">
                            <div class="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
                                <ul class="navigation clearfix">
                                    <li><a href="#about">About</a></li>
                                    <li><a href="#services">Services</a></li>
                                    <li><a href="#unsubscribe">Unsubscribe</a></li>
                                    <li><a href="privacy.html">Privacy Policy</a></li>
                                    <li><a href="disclaimer.html">Disclaimer</a></li>
                                    <li><a href="contact.html">Contact</a></li>
                                </ul>
                            </div>
                        </nav>                        
                        <!-- Main Menu End-->
                    </div> 
                </div> 
            </div>
        </div>    
    </div> 
    <!--End header-->

    <!--Sticky Header-->
    <div class="sticky-header">
        <div class="container">
            <div class="clearfix">
                <!--Right Col-->
                <div class="right-col float-right">
                    <!-- Main Menu -->
                    <nav class="main-menu clearfix">
                    <!--Keep This Empty / Menu will come through Javascript-->
                    </nav>   
                </div>
            </div>
        </div>
    </div>
    <!--End Sticky Header-->
    
    <!-- Mobile Menu  -->
    <div class="mobile-menu">
        <div class="menu-backdrop"></div>
        <div class="close-btn"><span class="icon fa fa-times-circle"></span></div>
        <nav class="menu-box">
            <div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
        </nav>
    </div>
    <!-- End Mobile Menu --> 
</header>

<!-- Start Main Slider -->
<section class="main-slider style1">
    <div class="slider-shape1" data-aos="fade-right" data-aos-easing="linear" data-aos-duration="3500">
        <img class="zoom-fade" src="assets/images/shape/slider-shape-1.png" alt="">
    </div>
    
    <div class="slider-box">
        <!-- Banner Carousel -->
        <div class="banner-carousel owl-theme owl-carousel">
            <!-- Slide -->
            <div class="slide">
                <div class="image-layer" style="background-image:url(assets/images/slides/slide-v1-1.jpg)"></div>
                <div class="auto-container">
                    <div class="content text-center">
                        <div class="big-title">
                            <h2>Business excellence<br>starts here.</h2>
                        </div>
                        <div class="btns-box center">
                            <a class="btn-one" href="#about">
                                 <div class="border_line"><img src="assets/images/shape/button-border.png" alt=""></div>
                                <span class="txt">Discover More<i class="flaticon-plus-1 plusicon"></i></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Slide -->
        </div>
    </div>
</section>
<!-- End Main Slider -->
<!--Start Service Style1 Area-->
<section id="services" class="service-style1-area">
    <div class="service-style1-area_bg"></div>
    <div class="shape1 wow slideInLeft" data-wow-delay="400ms" data-wow-duration="1500ms">
        <img class="zoom-fade" src="assets/images/shape/thm-shape-2.png" alt="">
    </div>
    <div class="shape2 wow slideInRight" data-wow-delay="400ms" data-wow-duration="1500ms">
        <img class="zoom-fade" src="assets/images/shape/thm-shape-3.png" alt="">
    </div>
    <div class="container">
        <div class="row">
            <!--Start Single Service Style1-->
            <div class="col-xl-4 col-lg-4 col-md-6">
                <div class="single-service-style1">
                    <div class="icon">
                        <img src="assets/images/icon/services/service-v1-1.png" alt="">
                    </div>
                    <div class="title">
                        <h3><a href="#">Identify the Xoven<br>Requirement</a></h3>
                        <div class="inner-text">
                            <p>Uncover the essential requirements with precision through our Xoven Requirement Identification process.</p>
                        </div>
                    </div>
                </div>
            </div> 
            <!--End Single Service Style1--> 
            <!--Start Single Service Style1-->
            <div class="col-xl-4 col-lg-4 col-md-6">
                <div class="single-service-style1">
                    <div class="icon">
                        <img src="assets/images/icon/services/service-v1-2.png" alt="">
                    </div>
                    <div class="title">
                        <h3><a href="#">Project Scoping<br> and Planning</a></h3>
                        <div class="inner-text">
                            <p>Crafting success begins with meticulous Project Scoping and Planning to ensure your vision becomes a reality.</p>
                        </div>
                    </div>
                </div>
            </div> 
            <!--End Single Service Style1-->   
            <!--Start Single Service Style1-->
            <div class="col-xl-4 col-lg-4 col-md-6">
                <div class="single-service-style1">
                    <div class="icon">
                        <img src="assets/images/icon/services/service-v1-3.png" alt="">
                    </div>
                    <div class="title">
                        <h3><a href="#">Help Desk IT<br> Services</a></h3>
                        <div class="inner-text">
                            <p>Seamless IT support awaits with our Help Desk Services—keeping your systems running smoothly and your business thriving.</p>
                        </div>
                    </div>
                </div>
            </div> 
            <!--End Single Service Style1-->   
            
            <!--Start Single Service Style1-->
            <div class="col-xl-4 col-lg-4 col-md-6">
                <div class="single-service-style1">
                    <div class="icon">
                        <img src="assets/images/icon/services/service-v1-4.png" alt="">
                    </div>
                    <div class="title">
                        <h3><a href="#">Creative Cloud<br> Solutions</a></h3>
                        <div class="inner-text">
                            <p>Unlock the potential of creativity with our Creative Cloud Solutions—where innovation meets limitless possibilities.</p>
                        </div>
                    </div>
                </div>
            </div> 
            <!--End Single Service Style1-->   
            <!--Start Single Service Style1-->
            <div class="col-xl-4 col-lg-4 col-md-6">
                <div class="single-service-style1">
                    <div class="icon">
                        <img src="assets/images/icon/services/service-v1-5.png" alt="">
                    </div>
                    <div class="title">
                        <h3><a href="#">Infrastructure<br> Capacity Planning</a></h3>
                        <div class="inner-text">
                            <p>Empower your business with robust Infrastructure Capacity Planning, ensuring seamless growth and optimal performance.</p>
                        </div>
                    </div>
                </div>
            </div> 
            <!--End Single Service Style1-->   
            <!--Start Single Service Style1-->
            <div class="col-xl-4 col-lg-4 col-md-6">
                <div class="single-service-style1">
                    <div class="icon">
                        <img src="assets/images/icon/services/service-v1-6.png" alt="">
                    </div>
                    <div class="title">
                        <h3><a href="#">Our Technology<br> Services</a></h3>
                        <div class="inner-text">
                            <p>Experience cutting-edge solutions with our Technology Services, designed to elevate your business in the digital era.</p>
                        </div>
                    </div>
                </div>
            </div> 
            <!--End Single Service Style1-->   
        </div>
    </div>
</section>
<!--End Service Style1 Area-->


<!--Start About Style1 Area-->
<section id="about" class="about-style1-area">
    <div class="container">
        <div class="sec-title text-center">
            <div class="sub-title">
                <h3>About us</h3>
            </div>
            <h2>We build future ready digital web<br> studio and platforms.</h2>
        </div>
        <div class="row">

            <div class="col-xl-6">
                <div class="about-style1_image-box clearfix">
                    <div class="shape">
                        <img class="zoom-fade" src="assets/images/shape/thm-shape-1.png" alt="">
                    </div>
                    <div class="inner-caption"><h3>25 Years History</h3></div>
                    <div class="image-box left">
                        <div class="single-box image-box1">
                            <div class="inner">
                                <img src="assets/images/about/about-style1-image-1.jpg" alt="">
                            </div>
                        </div> 
                    </div>
                    <div class="image-box right">
                        <div class="single-box image-box2">
                            <div class="inner">
                                <img src="assets/images/about/about-style1-image-2.jpg" alt="">
                            </div>
                        </div>
                        <div class="single-box image-box3">
                            <div class="inner">
                                <img src="assets/images/about/about-style1-image-3.jpg" alt="">
                            </div>
                        </div>       
                    </div>   
                </div>
            </div>

            <div class="col-xl-6">
                <div class="about-style1_content-box">
                    <h2>Best marketing agency service<br> company online today!</h2>
                    <div class="text">
                        <p>Unlock unparalleled marketing prowess with our agency, leading the way in providing top-tier services and strategies for your online success.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--End About Style1 Area-->
<!-- Unsubscribe Section  -->
    <section id="unsubscribe" class="unsubscribe-form content-section text-center">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<h3 class="title clr">Unsubscribe</h3>
					<form class="form" id="unsubscribe-form" method="POST" action="">
						<div class="d-none overlay">
							<div class="text-center middle">
								<div class="lds-ellipsis"><div></div><div></div><div></div><div></div><div></div><div></div></div>
							</div>
						</div>
						<div class="messages">
												</div>
						<div class="col-lg-12 col-md-12">
							<h5 class="text-center">We will be very sad if you decide to go!</h5>
						</div>
						<div class="offset-lg-2 col-lg-8 col-md-12 col-sm-12">
							<div class="form-group">
								<input class="form-control" type="email" name="email" placeholder="Enter your email address" required="required">
							</div>
						</div>
						<div class="col-lg-12 col-md-12">
							<div style="text-align:center;">
								                            </div>
						</div>
						<div class="col-lg-12 col-md-12 text-center">
							<button class="btn btn-danger-2" type="submit"><span> Unsubscribe </span></button>
						</div> 
					</form>
				</div>
			</div>
		</div>
    </section>
   <!-- Unsubscribe Section End  -->
<!--Start SKill style1 Area-->
<section class="skill-style1-area">
    <div class="custom-container">
        <div class="row">

            <div class="col-xl-6">
                <div class="skill-style1_image-box-outer">
                    <div class="skill-style1_image-box" style="background-image: url(assets/images/resources/skill-style1_image.jpg);"></div>  
                    <div class="title">
                        <h4>Our Story</h4>
                    </div>
                </div>  
            </div>

            <div class="col-xl-6">
                <div class="skill-style1_content-box">
                    <h2>You can check<br> our projects as<br> inspirations.</h2>    
                    <p>Explore our portfolio for inspiration – where creativity meets excellence in every project we undertake.</p>
                    <div class="skill-progress-box">
                        <div class="row">

                            <div class="col-xl-6 col-lg-6">
                                <div class="progress-levels">
                                    <!--Skill Box-->
                                    <div class="progress-box wow">
                                        <div class="inner count-box">
                                            <div class="bar">
                                                <div class="bar-innner">
                                                    <div class="bar-fill" data-percent="80" title="Book"></div>
                                                </div>
                                            </div>
                                            <div class="skill-percent">
                                                <div class="title">
                                                    <h6>Consulting Service </h6>
                                                </div>
                                                <div class="counting">
                                                    <span>/</span> <span class="count-text" data-speed="3000" data-stop="80">0</span>
                                                    <span class="percent">%</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-6 col-lg-6">
                                <div class="progress-levels style2">
                                    <!--Skill Box-->
                                    <div class="progress-box wow">
                                        <div class="inner count-box">
                                            <div class="bar">
                                                <div class="bar-innner">
                                                    <div class="bar-fill" data-percent="70" title="Book"></div>
                                                </div>
                                            </div>
                                            <div class="skill-percent">
                                                <div class="title">
                                                    <h6>Finance Consulting</h6>
                                                </div>
                                                <div class="counting">
                                                    <span>/</span> <span class="count-text" data-speed="3000" data-stop="70">0</span>
                                                    <span class="percent">%</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>


                        </div>
                    </div>
                </div>
            </div>


        </div>    
    </div>
</section>
<!--End SKill style1 Area-->

<!--Start Fact Counter Area-->
<section class="fact-counter-area">
    <div class="container">
        <div class="row">
            <div class="col-xl-12">
                <div class="fact-counter_box">
                    <ul class="clearfix">
                        <li class="single-fact-counter wow slideInLeft" data-wow-delay="200ms" data-wow-duration="1500ms">
                            <div class="border-box"></div>
                            <div class="outer-box">
                                <div class="count-outer count-box">
                                    <span class="count-text" data-speed="3000" data-stop="302">0</span>
                                </div>
                                <div class="title">
                                    <h6>Happy Clients</h6>
                                </div>
                            </div>  
                        </li>
                        <li class="single-fact-counter wow slideInLeft" data-wow-delay="500ms" data-wow-duration="1500ms">
                            <div class="border-box"></div>
                            <div class="outer-box">
                                <div class="count-outer count-box">
                                    <span class="count-text" data-speed="3000" data-stop="325">0</span>
                                </div>
                                <div class="title">
                                    <h6>Cup Of Tea</h6>
                                </div>
                            </div>  
                        </li>
                        <li class="single-fact-counter wow slideInRight" data-wow-delay="500ms" data-wow-duration="1500ms">
                            <div class="border-box"></div>
                            <div class="outer-box">
                                <div class="count-outer count-box">
                                    <span class="count-text" data-speed="3000" data-stop="333">0</span>
                                </div>
                                <div class="title">
                                    <h6>Our Awards</h6>
                                </div>
                            </div>  
                        </li>
                        <li class="single-fact-counter wow slideInRight" data-wow-delay="200ms" data-wow-duration="1500ms">
                            <div class="border-box"></div>
                            <div class="outer-box">
                                <div class="count-outer count-box">
                                    <span class="count-text" data-speed="3000" data-stop="335">0</span>
                                </div>
                                <div class="title">
                                    <h6>Exparts Team</h6>
                                </div>
                            </div>  
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>   
<!--End Fact Counter Area-->

<!--Start Testimonial style1 Area-->
<section class="testimonial-style1-area"> 
    <div class="container">
        <div class="testimonial-style1_title">
            <h2>What Our Clint <span>Saying?</span></h2>
        </div>
        <div class="row">
            <div class="col-xl-12">
                <div class="testimonial-style1-content">
                    <div class="testimonial-style1-carousel owl-carousel owl-theme">
                        <!--Start Single Testimonial Style1-->
                        <div class="single-testimonial-style1">
                            <div class="quote-box">
                                <div class="quote-border" style="background-image: url(assets/images/icon/quote-border.png);"></div>
                                <span class="flaticon-right-quote"></span>
                            </div>
                            <div class="text-holder">
                                <div class="text">
                                    <h3>"Incredible service! The team at Gracefarmstudios.com went above and beyond, exceeding our expectations. They truly understand the pulse of our business and delivered exceptional results.</h3>
                                </div>
                                <div class="client-info">
                                    <div class="img-box">
                                        <img src="assets/images/testimonial/testimonial-v1-1.jpg" alt=""> 
                                    </div>
                                    <div class="inner-title">
                                        <h4> John D</h4>
                                    </div>
                                </div>
                            </div> 
                        </div>
                        <!--End Single Testimonial Style1-->
                        <!--Start Single Testimonial Style1-->
                        <div class="single-testimonial-style1">
                            <div class="quote-box">
                                <div class="quote-border" style="background-image: url(assets/images/icon/quote-border.png);"></div>
                                <span class="flaticon-right-quote"></span>
                            </div>
                            <div class="text-holder">
                                <div class="text">
                                    <h3>Working with Gracefarmstudios.com has been a game-changer for our online presence. Their innovative solutions and commitment to excellence make them our go-to partner for all things digital.</h3>
                                </div>
                                <div class="client-info">
                                    <div class="img-box">
                                        <img src="assets/images/testimonial/testimonial-v1-2.jpg" alt=""> 
                                    </div>
                                    <div class="inner-title">
                                        <h4>Sarah M.</h4>
                                    </div>
                                </div>
                            </div> 
                        </div>
                        <!--End Single Testimonial Style1-->
                        <!--Start Single Testimonial Style1-->
                        <div class="single-testimonial-style1">
                            <div class="quote-box">
                                <div class="quote-border" style="background-image: url(assets/images/icon/quote-border.png);"></div>
                                <span class="fa fa-quote-right"></span>
                            </div>
                            <div class="text-holder">
                                <div class="text">
                                    <h3>Reliable, creative, and always ready to tackle challenges – that’s Gracefarmstudios.com. Their expertise has significantly boosted our brand visibility and customer engagement. Highly recommended!</h3>
                                </div>
                                <div class="client-info">
                                    <div class="img-box">
                                        <img src="assets/images/testimonial/testimonial-v1-3.jpg" alt=""> 
                                    </div>
                                    <div class="inner-title">
                                        <h4>Salena Smith</h4>
                                    </div>
                                </div>
                            </div> 
                        </div>
                        <!--End Single Testimonial Style1-->
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--End Testimonial Style1 Area-->

<!--Start footer area -->  
<footer>
    <div class="container subscribe">
	    <form class="subscribe-form mt-10" id="subscribe-form" method="POST" action="">
				<div class="d-none overlay">
					<div class="text-center middle">
						<div class="lds-ellipsis"><div></div><div></div><div></div><div></div><div></div><div></div></div>
					</div>
				</div>
				<div class="row">     
					<div class="offset-lg-2 col-lg-8 col-md-12 col-sm-12">
						<div class="form-group">
						<input class="form-control" type="email" name="subscribe_email" placeholder="Enter your email address" required="required">
						</div>
					</div>
				</div>
				<div class="row">
					<div class=" col-lg-12 col-md-12  col-sm-12">
						<div class="subscribe-accept">
							<input type="checkbox" name="subscribe_accept" required="required">
							I agree to the <a href="privacy.html">Privacy Policy</a>, <a href="disclaimer.html">Disclaimer</a> and to receive newsletters from Gracefarmstudios.com						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-12 col-md-12">
						<button class="btn btn-danger-2" type="submit"><span> Subscribe! </span></button>
					</div>
				</div>
				<div class="messages"></div>
        </form>
    </div>
         <div  class="container subscribe">
        <div class="row">
				<div class=" col-lg-12  col-md-12  col-sm-12 col-xs-12 links">
					<ul class="list-unstyled">
						<li><a   href="#about">About</a></li>
						<li><a   href="#unsubscribe">Unsubscribe</a></li>
						<li><a   href="disclaimer.html">Disclaimer</a></li>
						<li><a   href="privacy.html">Privacy Policy </a></li>
					</ul>
				</div>
        </div>
			<div class="row">
				<div class="col-lg-12  col-md-12  col-sm-12 col-xs-12 copyright">
					&copy; 2025 Gracefarmstudios.com All Rights Reserved.
				</div>
			</div>
         </div>
  </footer>
<!--End footer area-->


<button class="scroll-top scroll-to-target" data-target="html">
    <span class="fa fa-angle-up"></span>
</button> 

</div> 



<script src="assets/js/jquery.js"></script>
<script src="assets/js/aos.js"></script>
<script src="assets/js/appear.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/bootstrap-select.min.js"></script>
<script src="assets/js/isotope.js"></script>
<script src="assets/js/jquery.countTo.js"></script>
<script src="assets/js/jquery.easing.min.js"></script>
<script src="assets/js/jquery.enllax.min.js"></script>
<script src="assets/js/jquery.fancybox.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/jquery.paroller.min.js"></script>
<script src="assets/js/jquery-ui.js"></script>
<script src="assets/js/knob.js"></script>
<script src="assets/js/map-script.js"></script>
<script src="assets/js/owl.js"></script>
<script src="assets/js/pagenav.js"></script>
<script src="assets/js/parallax.min.js"></script>
<script src="assets/js/scrollbar.js"></script>
<script src="assets/js/TweenMax.min.js"></script>
<script src="assets/js/validation.js"></script>
<script src="assets/js/wow.js"></script>

<!-- thm custom script -->
<script src="assets/js/custom.js"></script>



</body>
</html>