<!DOCTYPE html>
<html lang="zxx">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8" />
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Title -->
    <title>Taches-et-couleurs.com</title>
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@700&family=Merriweather:wght@700&family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
    
    <!-- Flaticon -->
    <link rel="stylesheet" href="assets/css/flaticon.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="assets/css/fontawesome-5.14.0.min.css">
    <!-- Bootstrap -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <!-- Magnific Popup -->
    <link rel="stylesheet" href="assets/css/magnific-popup.min.css">
    <!-- Nice Select -->
    <link rel="stylesheet" href="assets/css/nice-select.min.css">
    <!-- Type Writer -->
    <link rel="stylesheet" href="assets/css/jquery.animatedheadline.css">
    <!-- Animate -->
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <!-- Slick -->
    <link rel="stylesheet" href="assets/css/slick.min.css">
    <!-- Main Style -->
    <link rel="stylesheet" href="assets/css/style.css">
</head>

<body class="home-three">
    <div class="page-wrapper">
        <!-- Preloader -->
        <div class="preloader"></div>
        <!-- main header -->
        <header class="main-header header-three menu-absolute">
            <!--Header-Upper-->
            <div class="header-upper">
                <div class="container-fluid clearfix">
                    <div class="header-inner rel d-flex align-items-center">
                        
                        <div class="nav-outer clearfix">
                            <!-- Main Menu -->
                            <nav class="main-menu navbar-expand-lg">
                                <div class="navbar-header">      
                                    <button type="button" class="navbar-toggle" data-bs-toggle="collapse" data-bs-target=".navbar-collapse">
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                    </button>
                                </div>
                                <div class="navbar-collapse collapse clearfix">
                                    <ul class="navigation clearfix">
                                        <li class="dropdown"><a href="#about">About</a>
                                        </li>
                                        <li class="dropdown"><a href="#services">services</a>
                                        </li>
                                        <li class="dropdown"><a href="#unsubscribe">Unsubscribe</a>                 
                                        </li>
                                        <li class="dropdown"><a href="privacy.html">Privacy Policy</a>
                                        </li>
                                        <li class="dropdown"><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>
            <!--End Header Upper-->
        </header> 
        <!-- Hero Section Start -->
        <section class="hero-area-three pt-210 rpt-150 rel z-1">
            <div class="container">
                <div class="row align-items-center justify-content-center">
                    <div class="col-xl-10 col-lg-11">
                        <div class="hero-content-three text-center pt-10 mb-40 wow fadeInUp delay-0-2s">
                            <h1>We Build Modern <span>Website</span> for your Business</h1>
                            <p>Your success is our top priority.</p>
                            <div class="hero-btns pt-5 wow fadeInUp delay-0-4s">
                                <a href="#about" class="theme-btn mt-15"> Start<i class="fas fa-angle-double-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="hero-three-image wow fadeInUp delay-0-6s">
                    <img src="assets/images/hero/hero-three.png" alt="Hero">
                </div>
            </div>
            <div class="hero-three-shapes">
                <div class="angle wow slideInDown delay-0-2s"></div>
                <div class="circle wow zoomInLeft delay-0-2s" data-wow-duration="2s"></div>
                <img class="shape-one" src="assets/images/shapes/hero-shape1.png" alt="Shape">
                <img class="shape-two" src="assets/images/shapes/hero-shape2.png" alt="Shape">
            </div>
        </section>
        <!-- Hero Section End -->
        <!-- Features Area start -->
        <section id="about" class="features-area-two pt-130 rel z-1">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="feature-item-two mt-60 wow fadeInUp delay-0-2s">
                            <div class="icon"><i class="fas fa-check"></i></div>
                            <h4><br>Components</h4>
                            <p>Unlock endless design possibilities with 249+ UI components. Elevate your digital aesthetics with Taches-et-couleurs.com.</p>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="feature-item-two color-two wow fadeInUp delay-0-4s">
                            <div class="icon"><i class="fas fa-check"></i></div>
                            <h4> <br>Web Templates</h4>
                            <p>Choose from a vast selection of 5630+ web templates. Empower your online presence with versatility, courtesy of Taches-et-couleurs.com.</p>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="feature-item-two color-three mt-60 wow fadeInUp delay-0-6s">
                            <div class="icon"><i class="fas fa-check"></i></div>
                            <h4><br>Digital Assets</h4>
                            <p>Dive into creativity with our collection of 9562+ digital assets. Elevate your projects with diverse resources from Taches-et-couleurs.com.</p>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="feature-item-two color-four wow fadeInUp delay-0-8s">
                            <div class="icon"><i class="fas fa-check"></i></div>
                            <h4><br>Custom Addons</h4>
                            <p>Tailor your digital experience with 4563+ custom addons. At Taches-et-couleurs.com, we empower your online journey with personalized enhancements</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Features Area end -->    
        <!-- What We Do Area start -->
    
        <section id="services" class="ww-do-area pt-100 pb-130 rel z-1">
            <div class="container">
                <div class="row justify-content-between align-items-center">
                    <div class="col-xl-5 col-lg-6">
                        <div class="ww-do-content rmb-65">
                            <div class="section-title mb-40 wow fadeInRight delay-0-2s">
                                <span class="sub-title style-two mb-15">What We Do</span>
                                <h2>We Create Your Unique Online Websites</h2>
                            </div>
                            <div class="feature-three-wrap">
                                <div class="feature-item-three wow fadeInRight delay-0-3s">
                                    <i class="flaticon-technical-support"></i>
                                    <div class="content">
                                        <h4>Customize your site</h4>
                                        <p>Customize your site effortlessly with our tailored solutions. Empower your brand's digital presence with Taches-et-couleurs.com.</p>
                                    </div>
                                </div>
                                <div class="feature-item-three color-two wow fadeInRight delay-0-4s">
                                    <i class="flaticon-settings"></i>
                                    <div class="content">
                                        <h4>Add advanced features</h4>
                                        <p>Enhance your site's capabilities effortlessly. Add advanced features with ease through our expert solutions at Taches-et-couleurs.com.</p>
                                    </div>
                                </div>
                                <div class="feature-item-three color-three wow fadeInRight delay-0-5s">
                                    <i class="flaticon-app-development"></i>
                                    <div class="content">
                                        <h4>Edit your mobile view</h4>
                                        <p>Refine your mobile experience with a simple edit. At Taches-et-couleurs.com, we ensure seamless adaptability for your brand's digital success.</p>
                                    </div>
                                </div>
                                <div class="feature-item-three color-four wow fadeInRight delay-0-6s">
                                    <i class="flaticon-optimization"></i>
                                    <div class="content">
                                        <h4>Optimize for search engines</h4>
                                        <p>Boost visibility and reach new heights. we optimize for search engines, ensuring your brand rises to the top. Elevate your online presence with Taches-et-couleurs.com.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="ww-do-images">
                            <img class="image-one wow fadeInDown delay-0-2s" src="assets/images/about/ww-do1.png" alt="What We Do">    
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- What We Do Area end -->
           <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>
        
        
        
        
        <!-- Feature With Image start -->
        <section class="feature-with-image-area bgc-black text-white py-130 rel z-1">
            <div class="container">
                <div class="feature-with-image">
                    <div class="feature-image wow fadeInLeft delay-0-2s">
                        <img src="assets/images/features/feature1.png" alt="Feature">
                    </div>
                    <div class="feature-content wow fadeInRight delay-0-2s">
                        <h3>Advanced design features.</h3>
                        <p>Elevate your digital presence with cutting-edge design elements that capture attention and set your brand apart. Explore innovation with Taches-et-couleurs.com.</p>
                    </div>
                    <div class="feature-shape">
                        <img src="assets/images/shapes/feature-shape.png" alt="Shape">
                    </div>
                </div>
                <div class="feature-with-image">
                    <div class="feature-shape">
                        <img src="assets/images/shapes/feature-shape.png" alt="Shape">
                    </div>
                    <div class="feature-content wow fadeInRight delay-0-2s">
                        <h3>We’ll instantly create a perfect design</h3>
                        <p>We'll instantly craft a flawless design that embodies your vision. Experience seamless creativity with Taches-et-couleurs.com.</p>
                    </div>
                    <div class="feature-image wow fadeInLeft delay-0-2s">
                        <img src="assets/images/features/feature2.png" alt="Feature">
                    </div>
                </div>
                <div class="feature-with-image">
                    <div class="feature-image wow fadeInLeft delay-0-2s">
                        <img src="assets/images/features/feature3.png" alt="Feature">
                    </div>
                    <div class="feature-content wow fadeInRight delay-0-2s">
                        <h3>Share your ideas. Grow your brand</h3>
                        <p>Share your ideas. Watch your brand flourish. At Taches-et-couleurs.com, we turn your visions into vibrant realities.</p>
                    </div>
                    <div class="feature-shape">
                        <img src="assets/images/shapes/feature-shape.png" alt="Shape">
                    </div>
                </div>
            </div>
        </section>
        <!-- Feature With Image end -->
        <!-- Statistics Two Area start -->
        <section class="statistics-area-two bgc-lighter bgs-cover pt-130 pb-100 rel z-1" style="background-image: url(assets/images/features/support-features-bg.png);">
            <div class="container">
                <div class="row justify-content-between align-items-center">
                    <div class="col-lg-5">
                        <div class="statistics-two-content mb-30 rmb-35 wow fadeInRight delay-0-2s">
                            <div class="section-title mb-25">
                                <span class="sub-title style-two mb-15">Company Statistics</span>
                                <h2>We're the best web development agency more achievement</h2>
                            </div>
                            <p>Embrace excellence with Taches-et-couleurs.com, the premier web development agency. Explore a legacy of achievements as we redefine digital landscapes.</p>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="statistics-two-counters mt-30">
                            <div class="row">
                                <div class="col-xl-5 col-lg-6 col-md-5 col-sm-6">
                                    <div class="counter-item counter-text-wrap wow fadeInLeft delay-0-2s">
                                        <i class="flaticon-startup"></i>
                                        <span class="count-text" data-speed="3000" data-stop="2365">0</span>
                                        <span class="counter-title">Projects complete</span>
                                    </div>
                                </div>
                                <div class="col-xl-5 col-lg-6 col-md-5 col-sm-6">
                                     <div class="counter-item for-margin counter-text-wrap wow fadeInLeft delay-0-5s">
                                        <i class="flaticon-global"></i>
                                        <span class="count-text" data-speed="3000" data-stop="9632">0</span>
                                        <span class="counter-title">Trusted Global Clients</span>
                                    </div>
                                </div>
                                <div class="col-xl-5 col-lg-6 col-md-5 col-sm-6 offset-xl-1">
                                    <div class="counter-item counter-text-wrap wow fadeInLeft delay-0-2s">
                                        <i class="flaticon-rating"></i>
                                        <span class="count-text" data-speed="3000" data-stop="8504">0</span>
                                        <span class="counter-title">Expert Team Member</span>
                                    </div>
                                </div>
                                <div class="col-xl-5 col-lg-6 col-md-5 col-sm-6">
                                    <div class="counter-item for-margin counter-text-wrap wow fadeInLeft delay-0-5s">
                                        <i class="flaticon-trophy"></i>
                                        <span class="count-text" data-speed="3000" data-stop="6763">0</span>
                                        <span class="counter-title">Projects complete</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Statistics Two Area end -->

        <!-- Why Choose Us Area start -->
        <section class="why-choose-two-area py-130 rel z-1">
            <div class="container">
                <div class="row justify-content-between align-items-center">
                    <div class="col-lg-6">
                        <div class="why-choose-two-image rmb-65 wow fadeInUp delay-0-4s">
                            <img src="assets/images/about/why-choose-us-two.png" alt="why choose us">
                        </div>
                    </div>
                    <div class="col-xl-5 col-lg-6">
                        <div class="why-choose-two-content wow fadeInUp delay-0-2s">
                            <div class="section-title mb-35">
                                <span class="sub-title style-two mb-15">Why Choose Us</span>
                                <h2>Great Web solutions that you can trust</h2>
                            </div>
                            <ul class="list-style-one">
                                <li>
                                    <div class="content">
                                        <h5>Easy Customize</h5>
                                        <p>Simplify your digital journey. With easy customization, we ensure your online presence aligns effortlessly with your vision. Choose Taches-et-couleurs.com for seamless solutions.</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="content">
                                        <h5>Chat & Messaging</h5>
                                        <p>Engage your audience with seamless communication. Our Chat & Messaging solutions redefine interaction. Elevate your user experience with Taches-et-couleurs.com.</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="content">
                                        <h5>Payment Gatway</h5>
                                        <p>Seamless transactions made simple. Integrate our Payment Gateway solutions for secure and efficient online payments. Trust Taches-et-couleurs.com for a smooth digital experience.</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Why Choose Us Area end -->
        
        
        <!-- Feedback Area start -->
        <section class="feedback-area pb-130 rel z-1">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-6 col-lg-8">
                        <div class="section-title text-center mb-40 wow fadeInUp delay-0-2s">
                            <span class="sub-title style-two mb-20">Clents Feedback</span>
                            <h2>2,000+ Positive reviews by our satisfied clients</h2>
                        </div>
                    </div>
                </div>
                <div class="feedback-active">
                    <div class="feedback-item wow fadeInUp delay-0-2s">
                        <div class="author-logo">
                            <i class="far fa-quote-right"></i>
                        </div>
                       
                        <p>Working with Taches-et-couleurs.com was a game-changer for our business. Their innovative solutions and dedicated team transformed our online presence. Highly recommended!</p>
                        <div class="feedback-author">
                          
                            <div class="content">
                                <h5>Sara</h5>
                            </div>
                        </div>
                    </div>
                    <div class="feedback-item wow fadeInUp delay-0-4s">
                        <div class="author-logo">
                            <i class="far fa-quote-right"></i>
                          
                        </div>
                        
                        <p>Incredible service and attention to detail! Taches-et-couleurs.com not only met but exceeded our expectations. They truly understand the dynamics of the digital landscape.</p>
                        <div class="feedback-author">
                        
                            <div class="content">
                                <h5>Nicholas R. Gomez</h5>
                            </div>
                        </div>
                    </div>
                    <div class="feedback-item wow fadeInUp delay-0-6s">
                        <div class="author-logo">
                            <i class="far fa-quote-right"></i>
               
                        </div>                
                        <p>Choosing Taches-et-couleurs.com was the best decision for our website overhaul. Professionalism, creativity, and results-driven – they have it all. Clients for life!</p>
                        <div class="feedback-author">
                         
                            <div class="content">
                                <h5>James R. Lawrence</h5>
                            </div>
                        </div>
                    </div>
                    <div class="feedback-item wow fadeInUp delay-0-2s">
                        <div class="author-logo">
                            <i class="far fa-quote-right"></i>
                        </div>
                        <p>Our experience with Taches-et-couleurs.com was exceptional. They brought our vision to life with precision and flair. A reliable partner for anyone seeking top-notch web solutions.</p>
                        <div class="feedback-author">
               
                            <div class="content">
                                <h5>Nancy</h5>
                            </div>
                        </div>
                    </div>        
                </div>
            </div>
            <div class="feedback-shape one">
                <img src="assets/images/feedback/man1.jpg" alt="Man Shape">
            </div>
            <div class="feedback-shape two">
                <img src="assets/images/feedback/man2.jpg" alt="Man Shape">
            </div>
        </section>
        <!-- Feedback Area end -->
       <!-- Footer Section Start -->
  <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 Taches-et-couleurs.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 Taches-et-couleurs.com All Rights Reserved.
				</div>
			</div>
         </div>
  </footer>
        <!-- footer area end -->

    </div>
    <!--End pagewrapper-->
    
    <!-- Jquery -->
    <script src="assets/js/jquery-3.6.0.min.js"></script>
    <!-- Bootstrap -->
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- Appear Js -->
    <script src="assets/js/appear.min.js"></script>
    <!-- Slick -->
    <script src="assets/js/slick.min.js"></script>
    <!-- Magnific Popup -->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <!-- Nice Select -->
    <script src="assets/js/jquery.nice-select.min.js"></script>
    <!-- Image Loader -->
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <!-- Type Writer -->
    <script src="assets/js/jquery.animatedheadline.min.js"></script>
    <!-- Circle Progress -->
    <script src="assets/js/circle-progress.min.js"></script>
    <!-- Isotope -->
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <!--  WOW Animation -->
    <script src="assets/js/wow.min.js"></script>
    <!-- Custom script -->
    <script src="assets/js/script.js"></script>

</body>
</html>