<!DOCTYPE html>
<html lang="en-US">

<head>
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
   <title>Creote - Just another Html template</title>
   <!-- Fav Icon -->
   <link rel="icon" href="assets/images/favicon.ico" type="image/x-icon">
   <!-- Fav Icon -->
   <!-- Google Fonts -->
   <link rel='stylesheet'
      href='https://fonts.googleapis.com/css?family=Spartan%3A400%2C500%2C600%2C700%2C800%2C900%7CInter%3A300%2C400%2C500%2C600%2C700%2C800%2C900&amp;subset=latin%2Clatin-ext'
      type='text/css' media='all' />
   <!-- Google Fonts -->
   <!-- Style -->
   <link rel='stylesheet' href='assets/css/bootstrap.min.css' type='text/css' media='all' />
   <link rel='stylesheet' href='assets/css/owl.css' type='text/css' media='all' />
   <link rel='stylesheet' href='assets/css/swiper.min.css' type='text/css' media='all' />
   <link rel='stylesheet' href='assets/css/jquery.fancybox.min.css' type='text/css' media='all' />
   <link rel='stylesheet' href='assets/css/icomoon.css' type='text/css' media='all' />
   <link rel='stylesheet' href='assets/css/flexslider.css' type='text/css' media='all' />
   <link rel='stylesheet' href='assets/css/font-awesome.min.css' type='text/css' media='all' />
   <link rel='stylesheet' href='assets/css/style.css' type='text/css' media='all' />
   <link rel='stylesheet' href='assets/css/scss/elements/theme-css.css' type='text/css' media='all' />
   <link rel='stylesheet' id="creote-color-switcher-css" href='assets/css/scss/elements/color-switcher/color.css' type='text/css' media='all' />
   <!-- Style-->
   <!----woocommerce---->
   <link rel='stylesheet' href='assets/css/woocommerce-layout.css' type='text/css' media='all' />
   <link rel='stylesheet' href='assets/css/woocommerce.css' type='text/css' media='all' />
   <!----woocommerce---->
</head>
<body class="theme-creote">
   <div id="page" class="page_wapper hfeed site">
      <div class="style-switcher">
         <a href="#" id="switcher-toggler"><i class="fa fa-cog"></i></a>
         <h3>Color Skins</h3>
         <ul id="colorschemeOptions" title="Switch Color" data-css-path="assets/css/scss/elements/color-switcher/">
            <li>
               <a href="#" data-theme="color" style="background-color: #078586;"> </a>
            </li>
            <li>
               <a href="#" data-theme="color1" style="background-color: #e5102a;"> </a>
            </li>
            <li>
               <a href="#" data-theme="color2" style="background-color: #3ead3c;"> </a>
            </li>
            <li>
               <a href="#" data-theme="color3" style="background-color: #fed000;"> </a>
            </li>
            <li>
               <a href="#" data-theme="color4" style="background-color: #ff5538;"> </a>
            </li>
            <li>
               <a href="#" data-theme="color5" style="background-color: #246af4;"> </a>
            </li>
         </ul>
      </div>
      <!---============== wrapper_full =================-->
      <div id="wrapper_full" class="content_all_warpper">
         <!----mini cart----->
         <div class="mini_cart_togglers fixed_cart">
            <div class="mini-cart-count">
               0
            </div>
            <i class="icon-shopping-cart"></i>
         </div>
         <!----mini cart----->
         <!----preloader----->
         <div class="preloader-wrap">
            <div class="preloader" style="background-image:url(assets/images/preloader.gif)">
            </div>
            <div class="overlay"></div>
         </div>
         <!----preloader----->
         <!----header----->
         <div class="header_area" id="header_contents">
            <div class="top_bar style_one">
               <div class="auto-container">
                  <div class="row align-items-center">
                     <div class="col-lg-12">
                        <div class="top_inner">
                           <div class="left_side common_css">
                              <div class="contntent address">
                                 <i class="icon-placeholder"></i>
                                 <div class="text">
                                    <small>Location</small>
                                    <span>61W Business Str Hobert, LA </span>
                                 </div>
                              </div>
                              <div class="contntent email">
                                 <i class="icon-email"></i>
                                 <div class="text">
                                    <small>Email</small>
                                    <a href="mailto:sendmail@creote.com">sendmail@creote.com</a>
                                 </div>
                              </div>
                           </div>
                           <div class="right_side common_css">
                              <div class="contntent phone">
                                 <i class="icon-phone-call"></i>
                                 <div class="text">
                                    <small>Phone</small>
                                    <a href="tel:+9806071234">+9806071234</a>
                                 </div>
                              </div>
                              <div class="contntent media">
                                 <i class="icon-share"></i>
                                 <div class="text">
                                    <small>Share</small>
                                    <a href="#" target=_blank rel=nofollow>
                                       <small>Fb</small>
                                    </a>
                                    <a href="#" target=_blank rel=nofollow>
                                       <small>Tw</small>
                                    </a>
                                    <a href="#" target=_blank rel=nofollow>
                                       <small>Sk</small>
                                    </a>
                                    <a href="#" target=_blank rel=nofollow>
                                       <small>Te</small>
                                    </a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <header class="header header_default style_one get_sticky_header">
               <div class="auto-container">
                  <div class="row align-items-center">
                     <div class="col-lg-2 col-md-9 col-sm-9 col-xs-9 logo_column">
                        <div class="header_logo_box">
                           <a href="index-2.html" class="logo navbar-brand">
                              <img src="assets/images/logo-default.png" alt="Creote Elementor" class="logo_default">
                              <img src="assets/images/logo-default.png" alt="Creote Elementor" class="logo__sticky">
                           </a>
                        </div>
                     </div>
                     <div class="col-lg-10 col-md-3 col-sm-3 col-xs-3 menu_column">
                        <div class="navbar_togglers hamburger_menu">
                           <span class="line"></span>
                           <span class="line"></span>
                           <span class="line"></span>
                        </div>
                        <div class="header_content_collapse">
                           <div class="header_menu_box">
                              <div class="navigation_menu">
                                 <ul id="myNavbar" class="navbar_nav">
                                    <li
                                       class="menu-item  menu-item-has-children dropdown dropdown_full position-static mega_menu nav-item">
                                       <a href="index-2.html" class="dropdown-toggle nav-link">
                                          <span>Home</span>
                                       </a>
                                       <ul class="dropdown-menu width_60_percentage">
                                          <li>
                                             <div class="row">
                                                <div class="col-lg-3 m_column">
                                                   <div class="list_item_box style_one">
                                                      <ul>
                                                         <li>
                                                            <small class="d-flex align-items-center">
                                                               <i class="icon-home only_icon"></i>
                                                               <a class="nav_link" href="index-2.html">Home Page - 01</a>
                                                            </small>
                                                         </li>
                                                         <li>
                                                            <small class="d-flex align-items-center">
                                                               <i class="icon-home only_icon"></i>
                                                               <a class="nav_link" href="home-2.html">Home Page - 02</a>
                                                            </small>
                                                         </li>
                                                         <li>
                                                            <small class="d-flex align-items-center">
                                                               <i class="icon-home only_icon"></i>
                                                               <a class="nav_link" href="home-3.html">Home Page - 03</a>
                                                            </small>
                                                         </li>
                                                         <li>
                                                            <small class="d-flex align-items-center">
                                                               <i class="icon-home only_icon"></i>
                                                               <a class="nav_link" href="home-4.html">Home Page - 04</a>
                                                            </small>
                                                         </li>

                                                      </ul>
                                                   </div>
                                                </div>
                                                <div class="col-lg-3 m_column">
                                                   <div class="list_item_box style_one">
                                                      <ul>
                                                         <li>
                                                            <small class="d-flex align-items-center">
                                                               <i class="icon-home only_icon"></i>
                                                               <a class="nav_link" href="home-5.html">Home Page - 05</a>
                                                            </small>
                                                         </li>
                                                         <li>
                                                            <small class="d-flex align-items-center">
                                                               <i class="icon-home only_icon"></i>
                                                               <a class="nav_link" href="home-6.html">Home Page - 06</a>
                                                            </small>
                                                         </li>
                                                         <li>
                                                            <small class="d-flex align-items-center">
                                                               <i class="icon-home only_icon"></i>
                                                               <a class="nav_link" href="home-7.html">Home Page - 07</a>
                                                            </small>
                                                         </li>
                                                         <li>
                                                            <small class="d-flex align-items-center">
                                                               <i class="icon-home only_icon"></i>
                                                               <a class="nav_link" href="home-8.html">Home Page - 08</a>
                                                            </small>
                                                         </li>
                                                      </ul>
                                                   </div>
                                                </div>
                                                <div class="col-lg-3 m_column">
                                                   <div class="list_item_box style_one">
                                                      <ul>

                                                         <li>
                                                            <small class="d-flex align-items-center">
                                                               <i class="icon-home only_icon"></i>
                                                               <a class="nav_link" href="home-9.html">Home Page - 09</a>
                                                            </small>
                                                         </li>
                                                         <li>
                                                            <small class="d-flex align-items-center">
                                                               <i class="icon-home only_icon"></i>
                                                               <a class="nav_link" href="home-10.html">Home Page -
                                                                  10</a>
                                                            </small>
                                                         </li>
                                                         <li>
                                                            <small class="d-flex align-items-center">
                                                               <i class="icon-home only_icon"></i>
                                                               <a class="nav_link" href="home-11.html">Home Page -
                                                                  11</a>
                                                            </small>
                                                         </li>
                                                         <li>
                                                            <small class="d-flex align-items-center">
                                                               <i class="icon-home only_icon"></i>
                                                               <a class="nav_link" href="home-12.html">Home Page -
                                                                  12</a>
                                                            </small>
                                                         </li>
                                                      </ul>
                                                   </div>
                                                </div>
                                                <div class="col-lg-3 m_column">
                                                   <div class="list_item_box style_one">
                                                      <ul>
                                                         <li>
                                                            <small class="d-flex align-items-center">
                                                               <i class="icon-home only_icon"></i>
                                                               <a class="nav_link" href="home-13.html">Home Page -
                                                                  13</a>
                                                            </small>
                                                         </li>
                                                         <li>
                                                            <small class="d-flex align-items-center">
                                                               <i class="icon-home only_icon"></i>
                                                               <a class="nav_link" href="home-14.html">Home Page -
                                                                  14</a>
                                                            </small>
                                                         </li>
                                                         <li>
                                                            <small class="d-flex align-items-center">
                                                               <i class="icon-home only_icon"></i>
                                                               <a class="nav_link" href="home-15.html">Home Page -
                                                                  15</a>
                                                            </small>
                                                         </li>
                                                         <li>
                                                            <small class="d-flex align-items-center">
                                                               <i class="icon-home only_icon"></i>
                                                               <a class="nav_link" href="home-16.html">Home Page -
                                                                  16</a>
                                                            </small>
                                                         </li>

                                                      </ul>
                                                   </div>
                                                </div>
                                             </div>
                                          </li>
                                       </ul>
                                    </li>
                                    <li class="menu-item menu-item-has-children dropdown nav-item">
                                       <a href="#" class="dropdown-toggle nav-link">
                                          <span>Pages</span>
                                       </a>
                                       <ul class="dropdown-menu">
                                          <li class="menu-item  nav-item">
                                             <a href="about-us.html" class="dropdown-item nav-link">
                                                <span>About Us</span>
                                             </a>
                                          </li>
                                          <li class="menu-item menu-item-has-children dropdown nav-item">
                                             <a href="service-default.html"
                                                class="dropdown-item nav-link"><span>Service</span></a>
                                             <ul class="dropdown-menu">
                                                <li class="menu-item  nav-item">
                                                   <a href="service-classic.html" class="dropdown-item nav-link">
                                                      <span>Service Classic</span>
                                                   </a>
                                                </li>
                                                <li class="menu-item  nav-item">
                                                   <a href="service-default.html" class="dropdown-item nav-link">
                                                      <span>Service Default</span>
                                                   </a>
                                                </li>
                                                <li class="menu-item nav-item">
                                                   <a href="service-details.html" class="dropdown-item nav-link">
                                                      <span>Service Details</span>
                                                   </a>
                                                </li>
                                             </ul>
                                          </li>
                                          <li class="menu-item  nav-item">
                                             <a href="pricing-packages.html" class="dropdown-item nav-link">
                                                <span>Pricing Packages</span>
                                             </a>
                                          </li>
                                          <li class="menu-item  nav-item">
                                             <a href="our-team.html" class="dropdown-item nav-link">
                                                <span>Our Team</span>
                                             </a>
                                          </li>
                                          <li class="menu-item  nav-item">
                                             <a href="faqs.html" class="dropdown-item nav-link">
                                                <span>Faq’s</span>
                                             </a>
                                          </li>
                                          <li class="menu-item  nav-item">
                                             <a href="contact.html" class="dropdown-item nav-link">
                                                <span>Contact</span>
                                             </a>
                                          </li>
                                          <li class="menu-item  nav-item">
                                             <a href="coming-soon.html" class="dropdown-item nav-link">
                                                <span>Coming Soon</span>
                                             </a>
                                          </li>
                                       </ul>
                                    </li>
                                    <li
                                       class="menu-item menu-item-has-children dropdown dropdown_full position-static mega_menu nav-item">
                                       <a href="#" class="dropdown-toggle nav-link"><span>Elements</span></a>
                                       <ul class="dropdown-menu width_60_percentage">
                                          <li>
                                             <div class="row">
                                                <div class="col-lg-2 m_column">
                                                   <h5>Content 01</h5>
                                                   <div class="list_item_box style_one">
                                                      <ul>
                                                         <li><a href="elements/testimonial.html">Testimonial</a></li>
                                                         <li><a href="elements/call-to-action.html">Contact List</a>
                                                         </li>
                                                         <li><a href="elements/video-button.html">Video Button</a></li>
                                                         <li><a href="elements/newsteller.html">Newsteller</a></li>
                                                         <li><a href="elements/blog-posts.html">Blog Posts</a></li>
                                                         <li><a href="elements/team.html">Team</a></li>
                                                      </ul>
                                                   </div>
                                                </div>
                                                <div class="col-lg-2 m_column">
                                                   <h5>Content 02</h5>
                                                   <div class="list_item_box style_one">
                                                      <ul>
                                                         <li><a href="elements/process.html">Process</a></li>
                                                         <li><a href="elements/project-carousel.html">Project
                                                               Carousel</a></li>
                                                         <li><a href="elements/project-filter.html">Project Filter</a>
                                                         </li>
                                                         <li><a href="elements/progress-bar.html">Progress Bar</a></li>
                                                         <li><a href="elements/content-box.html">Content Box</a></li>
                                                         <li><a href="elements/faqs-elements.html">Faq’s</a></li>
                                                      </ul>
                                                   </div>
                                                </div>
                                                <div class="col-lg-2 m_column">
                                                   <h5>Presentational</h5>
                                                   <div class="list_item_box style_one">
                                                      <ul>
                                                         <li><a href="elements/button.html">Button</a></li>
                                                         <li><a href="elements/list-items.html">List Items</a></li>
                                                         <li><a href="elements/contact-form.html">Contact Form</a></li>
                                                         <li><a href="elements/service-post.html">Service Post</a></li>
                                                         <li><a href="elements/sliders.html">Sliders</a></li>
                                                         <li><a href="elements/tabs.html">Tabs</a></li>
                                                      </ul>
                                                   </div>
                                                </div>
                                                <div class="col-lg-2 m_column">
                                                   <h5>Typography</h5>
                                                   <div class="list_item_box style_one">
                                                      <ul>
                                                         <li><a href="elements/call-to-action.html">Call to Action</a>
                                                         </li>
                                                         <li><a href="elements/extra-content.html">Extra Content</a>
                                                         </li>
                                                         <li><a href="elements/simple-image.html">Simple Image</a></li>
                                                         <li><a href="elements/client-image.html">Client Image</a></li>
                                                         <li><a href="elements/price-plan.html">Price Plan</a></li>
                                                         <li><a href="elements/title.html">Title</a></li>
                                                      </ul>
                                                   </div>
                                                </div>
                                                <div class="col-lg-2 m_column">
                                                   <h5>Basic</h5>
                                                   <div class="list_item_box style_one">
                                                      <ul>
                                                         <li><a href="elements/service-box.html">Service Box</a></li>
                                                         <li><a href="elements/count-down.html">Count Down</a></li>
                                                         <li><a href="elements/timeline.html">Time Line</a></li>
                                                         <li><a href="elements/contact-box.html">Contact Box</a></li>
                                                      </ul>
                                                   </div>
                                                </div>
                                                <div class="col-lg-2 m_column">
                                                   <h5>Infographic</h5>
                                                   <div class="list_item_box style_one">
                                                      <ul>
                                                         <li><a href="elements/image-box.html">Image Box</a></li>
                                                         <li><a href="elements/icon-box.html">Icon Box</a></li>
                                                         <li><a href="elements/fun-facts.html">Fun Facts</a></li>
                                                         <li><a href="elements/quotes.html">Quotes</a></li>
                                                      </ul>
                                                   </div>
                                                </div>
                                             </div>
                                          </li>
                                       </ul>
                                    </li>
                                    <li class="menu-item menu-item-has-children dropdown nav-item">
                                       <a href="blog.html" class="dropdown-toggle nav-link">
                                          <span>Blog</span>
                                       </a>
                                       <ul class="dropdown-menu">
                                          <li class="menu-item nav-item">
                                             <a href="blog.html" class="dropdown-item nav-link">
                                                <span>Blog Classic</span>
                                             </a>
                                          </li>
                                          <li class="menu-item  nav-item">
                                             <a href="blog-modern.html" class="dropdown-item nav-link">
                                                <span>Blog Modern</span>
                                             </a>
                                          </li>
                                          <li class="menu-item  nav-item">
                                             <a href="blog-simple.html" class="dropdown-item nav-link">
                                                <span>Blog Simple</span>
                                             </a>
                                          </li>
                                          <li class="menu-item  nav-item">
                                             <a href="blog-list-view.html" class="dropdown-item nav-link">
                                                <span>Blog List View</span>
                                             </a>
                                          </li>
                                          <li class="menu-item  nav-item">
                                             <a href="blog-metro-fullwidth.html" class="dropdown-item nav-link">
                                                <span>Metro Fullwidth</span>
                                             </a>
                                          </li>
                                          <li class="menu-item nav-item">
                                             <a href="blog-single.html" class="dropdown-item nav-link">
                                                <span>Single Post</span>
                                             </a>
                                          </li>
                                       </ul>
                                    </li>
                                    <li class="menu-item menu-item-has-children dropdown nav-item">
                                       <a href="project-1-column-grid.html" class="dropdown-toggle nav-link">
                                          <span>Projects</span>
                                       </a>
                                       <ul class="dropdown-menu">
                                          <li class="menu-item  nav-item">
                                             <a href="project-1-column-grid.html" class="dropdown-item nav-link">
                                                <span>1 Column Grid</span>
                                             </a>
                                          </li>
                                          <li class="menu-item  nav-item">
                                             <a href="project-1-column-with-sidebar.html"
                                                class="dropdown-item nav-link">
                                                <span>1 Column With Sidebar</span>
                                             </a>
                                          </li>
                                          <li class="menu-item  nav-item">
                                             <a href="project-2-column-grid.html" class="dropdown-item nav-link">
                                                <span>2 Columns Grid</span>
                                             </a>
                                          </li>
                                          <li class="menu-item  nav-item">
                                             <a href="project-3-column-grid.html" class="dropdown-item nav-link">
                                                <span>3 Columns Grid</span>
                                             </a>
                                          </li>
                                          <li class="menu-item  nav-item">
                                             <a href="project-3-column-overlay.html" class="dropdown-item nav-link">
                                                <span>3 Columns Overlay</span>
                                             </a>
                                          </li>
                                          <li class="menu-item nav-item">
                                             <a href="project-details.html" class="dropdown-item nav-link">
                                                <span>Project Details</span>
                                             </a>
                                          </li>
                                       </ul>
                                    </li>
                                    <li class="menu-item  menu-item-has-children dropdown nav-item">
                                       <a href="shop.html" class="dropdown-toggle nav-link">
                                          <span>Shop</span>
                                       </a>
                                       <ul class="dropdown-menu">
                                          <li class="menu-item  nav-item">
                                             <a href="shop.html" class="dropdown-item nav-link">
                                                <span>Products</span>
                                             </a>
                                          </li>
                                          <li class="menu-item nav-item">
                                             <a href="shop-details.html" class="dropdown-item nav-link">
                                                <span>Product Details</span>
                                             </a>
                                          </li>
                                          <li class="menu-item nav-item">
                                             <a href="shop-with-sidebar.html" class="dropdown-item nav-link">
                                                <span>Product With Sidebar</span>
                                             </a>
                                          </li>
                                          <li class="menu-item  nav-item">
                                             <a href="my-account.html" class="dropdown-item nav-link">
                                                <span>My account</span>
                                             </a>
                                          </li>
                                          <li class="menu-item  nav-item">
                                             <a href="checkout.html" class="dropdown-item nav-link">
                                                <span>Checkout</span>
                                             </a>
                                          </li>
                                          <li class="menu-item  nav-item">
                                             <a href="cart.html" class="dropdown-item nav-link">
                                                <span>Cart</span>
                                             </a>
                                          </li>
                                       </ul>
                                    </li>
                                 </ul>
                              </div>
                           </div>
                           <div class="header_right_content">
                              <ul>
                                 <li>
                                    <button type="button" class="search-toggler"><i class="icon-search"></i></button>
                                 </li>
                                 <li class="header-button">
                                    <a href="#" target="_blank" rel="" class="theme-btn one"> Get In Touch </a>
                                 </li>
                                 <li>
                                    <button type="button" class="contact-toggler"><i class="icon-bar"></i></button>
                                 </li>
                              </ul>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </header>
         </div>
         <!----header end----->
         <!--===============PAGE CONTENT==============-->
         <!--===============PAGE CONTENT==============-->
         <div id="content" class="site-content">
            <!---slider-->
            <section class="slider style_four nav_position_one">
               <div class="owl-carousel owl_nav_block owl_dots_none theme_carousel owl-theme"
                  data-options='{"loop": true, "margin": 0, "autoheight":true, "lazyload":true, "nav": true, "dots": true, "autoplay": true, "autoplayTimeout": 7000, "smartSpeed": 1800, "responsive":{ "0" :{ "items": "1" }, "768" :{ "items" : "1" } , "1000":{ "items" : "1" }}}'>

                  <div class="slide-item-content">
                     <div class="slide-item content_left">
                        <div class="image-layer" style="background-image:url(assets/images/sliders/slider-1-1.jpg)">
                        </div>
                        <div class="auto-container">
                           <div class="row">
                              <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                                 <div class="slider_content pd_top_180 pd_bottom_200">
                                    <h6 class="animate_up d-inline-block"> Our Vision to Grow Better </h6>
                                    <h1 class="animate_left"> Inspired <br> Performance </h1>
                                    <p class="description animate_right"> Duty obligations of business it will
                                       frequently occur that pleasures <br> have to be repudiated and annoyances
                                       accepted. </p>
                                    <div class="button_all animate_down">
                                       <a href="#" target="_blank" rel="nofollow" class="theme-btn one  animated">Read
                                          More</a>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="slide-item-content">
                     <div class="slide-item content_center">
                        <div class="image-layer" style="background-image:url(assets/images/sliders/slider-1-2.jpg)">
                        </div>
                        <div class="auto-container">
                           <div class="row">
                              <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                                 <div class="slider_content pd_top_180 pd_bottom_200">
                                    <h6 class="animate_up d-inline-block"> Hire the Best </h6>
                                    <h1 class="animate_left"> Hire Better, <br> Faster! </h1>
                                    <p class="description animate_right"> On the other hand, we denounce with
                                       righteous indignation and <br> dislike men who are so beguiled. </p>
                                    <div class="button_all animate_down">
                                       <a href="#" target="_blank" rel="nofollow" class="theme-btn one  animated">Read
                                          More</a>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="slide-item-content">
                     <div class="slide-item content_right">
                        <div class="image-layer" style="background-image:url(assets/images/sliders/slider-1-3.jpg)">
                        </div>
                        <div class="auto-container">
                           <div class="row">
                              <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                                 <div class="slider_content pd_top_180 pd_bottom_200">
                                    <h6 class="animate_up d-inline-block"> Our Vision to Grow Better </h6>
                                    <h1 class="animate_left"> Countless <br> Happy Clients </h1>
                                    <p class="description animate_right"> These cases are perfectly simple and easy
                                       to distinguish. In a free <br> hour, when our power of choice is untrammelled.
                                    </p>
                                    <a href="#" target=_blank rel=nofollow class="theme-btn one  animated _zoomIn"> Read
                                       More </a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </section>
            <!---slider-end--->
            <!---about us-->
            <section class="about_us_section" id="about">
               <!--===============spacing==============-->
               <div class="pd_top_100"></div>
               <!--===============spacing==============-->
               <div class="container pd_zero">
                  <div class="row">
                     <div class="col-xl-6 col-lg-12">
                        <div class="title_all_box style_one dark_color">
                           <div class="title_sections left">
                              <div class="before_title"> Intelligent </div>
                              <h2> Human Resources</h2>
                              <p> Our power of choice is untrammelled and when nothing prevents being able to do what we
                                 like best every pleasure.</p>
                           </div>
                        </div>
                        <!--===============spacing==============-->
                        <div class="pd_bottom_20"></div>
                        <!--===============spacing==============-->
                        <div class="process_box style_one dark_color">
                           <div class="process_box_outer">
                              <div class="icon">
                                 <span class=" icon-line-chart"></span>
                                 <div class="number"> 01 </div>
                              </div>
                              <div class="content_box">
                                 <h2>
                                    <a href="#" target="_blank" rel="nofollow">Claims of duty</a>
                                 </h2>
                                 <p> Certain circumstances seds owing to the claims duty ourighteous indignation and so
                                    beguiled.</p>
                              </div>
                           </div>
                        </div>
                        <div class="process_box style_one dark_color">
                           <div class="process_box_outer">
                              <div class="icon">
                                 <span class=" icon-line-chart"></span>
                                 <div class="number"> 02 </div>
                              </div>
                              <div class="content_box">
                                 <h2>
                                    <a href="#" target="_blank" rel="nofollow"> Accepted always </a>
                                 </h2>
                                 <p> To take a trivial example, which of us ever undertakes get laborious physical
                                    exercise. </p>
                              </div>
                           </div>
                        </div>
                        <!--===============spacing==============-->
                        <div class="pd_bottom_30"></div>
                        <!--===============spacing==============-->
                        <div class="signature_wrapper">
                           <div class="row gutter_15px">
                              <div class="col-lg-4 col-md-12">
                                 <div class="theme_btn_all color_one">
                                    <a href="#" target="_blank" rel="nofollow" class="theme-btn two">Read More</a>
                                 </div>
                              </div>
                              <div class="col-lg-8 col-md-12">
                                 <div class="extra_content authour_box dark_color">
                                    <div class="authour_box_content">
                                       <div class="image">
                                          <img src="assets/images/signature.png" class="img-fluid sign_image"
                                             alt="authour Image" />
                                       </div>
                                       <div class="text">
                                          <h6>Liam Oliver, <span>Founder &amp; CEO of Qetus</span>
                                          </h6>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <!--===============spacing==============-->
                        <div class="pd_bottom_30"></div>
                        <!--===============spacing==============-->
                        <div class="extra_content download_docs dark_color">
                           <div class="download_box_content">
                              <a href="#" download>Download our latest presentation <i class="icon-download-symbol"></i>
                              </a>
                           </div>
                        </div>
                        <!--===============spacing==============-->
                        <div class="pd_bottom_30"></div>
                        <!--===============spacing==============-->
                     </div>
                     <div class="col-xl-6 col-lg-12">

                        <div class="service_wrapper">
                           <div class="move_image_absolute">
                              <img src="assets/images/about/about-1-1.png" class="class-fluid" alt="image" />
                           </div>
                           <div class="row">
                              <div class="col-lg-6 col-md-6">
                                 <div class="service_box style_one dark_color">
                                    <div class="service_content">
                                       <div class="image ">
                                          <img src="assets/images/service-illu-1.png" class="img-fluid"
                                             alt="Service Image" />
                                       </div>
                                       <div class="content_inner">
                                          <h2>
                                             <a href="#"> Innovative HR Solutions </a>
                                          </h2>
                                          <p> Except too obtain some work advantages from it but whom has any rights.
                                          </p>
                                          <a href="#" class="read_more"> Read more </a>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-6 col-md-6">
                                 <!--===============spacing==============-->
                                 <div class="pd_top_100"></div>
                                 <div class="pd_top_100 d_md_none"></div>
                                 <!--===============spacing==============-->
                                 <div class="service_box style_one dark_color last">
                                    <div class="service_content">
                                       <div class="image ">
                                          <img src="assets/images/service-illu-1.png" class="img-fluid"
                                             alt="Service Image" />
                                       </div>
                                       <div class="content_inner">
                                          <h2>
                                             <a href="#"> Leadership Development </a>
                                          </h2>
                                          <p> Actual teachings of the great explorer of the truth masters human
                                             happiness.
                                          </p>
                                          <a href="#" class="read_more"> Read more </a>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <!--===============spacing==============-->
               <div class="pd_bottom_80"></div>
               <!--===============spacing==============-->
            </section>
            <!---about us end-->
            <!---service--->
            <section class="service_section bg_light_1" id="service">
               <!--===============spacing==============-->
               <div class="pd_top_80"></div>
               <!--===============spacing==============-->
               <div class="container">
                  <div class="row">
                     <div class="title_all_box style_one text-center dark_color">
                        <div class="title_sections">
                           <div class="before_title">Leading</div>
                           <h2>Effective Solutions</h2>
                           <p>We work with your company to identify position requirements, implement recruitment
                              programs, and <br> initiate employee assessments that maximize recruitment efforts </p>
                        </div>
                     </div>
                     <!--===============spacing==============-->
                     <div class="pd_bottom_20"></div>
                     <!--===============spacing==============-->
                     <div class="col-xl-4 col-lg-6 col-md-12 col-sm-12 col-xs-12">
                        <div class="service_box style_two dark_color">
                           <div class="service_content_two ">
                              <div class="content_inner"
                                 style="background-image:url(assets/images/service/service-image-1.png);">
                                 <div class="content_inner_in">
                                    <div class="icon_image">
                                       <img src="assets/images/010-job-search.png" class="img-fluid"
                                          alt="Service Image" />
                                    </div>
                                    <h2>
                                       <a href="#">Recruitment Process</a>
                                    </h2>
                                    <p>These cases are perfectly simple and easy to distinguish.</p>
                                    <ul>
                                       <li>Reducing Redundancy</li>
                                       <li>Uncovering Hidden Resources</li>
                                       <li>Increasing Company’s Agility</li>
                                    </ul>
                                 </div>
                              </div>
                              <div class="ovarlay_link">
                                 <a href="#">
                                    <i class="icon-right-arrow"></i>
                                 </a>
                              </div>
                              <div class="overlay_content">
                                 <h2>
                                    <a href="#">Recruitment Process</a>
                                 </h2>
                                 <p>These cases are perfectly simple and easy to distinguish.</p>
                              </div>
                           </div>
                        </div>
                        <!--===============spacing==============-->
                        <div class="mr_bottom_20"></div>
                        <!--===============spacing==============-->
                     </div>
                     <div class="col-xl-4 col-lg-6 col-md-12 col-sm-12 col-xs-12">
                        <div class="service_box style_two dark_color">
                           <div class="service_content_two  active_ser">
                              <div class="content_inner"
                                 style="background-image:url(assets/images/service/service-image-2.png);">
                                 <div class="content_inner_in">
                                    <div class="icon_image">
                                       <img src="assets/images/service-ico-1.png" class="img-fluid"
                                          alt="Service Image" />
                                    </div>
                                    <h2>
                                       <a href="#">Employee Relations</a>
                                    </h2>
                                    <p>Indignation sed dislike men who are beguiled and demoralized.</p>
                                    <ul>
                                       <li>
                                          Improving Communication
                                       </li>
                                       <li>
                                          Employee issue resolution
                                       </li>
                                       <li>
                                          Proper Documentation Process
                                       </li>
                                    </ul>
                                 </div>
                              </div>
                              <div class="ovarlay_link">
                                 <a href="#">
                                    <i class="icon-right-arrow"></i>
                                 </a>
                              </div>
                              <div class="overlay_content">
                                 <h2>
                                    <a href="#">Employee Relations</a>
                                 </h2>
                                 <p>Indignation sed dislike men who are beguiled and demoralized.
                                 </p>
                              </div>
                           </div>
                        </div>
                        <!--===============spacing==============-->
                        <div class="mr_bottom_20"></div>
                        <!--===============spacing==============-->
                     </div>
                     <div class="col-xl-4 col-lg-6 col-md-12 col-sm-12 col-xs-12">
                        <div class="service_box style_two dark_color">
                           <div class="service_content_two ">
                              <div class="content_inner"
                                 style="background-image:url(assets/images/service/service-image-3.png);">
                                 <div class="content_inner_in">
                                    <div class="icon_image">
                                       <img src="assets/images/service-ico-2.png" class="img-fluid"
                                          alt="Service Image" />
                                    </div>
                                    <h2>
                                       <a href="#">Compliance Audits</a>
                                    </h2>
                                    <p>Prevents our being able too what get like best every pleasure.</p>
                                    <ul>
                                       <li>
                                          Handling of employment
                                       </li>
                                       <li>
                                          Greater retention rates
                                       </li>
                                       <li>
                                          A fully engaged workforce
                                       </li>
                                    </ul>
                                 </div>
                              </div>
                              <div class="ovarlay_link">
                                 <a href="#">
                                    <i class="icon-right-arrow"></i>
                                 </a>
                              </div>
                              <div class="overlay_content">
                                 <h2>
                                    <a href="#">Compliance Audits</a>
                                 </h2>
                                 <p>Prevents our being able too what get like best every pleasure.</p>
                              </div>
                           </div>
                        </div>
                        <!--===============spacing==============-->
                        <div class="mr_bottom_20"></div>
                        <!--===============spacing==============-->
                     </div>
                  </div>
               </div>
               <!--===============spacing==============-->
               <div class="pd_bottom_70"></div>
               <!--===============spacing==============-->
            </section>
            <!---service end-->
            <!---expertise--->
            <section class="expertise">
               <div class="area_of_expertise">
                  <div class="simpleParallax">
                     <img src="assets/images/areaof-ecp-1.jpg" class="cover-parallax" alt="image">
                  </div>
                  <div class="title_and_video">
                     <div class="auto-container">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="video_box text-center">
                                 <a href="https://www.youtube.com/embed/-VK0axfge4A" class="lightbox-image"><i
                                       class="icon-play"></i></a>
                              </div>
                           </div>
                           <div class="col-lg-2"></div>
                           <div class="col-lg-6">
                              <div class="title_all_box style_one text-end">
                                 <div class="title_sections">
                                    <h2>Create Meaningful Experiences for employees</h2>
                                    <p>Our power of choice is untrammelled and when nothing prevents our able to do what
                                       we like best every pleasure is to be welcomed and occur that pleasures have to be
                                       repudiated.</p>
                                 </div>
                                 <div class="theme_btn">
                                    <a href="service-default.html" class="theme-btn one">Read more</a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="expertise">
                     <div class="auto-container">
                        <div class="row">
                           <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 expertise_box">
                              <div class="step_number">
                                 <h1>01.</h1>
                              </div>
                              <h2 class="title"><a href="#">Payroll Management</a>
                              </h2>
                           </div>
                           <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 expertise_box">
                              <div class="step_number">
                                 <h1>02.</h1>
                              </div>
                              <h2 class="title">
                                 <a href="#">Employee Compensation</a>
                              </h2>
                           </div>
                           <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 expertise_box">
                              <div class="step_number">
                                 <h1>03.</h1>
                              </div>
                              <h2 class="title">
                                 <a href="#">Benefits Management</a>
                              </h2>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </section>
            <!---expertise-end--->
            <!---process--->
            <section class="process" id="process">
               <!--===============spacing==============-->
               <div class="pd_top_80"></div>
               <!--===============spacing==============-->
               <div class="container">
                  <div class="row">
                     <div class="title_all_box style_one  text-center dark_color">
                        <div class="title_sections">
                           <div class="before_title">
                              The Steps of
                           </div>
                           <h2>Recruitment Process</h2>
                        </div>
                        <!--===============spacing==============-->
                        <div class="pd_bottom_30"></div>
                        <!--===============spacing==============-->
                     </div>

                     <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-xs-12">
                        <div class="process_box style_two dark_color">
                           <div class="process_box_outer_two">
                              <div class="number">
                                 Step 01
                              </div>
                              <div class="content_box clearfix">
                                 <div class="icon">
                                    <div class="img">
                                       <img src="assets/images/service-ico-3.png" class="img-fluid svg_image"
                                          alt="icon png" />
                                    </div>
                                 </div>
                                 <h2><a href="#" target="_blank" rel="nofollow"> Identifiying the Needs</a></h2>
                              </div>
                              <p>Holds in these matters principles all selection right rejects.</p>
                              <a href="#" target="_blank" rel="nofollow" class="theme-btn two">Read more</a>
                           </div>
                        </div>
                        <!--===============spacing==============-->
                        <div class="mr_bottom_30"></div>
                        <!--===============spacing==============-->
                     </div>
                     <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-xs-12">
                        <div class="process_box style_two dark_color">
                           <div class="process_box_outer_two">
                              <div class="number">
                                 Step 02
                              </div>
                              <div class="content_box clearfix">
                                 <div class="icon">
                                    <div class="img">
                                       <img src="assets/images/process-icon-im-1.png" class="img-fluid svg_image"
                                          alt="icon png" />
                                    </div>
                                 </div>
                                 <h2><a href="#" target="_blank" rel="nofollow"> Preparing a Job Description </a></h2>
                              </div>
                              <p> Frequently occur that’s pleasures in have to repudiated.</p>
                              <a href="#" target="_blank" rel="nofollow" class="theme-btn two"> Read more </a>
                           </div>
                        </div>
                        <!--===============spacing==============-->
                        <div class="mr_bottom_30"></div>
                        <!--===============spacing==============-->
                     </div>
                     <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-xs-12">
                        <div class="process_box style_two dark_color">
                           <div class="process_box_outer_two">
                              <div class="number">
                                 Step 03
                              </div>
                              <div class="content_box clearfix">
                                 <div class="icon">
                                    <div class="img">
                                       <img src="assets/images/service-ico-2.png" class="img-fluid svg_image"
                                          alt="icon png" />
                                    </div>
                                 </div>
                                 <h2><a href="#" target="_blank" rel="nofollow"> Find a Talented Candidate</a></h2>
                              </div>
                              <p> Fault with man who choose enjoy a annoying consequences. </p>
                              <a href="#" target="_blank" rel="nofollow" class="theme-btn two"> Read more </a>
                           </div>
                        </div>
                        <!--===============spacing==============-->
                        <div class="mr_bottom_30"></div>
                        <!--===============spacing==============-->
                     </div>
                     <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-xs-12">
                        <div class="process_box style_two dark_color">
                           <div class="process_box_outer_two">
                              <div class="number">
                                 Step 04
                              </div>
                              <div class="content_box clearfix">
                                 <div class="icon">
                                    <div class="img">
                                       <img src="assets/images/process-icon-im-2.png" class="img-fluid svg_image"
                                          alt="icon png" />
                                    </div>
                                 </div>
                                 <h2><a href="#" target="_blank" rel="nofollow"> Screening and Shortlisting </a>
                                 </h2>
                              </div>
                              <p> Holds in these matters principles all selection right rejects.</p>
                              <a href="#" target="_blank" rel="nofollow" class="theme-btn two"> Read more </a>
                           </div>
                        </div>
                        <!--===============spacing==============-->
                        <div class="mr_bottom_30"></div>
                        <!--===============spacing==============-->
                     </div>
                  </div>
               </div>
               <!--===============spacing==============-->
               <div class="pd_bottom_60"></div>
               <!--===============spacing==============-->
            </section>
            <!---process-end--->
            <!---team--->
            <section class="team bg_light_1">
               <!--===============spacing==============-->
               <div class="pd_top_80"></div>
               <!--===============spacing==============-->
               <div class="container">
                  <div class="row align-items-end">
                     <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="title_all_box style_one  dark_color">
                           <div class="title_sections">
                              <div class="before_title"> Dedicated Team</div>
                              <h2>Professional Individuals</h2>
                           </div>
                        </div>
                     </div>
                     <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="description_box">
                           <p>Our power of choice is untrammelled and when nothing prevents being able to do what we
                              like best every pleasure.</p>
                           <!--===============spacing==============-->
                           <div class="mr_bottom_20"></div>
                           <!--===============spacing==============-->
                        </div>
                     </div>
                     <!--===============spacing==============-->
                     <div class="mr_bottom_30"></div>
                     <!--===============spacing==============-->
                  </div>
                  <div class="row">
                     <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
                        <div class="team_box style_one">
                           <div class="team_box_outer">
                              <div class="member_image">
                                 <img src="assets/images/team/team-1.jpg" alt="team image" />
                              </div>
                              <div class="about_member">
                                 <div class="share_media">
                                    <ul class="first">
                                       <li class="text">Share</li>
                                       <li><i class="fa fa-share-alt"></i></li>
                                    </ul>
                                    <ul>
                                       <li class="shar_alt"><i class="fa fa-share-alt"></i></li>
                                       <li><a href="#"> <i class="fa fa-facebook"> </i></a></li>
                                       <li><a href="#"> <i class="fa fa-twitter"> </i></a></li>
                                       <li><a href="#"> <i class="fa fa-skype"> </i></a></li>
                                       <li><a href="#"> <i class="fa fa-instagram"> </i></a></li>
                                    </ul>
                                 </div>
                                 <div class="authour_details">
                                    <span>Director </span>
                                    <h6>Amelia Margaret</h6>
                                    <div class="button_view">
                                       <a href="#" target="_blank" rel="nofollow" class="theme-btn one"> View Profile
                                       </a>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <!--===============spacing==============-->
                        <div class="mr_bottom_30"></div>
                        <!--===============spacing==============-->
                     </div>
                     <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
                        <div class="team_box style_one">
                           <div class="team_box_outer">
                              <div class="member_image">
                                 <img src="assets/images/team/team-2.jpg" alt="team image" />
                              </div>
                              <div class="about_member">
                                 <div class="share_media">
                                    <ul class="first">
                                       <li class="text">Share</li>
                                       <li><i class="fa fa-share-alt"></i></li>
                                    </ul>
                                    <ul>
                                       <li class="shar_alt"><i class="fa fa-share-alt"></i></li>
                                       <li><a href="#"> <i class="fa fa-facebook"> </i> </a></li>
                                       <li><a href="#"> <i class="fa fa-twitter"> </i> </a></li>
                                       <li><a href="#"> <i class="fa fa-skype"> </i> </a></li>
                                       <li><a href="#"> <i class="fa fa-instagram"> </i> </a></li>
                                    </ul>
                                 </div>
                                 <div class="authour_details">
                                    <span>Team Leader </span>
                                    <h6>Andrew Cameron</h6>
                                    <div class="button_view">
                                       <a href="#" target="_blank" rel="nofollow" class="theme-btn one"> View Profile
                                       </a>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <!--===============spacing==============-->
                        <div class="mr_bottom_30"></div>
                        <!--===============spacing==============-->
                     </div>
                     <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
                        <div class="team_box style_one">
                           <div class="team_box_outer">
                              <div class="member_image">
                                 <img src="assets/images/team/team-3.png" alt="team image" />
                              </div>
                              <div class="about_member">
                                 <div class="share_media">
                                    <ul class="first">
                                       <li class="text">Share</li>
                                       <li><i class="fa fa-share-alt"></i></li>
                                    </ul>
                                    <ul>
                                       <li class="shar_alt"><i class="fa fa-share-alt"></i></li>
                                       <li><a href="#"> <i class="fa fa-facebook"> </i> </a></li>
                                       <li><a href="#"> <i class="fa fa-twitter"> </i> </a></li>
                                       <li><a href="#"> <i class="fa fa-skype"> </i> </a></li>
                                       <li><a href="#"> <i class="fa fa-instagram"> </i> </a></li>
                                    </ul>
                                 </div>
                                 <div class="authour_details">
                                    <span>Manager </span>
                                    <h6>Sofia Charlotte</h6>
                                    <div class="button_view">
                                       <a href="#" target="_blank" rel="nofollow" class="theme-btn one"> View Profile
                                       </a>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <!--===============spacing==============-->
                        <div class="mr_bottom_30"></div>
                        <!--===============spacing==============-->
                     </div>
                  </div>
               </div>
               <!--===============spacing==============-->
               <div class="pd_bottom_60"></div>
               <!--===============spacing==============-->
            </section>
            <!---team-end--->
            <!---project--->
            <section class="project-carousel" id="projects">
               <!--===============spacing==============-->
               <div class="pd_top_80"></div>
               <!--===============spacing==============-->
               <div class="container">
                  <div class="row">
                     <div class="title_all_box style_one text-center dark_color">
                        <div class="title_sections">
                           <div class="before_title">Incredibly</div>
                           <h2>Effective Case Studies</h2>
                        </div>
                        <!--===============spacing==============-->
                        <div class="mr_bottom_10"></div>
                        <!--===============spacing==============-->
                     </div>
                  </div>
               </div>
               <div class="container-fluid">

                  <div class="row">
                     <div class="col-lg-12">

                        <div class="project_caro_section carousel style_one ">
                           <div class="swiper-container" data-swiper='{
                           "loop": true,
                           "autoplay": {
                             "delay": 5000
                           },
                           "speed": 1000,
                           "centeredSlides": false,
                           "slidesPerView": 4,
                           "spaceBetween": 30,
                           "pagination": {
                             "el": ".swiper-pagination",
                             "clickable": true
                           },
                           "navigation": {
                             "nextEl": ".swiper-button-next",
                             "prevEl": ".swiper-button-prev"
                           },
                           "breakpoints": {
                              "1200": {
                                 "slidesPerView": 4 
                                },
                              "1024": {
                               "slidesPerView": 2 
                              },
                             "768": {
                               "slidesPerView": 2 
                             },
                             "576": {
                               "slidesPerView": 1 
                             },
                             "0": {
                              "slidesPerView": 1 
                            }
                           }
                         }'>
                              <div class="swiper-wrapper">
                                 <!----swiper warapper start---->
                                 <div class="swiper-slide">
                                    <div class="project_post style_one mr_top_20">
                                       <div class="image">
                                          <img src="assets/images/projects/project-6-img.jpg" class="img-fluid"
                                             alt="img" />
                                       </div>
                                       <div class="project_caro_content">
                                          <div class="left_side">
                                             <p>Recruiting</p>
                                             <h2 class="title_pro"><a href="project-details.html">Shared Time Human
                                                   Resources Management</a></h2>
                                          </div>
                                          <div class="right_side">
                                             <a href="project-details.html"><i class="icon-right-arrow"></i></a>
                                             <a href="project-details.html" class="two"><i
                                                   class="icon-right-arrow"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="swiper-slide">
                                    <div class="project_post style_one mr_top_20">
                                       <div class="image">
                                          <img src="assets/images/projects/project-5-img.jpg" class="img-fluid"
                                             alt="img" />
                                       </div>
                                       <div class="project_caro_content">
                                          <div class="left_side">
                                             <p>Values</p>
                                             <h2 class="title_pro"><a href="project-details.html">Six Essential Steps To
                                                   Writing Successful Job</a></h2>
                                          </div>
                                          <div class="right_side">
                                             <a href="project-details.html"><i class="icon-right-arrow"></i></a>
                                             <a href="project-details.html" class="two"><i
                                                   class="icon-right-arrow"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="swiper-slide">
                                    <div class="project_post style_one mr_top_20">
                                       <div class="image">
                                          <img src="assets/images/projects/project-4-img.jpg" class="img-fluid"
                                             alt="img" />
                                       </div>
                                       <div class="project_caro_content">
                                          <div class="left_side">
                                             <p>Pre sale</p>
                                             <h2 class="title_pro"><a href="project-details.html">Time HR Prepares
                                                   Plastic Contract Manufacturer</a></h2>
                                          </div>
                                          <div class="right_side">
                                             <a href="project-details.html"><i class="icon-right-arrow"></i></a>
                                             <a href="project-details.html" class="two"><i
                                                   class="icon-right-arrow"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="swiper-slide">
                                    <div class="project_post style_one mr_top_20">
                                       <div class="image">
                                          <img src="assets/images/projects/project-3-img.jpg" class="img-fluid"
                                             alt="img" />
                                       </div>
                                       <div class="project_caro_content">
                                          <div class="left_side">
                                             <p>Human Resources</p>
                                             <h2 class="title_pro"><a href="project-details.html">Essential Steps to
                                                   Writing Job Description</a></h2>
                                          </div>
                                          <div class="right_side">
                                             <a href="project-details.html"><i class="icon-right-arrow"></i></a>
                                             <a href="project-details.html" class="two"><i
                                                   class="icon-right-arrow"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="swiper-slide">
                                    <div class="project_post style_one mr_top_20">
                                       <div class="image">
                                          <img src="assets/images/projects/project-6-img.jpg" class="img-fluid"
                                             alt="img" />
                                       </div>
                                       <div class="project_caro_content">
                                          <div class="left_side">
                                             <p>Recruiting</p>
                                             <h2 class="title_pro"><a href="project-details.html">Shared Time Human
                                                   Resources Management</a></h2>
                                          </div>
                                          <div class="right_side">
                                             <a href="project-details.html"><i class="icon-right-arrow"></i></a>
                                             <a href="project-details.html" class="two"><i
                                                   class="icon-right-arrow"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="swiper-slide">
                                    <div class="project_post style_one mr_top_20">
                                       <div class="image">
                                          <img src="assets/images/projects/project-5-img.jpg" class="img-fluid"
                                             alt="img" />
                                       </div>
                                       <div class="project_caro_content">
                                          <div class="left_side">
                                             <p>Values</p>
                                             <h2 class="title_pro"><a href="project-details.html">Six Essential Steps To
                                                   Writing Successful Job</a></h2>
                                          </div>
                                          <div class="right_side">
                                             <a href="project-details.html"><i class="icon-right-arrow"></i></a>
                                             <a href="project-details.html" class="two"><i
                                                   class="icon-right-arrow"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="swiper-slide">
                                    <div class="project_post style_one mr_top_20">
                                       <div class="image">
                                          <img src="assets/images/projects/project-4-img.jpg" class="img-fluid"
                                             alt="img" />
                                       </div>
                                       <div class="project_caro_content">
                                          <div class="left_side">
                                             <p>Pre sale</p>
                                             <h2 class="title_pro"><a href="project-details.html">Time HR Prepares
                                                   Plastic Contract Manufacturer</a></h2>
                                          </div>
                                          <div class="right_side">
                                             <a href="project-details.html"><i class="icon-right-arrow"></i></a>
                                             <a href="project-details.html" class="two"><i
                                                   class="icon-right-arrow"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="swiper-slide">
                                    <div class="project_post style_one mr_top_20">
                                       <div class="image">
                                          <img src="assets/images/projects/project-3-img.jpg" class="img-fluid"
                                             alt="img" />
                                       </div>
                                       <div class="project_caro_content">
                                          <div class="left_side">
                                             <p>Human Resources</p>
                                             <h2 class="title_pro"><a href="project-details.html">Essential Steps to
                                                   Writing Job Description</a></h2>
                                          </div>
                                          <div class="right_side">
                                             <a href="project-details.html"><i class="icon-right-arrow"></i></a>
                                             <a href="project-details.html" class="two"><i
                                                   class="icon-right-arrow"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <!----swiper warapper end---->
                              </div>
                              <!----swiper-pagination start---->
                              <div class="p_pagination">
                                 <div class="swiper-pagination">
                                 </div>
                              </div>
                              <!----swiper-pagination end---->
                           </div>
                        </div>
                     </div>
                  </div>

               </div>
               <!--===============spacing==============-->
               <div class="pd_bottom_90"></div>
               <!--===============spacing==============-->
            </section>
            <!---project-end--->
            <!---testimonial--->
            <section class="testimonial bg_op_1" style="background-image: url(assets/images/testimonialbg.jpg);">
               <div class="row align-items-center">
                  <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-12 pd_zero">
                     <div class="image">
                        <img src="assets/images/testi-image.jpg" class="object-fit-cover img-fluid height_560px"
                           alt="image" />
                     </div>
                  </div>
                  <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-12 pd_zero">
                     <!--===============spacing==============-->
                     <div class="pd_top_70"></div>
                     <!--===============spacing==============-->
                     <div class="testimonial_sec_wrapper pd_left_70">
                        <div class="title_all_box style_one light_color">
                           <div class="title_sections">
                              <div class="before_title">
                                 Quote About
                              </div>
                              <h2> Customers Experience</h2>
                           </div>
                           <!--===============spacing==============-->
                           <div class="mr_bottom_20"></div>
                           <!--===============spacing==============-->
                        </div>
                        <div class="testimonial_sec light_color style_one">
                           <div class="icon_quotes">
                              <i class="icon-quote"></i>
                           </div>
                           <div class="swiper-container" data-swiper='{
                              "loop": true,
                              "autoplay": {
                                "delay": 7000
                              },
                              "speed": 1000,
                              "centeredSlides": false,
                              "slidesPerView": 1,
                              "spaceBetween": 30,
                              "navigation": {
                                "nextEl": ".next-single-one",
                                "prevEl": ".prev-single-one"
                              },
                              "pagination": {
                                "el": ".number-pagination",
                                "type": "fraction"
                              },
                              "breakpoints": {
                                "1200": {
                                  "slidesPerView": 1 
                                },
                                "1024": {
                                  "slidesPerView": 1 
                                },
                                "768": {
                                  "slidesPerView": 1 
                                },
                                "576": {
                                  "slidesPerView": 1 
                                }
                              }
                            }'>
                              <div class="swiper-wrapper">
                                 <div class="swiper-slide">
                                    <div class="testimonial_box">
                                       <div class="rating">
                                          <ul>
                                             <li><span class="fa fa-star fill"></span><span
                                                   class="fa fa-star fill"></span><span
                                                   class="fa fa-star fill"></span><span
                                                   class="fa fa-star fill"></span><span class="fa fa-star empty"></span>
                                             </li>
                                          </ul>
                                       </div>
                                       <div class="authour_details  image_yes ">
                                          <div class="image">
                                             <img src="assets/images/testi-3.png" alt="image" />
                                          </div>
                                          <div class="details">
                                             <h2>Jacob Leonardo</h2>
                                             <span>Senior Manager of Excel Solution</span>
                                          </div>
                                       </div>
                                       <div class="comment">
                                          While running an early stage startup everything feels
                                          hard, that’s why it’s been so nice to have our accounting
                                          feel easy. We recommed Qetus.
                                       </div>
                                    </div>
                                 </div>
                                 <div class="swiper-slide">
                                    <div class="testimonial_box">
                                       <div class="rating">
                                          <ul>
                                             <li><span class="fa fa-star fill"></span><span
                                                   class="fa fa-star fill"></span><span
                                                   class="fa fa-star fill"></span><span
                                                   class="fa fa-star fill"></span><span class="fa fa-star fill"></span>
                                             </li>
                                          </ul>
                                       </div>
                                       <div class="authour_details  image_yes ">
                                          <div class="image">
                                             <img src="assets/images/testi-2.png" alt="image" />
                                          </div>
                                          <div class="details">
                                             <h2>Jacob Leonardo</h2>
                                             <span>Senior Manager of Excel Solution</span>
                                          </div>
                                       </div>
                                       <div class="comment">
                                          While running an early stage startup everything feels
                                          hard, that’s why it’s been so nice to have our accounting
                                          feel easy. We recommed Qetus.
                                       </div>
                                    </div>
                                 </div>
                                 <div class="swiper-slide">
                                    <div class="testimonial_box">
                                       <div class="rating">
                                          <ul>
                                             <li><span class="fa fa-star fill"></span><span
                                                   class="fa fa-star fill"></span><span
                                                   class="fa fa-star empty"></span><span
                                                   class="fa fa-star empty"></span><span
                                                   class="fa fa-star empty"></span></li>
                                          </ul>
                                       </div>
                                       <div class="authour_details  image_yes ">
                                          <div class="image">
                                             <img src="assets/images/testi-1.png" alt="image" />
                                          </div>
                                          <div class="details">
                                             <h2>Jacob Leonardo</h2>
                                             <span>Senior Manager of Excel Solution</span>
                                          </div>
                                       </div>
                                       <div class="comment">
                                          While running an early stage startup everything feels
                                          hard, that’s why it’s been so nice to have our accounting
                                          feel easy. We recommed Qetus.
                                       </div>
                                    </div>
                                 </div>

                              </div>
                              <div class="arrows">
                                 <div class="prev-single-one"></div>
                                 <div class="next-single-one"></div>
                              </div>
                              <div class="num_pagination">
                                 <div class="number-pagination">

                                 </div>
                              </div>

                           </div>
                        </div>
                     </div>
                     <!--===============spacing==============-->
                     <div class="pd_bottom_70"></div>
                     <!--===============spacing==============-->
                  </div>
                  <!---empty column--->
                  <div class="col-xxl-2 col-xl-2 col-lg-2 col-md-12">
                  </div>
                  <!---empty column--->
               </div>
            </section>
            <!---testimonial-end--->
            <!---blog--->
            <section class="blog-post" id="blog">
               <!--===============spacing==============-->
               <div class="pd_top_80"></div>
               <!--===============spacing==============-->
               <div class="container">
                  <div class="row">
                     <div class="col-lg-12">
                        <div class="title_all_box style_one text-center  dark_color">
                           <div class="title_sections">
                              <div class="before_title"> Find Out Our</div>
                              <h2>Insights &amp; Intelligence</h2>
                           </div>
                        </div>
                        <!--===============spacing==============-->
                        <div class="pd_bottom_20"></div>
                        <!--===============spacing==============-->
                     </div>

                     <section class="two_column news_wrapper_grid">
                        <div class="grid_show_case grid_layout clearfix">
                           <div class="news_box style_two grid_box _card has_images">
                              <div class="content_box">
                                 <div class="overlay"> </div>
                                 <img src="assets/images/blog/blog-image-1.jpg" class="img-fluid" alt="img" />
                                 <div class="category">
                                    <a href="#" class="categories"><i class="icon-folder"></i>Compliance Audits</a>
                                 </div>
                                 <div class="content_mid">
                                    <span class="date_in_number">Oct 06 , 2023</span>
                                    <h2 class="title"><a href="blog-single.html">Outsource Accounting
                                          &#038; HR Functions</a></h2>
                                 </div>
                                 <div class="auhtour_box">
                                    <img alt='img' class="img-fluid" src='assets/images/auth-1.png' height='60'
                                       width='60' />
                                    <div class="contnet_a">
                                       <p>POSTED BY</p>
                                       <h4> Evan Thomas </h4>
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <div class="news_box style_two grid_box _card has_images">
                              <div class="content_box">
                                 <div class="overlay"> </div>
                                 <img src="assets/images/blog/blog-image-11.jpg" class="img-fluid" alt="img" />
                                 <div class="category">
                                    <a href="#" class="categories"><i class="icon-folder"></i>Coaching</a>
                                 </div>
                                 <div class="content_mid">
                                    <span class="date_in_number">Oct 08 , 2023</span>
                                    <h2 class="title"><a href="blog-single.html">Workplace problems in
                                          your business?</a></h2>
                                 </div>
                                 <div class="auhtour_box">
                                    <img alt='img' class="img-fluid" src='assets/images/auth-2.png' height='60'
                                       width='60' />
                                    <div class="contnet_a">
                                       <p>POSTED BY</p>
                                       <h4> Roman Brayden </h4>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </section>
                     <section class="four_column news_wrapper_grid">
                        <div class="grid_show_case grid_layout clearfix">

                           <div class="news_box style_six grid_box _card has_images">
                              <div class="content_box">
                                 <div class="overlay"> </div>
                                 <img width="852" height="812" src="assets/images/blog/blog-image-9.jpg"
                                    class="img-fluid" alt="img" />
                                 <div class="category">
                                    <a href="#" class="categories"><i class="icon-folder"></i>Coaching</a>
                                 </div>
                                 <div class="content_mid">
                                    <span class="date_in_number">Oct 08 , 2023</span>
                                    <h2 class="title"><a href="blog-single.html">Why Should Business
                                          Payroll Outsourcing?</a></h2>
                                 </div>
                                 <div class="auhtour_box">
                                    <img alt='img' class="img-fluid" src='assets/images/auth-2.png' height='60'
                                       width='60' />
                                    <div class="contnet_a">
                                       <p>POSTED BY</p>
                                       <h4> Evan Thomas </h4>
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <div class="news_box style_six grid_box _card has_images">
                              <div class="content_box">
                                 <div class="overlay"> </div>
                                 <img width="1047" height="697" src="assets/images/blog/blog-image-8.jpg"
                                    class="img-fluid" alt="img" />
                                 <div class="category">
                                    <a href="#" class="categories"><i class="icon-folder"></i>HR Consulting</a>
                                 </div>
                                 <div class="content_mid">
                                    <span class="date_in_number">Oct 08 , 2023</span>
                                    <h2 class="title"><a href="blog-single.html">Workforce Challenges
                                          &#038; Opportunities</a></h2>
                                 </div>
                                 <div class="auhtour_box">
                                    <img alt='img' class="img-fluid" src='assets/images/auth-1.png' height='60'
                                       width='60' />
                                    <div class="contnet_a">
                                       <p>POSTED BY</p>
                                       <h4> Roman Brayden </h4>
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <div class="news_box style_six grid_box _card has_images">
                              <div class="content_box">
                                 <div class="overlay"> </div>
                                 <img width="1557" height="1038" src="assets/images/blog/blog-image-7.jpg"
                                    class="img-fluid" alt="img" />
                                 <div class="category">
                                    <a href="#" class="categories"><i class="icon-folder"></i>Compliance Audits</a>
                                 </div>
                                 <div class="content_mid">
                                    <span class="date_in_number">Oct 08 , 2023</span>
                                    <h2 class="title"><a href="blog-single.html">How to Handle Your Good
                                          Employee</a></h2>
                                 </div>
                                 <div class="auhtour_box">
                                    <img alt='img' class="img-fluid" src='assets/images/auth-2.png' height='60'
                                       width='60' />
                                    <div class="contnet_a">
                                       <p>POSTED BY</p>
                                       <h4> Evan Thomas </h4>
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <div class="news_box style_six grid_box _card has_images">
                              <div class="content_box">
                                 <div class="overlay"> </div>
                                 <img width="593" height="396" src="assets/images/blog/blog-image-6.jpg"
                                    class="img-fluid" alt="img" />
                                 <div class="category">
                                    <a href="#" class="categories"><i class="icon-folder"></i>Coaching</a>
                                 </div>
                                 <div class="content_mid">
                                    <span class="date_in_number">Oct 08 , 2023</span>
                                    <h2 class="title"><a href="blog-single.html">Retaining Good Employees
                                          &#038; Motivated</a></h2>
                                 </div>
                                 <div class="auhtour_box">
                                    <img alt='img' class="img-fluid" src='assets/images/auth-2.png' height='60'
                                       width='60' />
                                    <div class="contnet_a">
                                       <p>POSTED BY</p>
                                       <h4> Roman Brayden </h4>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </section>
                  </div>
               </div>
               <!--===============spacing==============-->
               <div class="pd_bottom_70"></div>
               <!--===============spacing==============-->
            </section>
            <!---blog-end--->
            <!---newsteller--->
            <section class="newsteller style_one bg_dark_1">
               <!--===============spacing==============-->
               <div class="pd_top_40"></div>
               <!--===============spacing==============-->
               <div class="auto-container">
                  <div class="row align-items-center">
                     <div class="col-lg-6 col-md-12">
                        <div class="content">
                           <h2>Join Our Mailing List</h2>
                           <p>For receiving our news and updates in your inbox directly. </p>
                        </div>
                     </div>
                     <div class="col-lg-6 col-md-12">
                        <div class="item_scubscribe">
                           <div class="input_group">
                              <form class="mc4wp-form" method="post" data-name="Subscibe">
                                 <div class="mc4wp-form-fields">
                                    <input type="email" name="EMAIL" placeholder="Your email address" required="">
                                    <input type="submit" value="Sign up">
                                 </div>
                              </form>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <!--===============spacing==============-->
               <div class="pd_bottom_40"></div>
               <!--===============spacing==============-->
            </section>
            <!---newsteller end--->
         </div>
         <!--===============PAGE CONTENT END==============-->
         <!--===============PAGE CONTENT END==============-->
      </div>
      <!---============== wrapper_full =================-->
      <!---==============footer start =================-->
      <div class="footer_area" id="footer_contents">
         <div class="footer_widgets_wrap bg_dark_2">
            <!--===============spacing==============-->
            <div class="pd_top_80"></div>
            <!--===============spacing==============-->
            <div class="container">
               <div class="row">
                  <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12">
                     <div class="footer_widgets about_company light_color">
                        <div class="about_company_inner">
                           <div class="footer_logo">
                              <a href="#" target="_blank" rel="nofollow">
                                 <img src="assets/images/logo-white.png" class="img-fluid" alt="logo" />
                              </a>
                              <!--===============spacing==============-->
                              <div class="pd_bottom_30"></div>
                              <!--===============spacing==============-->
                           </div>
                           <div class="content_box">
                              <p>
                                 Duty the obligations of business will frequently occur that pleasure have too
                                 repudiated annoyances endures accepted.
                              </p>
                              <div class="consulting">
                                 <div class="image">
                                    <img src="assets/images/authour-image.png" alt="need help" />
                                 </div>
                                 <div class="help_con">
                                    <h6>Need Help?</h6>
                                    <h2>
                                       <a href="#" target="_blank" rel="nofollow"> Free Consultation</a>
                                    </h2>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12">
                     <div class="footer_widgets wid_tit style_one">
                        <div class="fo_wid_title">
                           <h2>Get In Touch</h2>
                        </div>
                     </div>
                     <!--===============spacing==============-->
                     <div class="pd_bottom_25"></div>
                     <!--===============spacing==============-->
                     <div class="footer_widgets get_in_touch_foo light_color">
                        <div class="get_intouch_inrfo">
                           <div class="foo_cont_inner">
                              <div class="top">
                                 <h6> Location</h6>
                                 <p>
                                    280 Granite Run Drive Suite #200
                                    Lancaster, PA 1760
                                 </p>
                              </div>
                              <div class="bottom">
                                 <h6> Contact</h6>
                                 <div class="con_content">
                                    <h5> Phone :</h5>
                                    <a href="tel:+9806071234"> +98 060 712 34</a>
                                 </div>
                                 <div class="con_content">
                                    <h5> Mail Us :</h5>
                                    <a href="tel:sendmail@creote.com"> sendmail@creote.com</a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="col-xl-2 col-lg-4 col-md-4 col-sm-12">
                     <div class="footer_widgets wid_tit style_one">
                        <div class="fo_wid_title">
                           <h2>Company</h2>
                        </div>
                     </div>
                     <!--===============spacing==============-->
                     <div class="pd_bottom_25"></div>
                     <!--===============spacing==============-->
                     <div class="footer_widgets clearfix navigation_foo light_color style_one">
                        <div class="navigation_foo_box">
                           <div class="navigation_foo_inner">

                              <ul class="menu">
                                 <li><a href="#">Home</a></li>
                                 <li><a href="#">About Us</a></li>
                                 <li><a href="#">Contact</a></li>
                                 <li><a href="#">Professionals</a></li>
                                 <li><a href="#">Insights</a></li>
                                 <li><a href="#">HR Solutions</a></li>
                              </ul>

                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="col-xl-2 col-lg-4 col-md-4 col-sm-12">
                     <div class="footer_widgets wid_tit style_one">
                        <div class="fo_wid_title">
                           <h2>Information</h2>
                        </div>
                     </div>
                     <!--===============spacing==============-->
                     <div class="pd_bottom_25"></div>
                     <!--===============spacing==============-->
                     <div class="footer_widgets clearfix navigation_foo light_color style_one">
                        <div class="navigation_foo_box">
                           <div class="navigation_foo_box">
                              <div class="navigation_foo_inner">

                                 <ul class="menu">
                                    <li><a href="#">How it’s Work</a></li>
                                    <li><a href="#">Partners</a></li>
                                    <li><a href="#">Testimonials</a></li>
                                    <li><a href="#">Key Areas</a></li>
                                    <li><a href="#">Case Studies</a></li>
                                    <li><a href="#">Pricing</a></li>
                                 </ul>

                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="col-xl-2 col-lg-4 col-md-4 col-sm-12">
                     <div class="footer_widgets wid_tit style_one">
                        <div class="fo_wid_title">
                           <h2>Essentials</h2>
                        </div>
                     </div>
                     <!--===============spacing==============-->
                     <div class="pd_bottom_25"></div>
                     <!--===============spacing==============-->
                     <div class="footer_widgets clearfix navigation_foo light_color style_one">
                        <div class="navigation_foo_box">
                           <div class="navigation_foo_inner">

                              <ul class="menu">
                                 <li><a href="#">Careers</a></li>
                                 <li><a href="#">Infrastructure</a></li>
                                 <li><a href="#">Client Support</a></li>
                                 <li><a href="#">Privacy Policy</a></li>
                                 <li><a href="#">Terms of Use</a></li>
                                 <li><a href="#">Sitemap</a></li>
                              </ul>

                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!--===============spacing==============-->
            <div class="pd_bottom_50"></div>
            <!--===============spacing==============-->
         </div>
         <div class="creote-footer-copyright bg_dark_3">

            <div class="container">
               <div class="row align-items-center">
                  <div class="col-lg-6 col-md-12 col-sm-12">
                     <!--===============spacing==============-->
                     <div class="pd_top_10"></div>
                     <!--===============spacing==============-->
                     <div class="footer_copy_content color_white">
                        © 2023 <a href="https://themeforest.net/user/steelthemes">Steelthemes.</a> All Rights
                        Reserved.
                     </div>
                     <!--===============spacing==============-->
                     <div class="pd_bottom_10"></div>
                     <!--===============spacing==============-->
                  </div>
                  <div class="col-lg-6 col-md-12 col-sm-12 text-md-end">
                     <!--===============spacing==============-->
                     <div class="pd_top_10"></div>
                     <!--===============spacing==============-->
                     <div class="footer_copy_content_right">
                        <div class="social_media_v_one">
                           <ul>
                              <li>
                                 <a href="#">
                                    <span class="fa fa-facebook"></span>
                                    <small>facebook</small>
                                 </a>
                              </li>
                              <li>
                                 <a href="#">
                                    <span class="fa fa-twitter"></span>
                                    <small>twitter</small>
                                 </a>
                              </li>
                              <li>
                                 <a href="#">
                                    <span class="fa fa-skype"></span>
                                    <small>skype</small>
                                 </a>
                              </li>
                              <li>
                                 <a href="#">
                                    <span class="fa fa-instagram"></span>
                                    <small>instagram</small>
                                 </a>
                              </li>
                           </ul>
                        </div>
                     </div>
                     <!--===============spacing==============-->
                     <div class="pd_bottom_10"></div>
                     <!--===============spacing==============-->
                  </div>
               </div>
            </div>

         </div>
      </div>
      <!---==============footer end =================-->
      <!---==============mobile menu =================-->
      <div class="crt_mobile_menu">
         <div class="menu-backdrop"></div>
         <nav class="menu-box">
            <div class="close-btn"><i class="icon-close"></i></div>
            <form role="search" method="get" action="#">
               <input type="search" class="search" placeholder="Search..." value="" name="s" title="Search" />
               <button type="submit" class="sch_btn"> <i class="icon-search"></i></button>
            </form>
            <div class="menu-outer">
               <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
            </div>
         </nav>
      </div>
      <!---==============mobile menu end =================-->
      <!---==============search popup =================-->
      <div id="search-popup" class="search-popup">
         <div class="close-search"><i class="fa fa-times"></i></div>
         <div class="popup-inner">
            <div class="overlay-layer"></div>
            <div class="search-form">
               <fieldset>
                  <form role="search" method="get" action="#">
                     <input type="search" class="search" placeholder="Search..." value="" name="s" title="Search" />
                     <button type="submit" class="sch_btn"> <i class="icon-search"></i></button>
                  </form>
               </fieldset>
            </div>
         </div>
      </div>
      <!---==============search popup end =================-->
      <!---==============modal popup =================-->
      <div class="modal_popup one">
         <div class="modal-popup-inner">
            <div class="close-modal"><i class="fa fa-times"></i></div>
            <div class="modal_box">
               <div class="row">
                  <div class="col-lg-5 col-md-12 form_inner">
                     <div class="form_content">
                        <form class="contact-form" method="post" action="https://themepanthers.com/html/creote-html/sendemail.php">
                           <p>
                              <label> Your name<br />
                                 <input type="text" name="name" value="" size="40" aria-required="true"
                                    aria-invalid="false" placeholder="Enter Your Name" />
                                 <br />
                                 <i class="fa fa-user"></i><br />
                              </label>
                           </p>
                           <p><label> Your email<br />
                                 <input type="email" name="email" value="" size="40" aria-required="true"
                                    aria-invalid="false" placeholder="Enter Your Email" />
                                 <br />
                                 <i class="fa fa-envelope"></i><br />
                              </label>
                           </p>
                           <p>
                              <label> Subject<br />
                                 <input type="text" name="subject" value="" size="40" aria-required="true"
                                    aria-invalid="false" placeholder="Enter Your Subject" />
                                 <br />
                                 <i class="fa fa-folder"></i><br />
                              </label>
                           </p>
                           <p>
                              <label> Your message (optional)<br />
                                 <textarea name="message" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea"
                                    aria-invalid="false" placeholder="Enter Your Message"></textarea>
                                 <br />
                                 <i class="fa fa-comments"></i><br />
                              </label>
                           </p>
                           <p><input type="submit" value="Submit" /></p>
                        </form>
                     </div>
                  </div>
                  <div class="col-lg-7 col-md-12 about_company_inner">
                     <div class="abt_content">
                        <div class="logo">
                           <img src="assets/images/logo-default.png" alt="img" class="company_logo_modal">
                        </div>
                        <div class="text">
                           <p> The great explorer of the truth, the master-builder of human happiness no one rejects
                              dislikes avoids pleasure itself because it is pleasure but because know who do not those
                              how to pursue pleasures rationally encounter consequences that are extremely painful
                              desires to obtain.</p>
                           <a href="#">Read More</a>
                        </div>
                        <div class="post_contet_modal">
                           <h2> Latest News</h2>
                           <div class="post_enable">
                              <div class="modal_post_grid">
                                 <a href="blog-single.html">
                                    <img width="852" height="812" src="assets/images/blog/blog-image-9.jpg"
                                       class="main_img wp-post-image" alt="img" />
                                 </a>
                              </div>
                              <div class="modal_post_grid">
                                 <a href="blog-single.html">
                                    <img width="852" height="812" src="assets/images/blog/blog-image-8.jpg"
                                       class="main_img wp-post-image" alt="img" />
                                 </a>
                              </div>
                              <div class="modal_post_grid">
                                 <a href="blog-single.html">
                                    <img width="852" height="812" src="assets/images/blog/blog-image-7.jpg"
                                       class="main_img wp-post-image" alt="img" />
                                 </a>
                              </div>
                              <div class="modal_post_grid">
                                 <a href="blog-single.html">
                                    <img width="852" height="812" src="assets/images/blog/blog-image-6.jpg"
                                       class="main_img wp-post-image" alt="img" />
                                 </a>
                              </div>
                              <div class="modal_post_grid">
                                 <a href="blog-single.html">
                                    <img width="852" height="812" src="assets/images/blog/blog-image-5.jpg"
                                       class="main_img wp-post-image" alt="img" />
                                 </a>
                              </div>
                           </div>
                        </div>
                        <div class="copright">
                           © 2023 Creote. All Rights Reserved.
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!---==============modal popup end=================-->
      <!---==============cart=================-->
      <div class="side_bar_cart" id="mini_cart">
         <div class="cart_overlay"></div>
         <div class="cart_right_conten">
            <div class="close">
               <div class="close_btn_mini"><i class="icon-close"></i></div>
            </div>
            <div class="cart_content_box">
               <div class="contnet_cart_box">
                  <div class="widget_shopping_cart_content">
                     <p class="woocommerce-mini-cart__empty-message">No products in the cart.</p>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!---==============cart=================-->
      <!---==============floating menu=================-->
      <div class="floating_menu_box">
         <ul class="float_menu_box">
            <i class="close fa fa-times"></i>
            <li class="floating_menu_text active">
               <a href="#home"> Home </a>
            </li>

            <li class="floating_menu_text ">
               <a href="#about">About </a>
            </li>

            <li class="floating_menu_text ">
               <a href="#service"> Service </a>
            </li>

            <li class="floating_menu_text ">
               <a href="#process"> Process </a>
            </li>

            <li class="floating_menu_text ">
               <a href="#projects"> Projects </a>
            </li>

            <li class="floating_menu_text">
               <a href="#blog"> Blog </a>
            </li>
         </ul>
      </div>
      <!---==============floating menu=================-->
   </div>
   <!-- Back to top with progress indicator-->
   <div class="prgoress_indicator">
      <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
         <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
      </svg>
   </div>
   <!---========================== javascript ==========================-->
   <script type='text/javascript' src='assets/js/jquery-3.6.0.min.js'></script>
   <script type='text/javascript' src='assets/js/bootstrap.min.js'></script>
   <script type='text/javascript' src='assets/js/jquery.fancybox.js'></script>
   <script type='text/javascript' src='assets/js/jQuery.style.switcher.min.js'></script>
   <script type='text/javascript' src='assets/js/jquery.flexslider-min.js'></script>
   <script type='text/javascript' src='assets/js/color-scheme.js'></script>
   <script type='text/javascript' src='assets/js/owl.js'></script>
   <script type='text/javascript' src='assets/js/swiper.min.js'></script>
   <script type='text/javascript' src='assets/js/isotope.min.js'></script>
   <script type='text/javascript' src='assets/js/countdown.js'></script>
   <script type='text/javascript' src='assets/js/simpleParallax.min.js'></script>
   <script type='text/javascript' src='assets/js/appear.js'></script>
   <script type='text/javascript' src='assets/js/jquery.countTo.js'></script>
   <script type='text/javascript' src='assets/js/sharer.js'></script>
   <script type='text/javascript' src='assets/js/validation.js'></script>
   <!-- map script -->
   <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA-CE0deH3Jhj6GN4YvdCFZS7DpbXexzGU"></script>
   <script src="assets/js/gmaps.js"></script>
   <script src="assets/js/map-helper.js"></script>
   <!-- main-js -->
   <script type='text/javascript' src='assets/js/creote-extension.js'></script>
   <!---========================== javascript ==========================-->
</body>

</html>