One Hat Cyber Team
Your IP :
216.73.216.186
Server IP :
91.108.106.139
Server :
Linux in-mum-web1837.main-hosting.eu 5.14.0-503.34.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Mar 27 06:00:50 EDT 2025 x86_64
Server Software :
LiteSpeed
PHP Version :
8.2.28
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
home
/
u322583024
/
domains
/
gocosy.com
/
public_html
/
Edit File:
index-02.html
<!DOCTYPE html> <html lang="en-US"> <!-- Mirrored from themes.potenzaglobalsolutions.com/html/interium/index-02.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 15 Apr 2025 12:35:51 GMT --> <head> <meta charset="utf-8"> <meta name="keywords" content="HTML5 Template"> <meta name="description" content="Interium - Interior Design HTML5 Template"> <meta name="author" content="potenzaglobalsolutions.com"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Interium - Interior Design HTML5 Template</title> <!-- Favicon --> <link rel="shortcut icon" href="images/favicon.ico"> <!-- Google Font --> <link href="https://fonts.googleapis.com/css2?family=Bona+Nova:ital,wght@0,400;0,700;1,400&family=Jost:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> <!-- CSS Global Compulsory (Do not remove)--> <link rel="stylesheet" href="css/font-awesome/all.min.css"> <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="css/bootstrap/bootstrap-icons.min.css"> <!-- Page CSS Implementing Plugins (Remove the plugin CSS here if site does not use that feature)--> <link rel="stylesheet" href="css/owl-carousel/owl.carousel.min.css"> <link rel="stylesheet" href="css/swiper/swiper.min.css"> <link rel="stylesheet" href="css/animate/animate.min.css"> <link rel="stylesheet" href="css/magnific-popup/magnific-popup.css"> <!-- Template Style --> <link rel="stylesheet" href="css/style.css"> </head> <body> <!--================================= cursor --> <div id="cursor"> <div class="cursor__circle"></div> </div> <!--================================= cursor --> <div id="page" class="main"> <!--================================= Header --> <header class="header header-03 header-sticky"> <nav class="navbar navbar-static-top navbar-expand-lg"> <div class="container-fluid main-header position-relative"> <a class="navbar-brand" href="index-2.html"> <img class="img-fluid" src="images/logo.svg" alt="logo"> </a> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class="nav-item dropdown active"> <a class="nav-link" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Home<i class="bi bi-chevron-down"></i></a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="index-2.html"><span>Home 01</span></a></li> <li class="active"><a class="dropdown-item" href="index-02.html"><span>Home 02</span></a></li> <li><a class="dropdown-item" href="index-03.html"><span>Home 03</span></a></li> </ul> </li> <li class="nav-item"> <a class="nav-link" href="virtual-tours.html"><span>Virtual Tours</span></a> </li> <li class="dropdown nav-item"> <a class="nav-link" href="javascript:void(0)" data-bs-toggle="dropdown">Pages<i class="bi bi-chevron-down"></i></a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="about-us.html"><span>About Us</span></a></li> <li><a class="dropdown-item" href="pricing.html"><span>Pricing</span></a></li> <li><a class="dropdown-item" href="contact-us.html"><span>Contact</span></a></li> <li><a class="dropdown-item" href="team.html"><span>Team</span></a></li> <li><a class="dropdown-item" href="team-single.html"><span>Team Single</span></a></li> <li><a class="dropdown-item" href="faq.html"><span>Faq</span></a></li> <li><a class="dropdown-item" href="typography.html"><span>Typography</span></a></li> <li><a class="dropdown-item" href="privacy-policy.html"><span>Privacy Policy</span></a></li> <li><a class="dropdown-item" href="terms-and-conditions.html"><span>Terms and Conditions</span></a></li> <li><a class="dropdown-item" href="error-404.html"><span>Error 404</span></a></li> <li><a class="dropdown-item" href="coming-soon.html"><span>Coming Soon</span></a></li> </ul> </li> <li class="dropdown nav-item"> <a class="nav-link" href="javascript:void(0)" data-bs-toggle="dropdown">Services<i class="bi bi-chevron-down"></i></a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="service.html"><span>Services</span></a></li> <li><a class="dropdown-item" href="service-single.html"><span>Service Single</span></a></li> </ul> </li> <li class="dropdown nav-item"> <a class="nav-link" href="portfolio-3-columns.html" data-bs-toggle="dropdown">Portfolio<i class="bi bi-chevron-down"></i></a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="portfolio-2-columns.html"><span>Portfolio 2 Columns</span></a></li> <li><a class="dropdown-item" href="portfolio-3-columns.html"><span>Portfolio 3 Columns</span></a></li> <li><a class="dropdown-item" href="portfolio-4-columns.html"><span>Portfolio 4 Columns</span></a></li> <li><a class="dropdown-item" href="portfolio-5-columns.html"><span>Portfolio 5 Columns</span></a></li> <li><a class="dropdown-item" href="portfolio-carousel.html"><span>Portfolio Carousel</span></a></li> <li><a class="dropdown-item" href="portfolio-masonry.html"><span>Portfolio Masonary</span></a></li> <li><a class="dropdown-item" href="portfolio-single.html"><span>Portfolio Single</span></a></li> </ul> </li> <li class="dropdown nav-item"> <a class="nav-link" href="javascript:void(0)" data-bs-toggle="dropdown">Blog<i class="bi bi-chevron-down"></i></a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="blog.html"><span>Blog</span></a></li> <li><a class="dropdown-item" href="blog-sidebar.html"><span>Blog Sidebar</span></a></li> <li><a class="dropdown-item" href="blog-2-columns.html"><span>Blog 2 Columns</span></a></li> <li><a class="dropdown-item" href="blog-3-columns.html"><span>Blog 3 Columns</span></a></li> <li><a class="dropdown-item" href="blog-4-columns.html"><span>Blog 4 Columns</span></a></li> <li><a class="dropdown-item" href="blog-single.html"><span>Blog Single</span></a></li> </ul> </li> <li class="dropdown nav-item"> <a class="nav-link" href="javascript:void(0)" data-bs-toggle="dropdown">Shop<i class="bi bi-chevron-down"></i></a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="shop.html"><span>Shop</span></a></li> <li><a class="dropdown-item" href="shop-single.html"><span>Shop Single</span></a></li> <li><a class="dropdown-item" href="cart.html"><span>Cart</span></a></li> <li><a class="dropdown-item" href="checkout.html"><span>Checkout</span></a></li> <li><a class="dropdown-item" href="wishlist.html"><span>Wishlist</span></a></li> </ul> </li> </ul> </div> <div class="nav-right"> <div class="action-group"> <div class="search"> <ul class="list-unstyled mb-0"> <li class="dropdown nav-item header-search"> <a href="#search"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.9671 2.63672C9.00598 2.63672 7.12521 3.41576 5.73851 4.80244C4.35182 6.18913 3.57277 8.06988 3.57275 10.031C3.57275 11.9921 4.35179 13.8728 5.73849 15.2595C7.12519 16.6462 9.00597 17.4253 10.9671 17.4253C12.9282 17.4253 14.8089 16.6462 16.1956 15.2595C17.5823 13.8728 18.3614 11.9921 18.3614 10.031C18.3613 8.06988 17.5823 6.18913 16.1956 4.80244C14.8089 3.41576 12.9281 2.63672 10.9671 2.63672ZM10.9671 3.92197C11.7862 3.92197 12.5974 4.07998 13.3542 4.38698C14.1111 4.69399 14.7987 5.14397 15.378 5.71125C15.9573 6.27852 16.4167 6.95197 16.7302 7.69315C17.0437 8.43433 17.2051 9.22872 17.2051 10.031C17.2051 10.8332 17.0437 11.6276 16.7302 12.3688C16.4167 13.11 15.9573 13.7834 15.378 14.3507C14.7987 14.918 14.1111 15.3679 13.3542 15.6749C12.5974 15.9819 11.7862 16.14 10.9671 16.14C9.31264 16.1399 7.72599 15.4963 6.55615 14.3507C5.38631 13.205 4.72909 11.6512 4.72909 10.031C4.72909 8.41076 5.38631 6.85693 6.55615 5.71127C7.72599 4.56561 9.31264 3.92198 10.9671 3.92197Z" fill="#262626"/> <path d="M19.7851 19.2806L16.4453 15.4087C15.8695 14.7413 15.167 14.5091 14.876 14.8901C14.5851 15.2711 14.816 16.121 15.3917 16.7884L18.7316 20.6603C19.3073 21.3278 20.0099 21.56 20.3008 21.1789C20.5917 20.7979 20.3609 19.948 19.7851 19.2806Z" fill="#262626"/> </svg> </a> </li> </ul> </div> <a href="javascript:void(0)" class="cart-group" data-bs-toggle="offcanvas" data-bs-target="#cartSidepanel" aria-controls="cartSidepanel">cart<span class="cart-count">5</span></a> <a class="menu-btn hamburger" href="#" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight"> <span class="hamburger-container"> <span class="hamburger-inner"></span> </span> </a> <div class="mobile-action d-block d-lg-none"> <div class="mobile-hamburger"> <a class="hamburger" href="#" data-bs-toggle="offcanvas" data-bs-target="#menuOffcanvas" aria-controls="menuOffcanvas"> <span class="hamburger-container"> <span class="hamburger-inner"></span> </span> </a> </div> </div> </div> </div> </div> </nav> </header> <!--================================= Header --> <!--================================= Main Menu OffCanvas --> <div class="offcanvas main-menu-offcanvas offcanvas-end bg-dark" tabindex="-1" id="menuOffcanvas" aria-labelledby="menuOffcanvasLabel"> <div class="offcanvas-header"> <a id="menuOffcanvasLabel" class="navbar-brand" href="index-2.html"> <img class="img-fluid" src="images/logo-light.svg" alt="Main logo"></a> <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"> <svg width="20" height="20" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.19995 25.5841L25.7999 3.98413" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.19995 3.98413L25.7999 25.5841" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> </div> <div class="offcanvas-body lenis-scroll-disable"> <div class="body-inner"> <nav class="navbar"> <ul class="navbar-nav"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Home</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="index-2.html"><span>Home 01</span></a></li> <li><a class="dropdown-item active" href="index-02.html"><span>Home 02</span></a></li> <li><a class="dropdown-item" href="index-03.html"><span>Home 03</span></a></li> </ul> </li> <li class="nav-item"><a class="nav-link" href="virtual-tours.html"><span>Virtual Tours</span></a></li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Pages</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="about-us.html"><span>About Us</span></a></li> <li><a class="dropdown-item" href="pricing.html"><span>Pricing</span></a></li> <li><a class="dropdown-item" href="contact-us.html"><span>Contact</span></a></li> <li><a class="dropdown-item" href="team.html"><span>Team</span></a></li> <li><a class="dropdown-item" href="team-single.html"><span>Team Single</span></a></li> <li><a class="dropdown-item" href="faq.html"><span>Faq</span></a></li> <li><a class="dropdown-item" href="typography.html"><span>Typography</span></a></li> <li><a class="dropdown-item" href="privacy-policy.html"><span>Privacy Policy</span></a></li> <li><a class="dropdown-item" href="terms-and-conditions.html"><span>Terms and Conditions</span></a></li> <li><a class="dropdown-item" href="error-404.html"><span>Error 404</span></a></li> <li><a class="dropdown-item" href="coming-soon.html"><span>Coming Soon</span></a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Services</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="service.html"><span>Services</span></a></li> <li><a class="dropdown-item" href="service-single.html"><span>Service Single</span></a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Project</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="portfolio-2-columns.html"><span>Portfolio 2 Columns</span></a></li> <li><a class="dropdown-item" href="portfolio-3-columns.html"><span>Portfolio 3 Columns</span></a></li> <li><a class="dropdown-item" href="portfolio-4-columns.html"><span>Portfolio 4 Columns</span></a></li> <li><a class="dropdown-item" href="portfolio-5-columns.html"><span>Portfolio 5 Columns</span></a></li> <li><a class="dropdown-item" href="portfolio-carousel.html"><span>Portfolio Carousel</span></a></li> <li><a class="dropdown-item" href="portfolio-masonry.html"><span>Portfolio Masonary</span></a></li> <li><a class="dropdown-item" href="portfolio-single.html"><span>Portfolio Single</span></a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="blog.html"><span>Blog</span></a></li> <li><a class="dropdown-item" href="blog-sidebar.html"><span>Blog Sidebar</span></a></li> <li><a class="dropdown-item" href="blog-2-columns.html"><span>Blog 2 Columns</span></a></li> <li><a class="dropdown-item" href="blog-3-columns.html"><span>Blog 3 Columns</span></a></li> <li><a class="dropdown-item" href="blog-4-columns.html"><span>Blog 4 Columns</span></a></li> <li><a class="dropdown-item" href="blog-single.html"><span>Blog Single</span></a></li> </ul> </li> <li class="dropdown nav-item"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Shop</a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="shop.html"><span>Shop</span></a></li> <li><a class="dropdown-item" href="shop-single.html"><span>Shop Single</span></a></li> <li><a class="dropdown-item" href="cart.html"><span>Cart</span></a></li> <li><a class="dropdown-item" href="checkout.html"><span>Checkout</span></a></li> <li><a class="dropdown-item" href="wishlist.html"><span>Wishlist</span></a></li> </ul> </li> </ul> </nav> <div class="bottom-info"> <div class="contact-info"> <span class="number">+1 234 567 8910</span> <a class="mail" href="#"><i class="fa-regular fa-envelope"></i>info@example.com</a> <span class="text">Looking for collaboration for your next creative project?</span> </div> </div> </div> </div> </div> <!--================================= Shopping-Cart OffCanvas --> <div class="offcanvas offcanvas-end bg-dark cart-sidepanel " tabindex="-1" id="cartSidepanel"> <div class="offcanvas-header text-end"> <h5 class="mb-0"> Shopping cart</h5> <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"> <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.19995 25.5841L25.7999 3.98413" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.19995 3.98413L25.7999 25.5841" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> </div> <div class="offcanvas-body cart-item-body"> <ul class="cart-item-list lenis-scroll-disable"> <li class="cart-item"> <a href="#" class="product-remove"><i class="far fa-trash-alt"></i></a> <div class="product-image"> <a href="shop-single.html"> <img class="img-fluid" src="images/shop/01.jpg" alt=""> </a> </div> <div class="product-details"> <a href="shop-single.html" class="product-title">Lamp with Gold Base</a> <div class="product-price">$149.99</div> </div> </li> <li class="cart-item"> <a href="#" class="product-remove"><i class="far fa-trash-alt"></i></a> <div class="product-image"> <a href="shop-single.html"> <img class="img-fluid" src="images/shop/02.jpg" alt=""> </a> </div> <div class="product-details"> <a href="shop-single.html" class="product-title">Tea table</a> <div class="product-price">$139.99</div> </div> </li> <li class="cart-item"> <a href="#" class="product-remove"><i class="far fa-trash-alt"></i></a> <div class="product-image"> <a href="shop-single.html"> <img class="img-fluid" src="images/shop/03.jpg" alt=""> </a> </div> <div class="product-details"> <a href="shop-single.html" class="product-title">Recliner chair</a> <div class="product-price">$109.99</div> </div> </li> <li class="cart-item"> <a href="#" class="product-remove"><i class="far fa-trash-alt"></i></a> <div class="product-image"> <a href="shop-single.html"> <img class="img-fluid" src="images/shop/04.jpg" alt=""> </a> </div> <div class="product-details"> <a href="shop-single.html" class="product-title">Recliner chair</a> <div class="product-price">$100.00</div> </div> </li> <li class="cart-item"> <a href="#" class="product-remove"><i class="far fa-trash-alt"></i></a> <div class="product-image"> <a href="shop-single.html"> <img class="img-fluid" src="images/shop/05.jpg" alt=""> </a> </div> <div class="product-details"> <a href="shop-single.html" class="product-title">Bathtub</a> <div class="product-price">$99.99</div> </div> </li> </ul> <div class="offcanvas-footer"> <div class="mini-cart-total"> <span>Total ( 5 items ) :</span><strong> $859.94</strong> </div> <div class="cart-buttons"> <a href="cart.html" class="btn">View cart</a> <a href="checkout.html" class="btn">Checkout</a> </div> </div> </div> </div> <!--================================= Shopping-Cart OffCanvas --> <!--================================= Search --> <div id="search"> <button type="button" class="close"></button> <div class="search-inner"> <h2 class="title">Search here...</h2> <form> <input type="search" value="" placeholder="Search"> <button type="submit" class="search-btn btn">Search</button> </form> </div> </div> <!--================================= Search --> <!--================================= Right menu --> <div class="offcanvas offcanvas-end header-sidepanel bg-dark" tabindex="-1" id="offcanvasRight"> <div class="offcanvas-header text-end justify-content-end"> <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"> <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.19995 25.5841L25.7999 3.98413" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.19995 3.98413L25.7999 25.5841" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> </div> <div class="offcanvas-body d-flex align-content-between flex-wrap justify-content-center lenis-scroll-disable"> <div class="sidebar-menu"> <div class="logo"> <a href="index-2.html"> <img class="img-fluid" src="images/logo-light.svg" alt="Main logo"> </a> </div> <div class="about-us-box"> <h4 class="title mb-3">About us</h4> <p>Get the oars in the water and start rowing. Execution is the single biggest factor in achievement so the faster and better your execution.</p> </div> <div class="social-icon"> <ul> <li class="title">Follow us</li> <li><a href="#">Fb.</a></li> <li><a href="#">Dr.</a></li> <li><a href="#">Tw.</a></li> <li><a href="#">Be.</a></li> </ul> </div> <div class="contact-info-box"> <h4 class="mb-3">Contact Info</h4> <p><a href="mailto:info@example.com">info@example.com</a></p> <p><a href="tel:7042791249">+(704) 279-1249</a></p> </div> <a href="#" class="btn"><span>Get a Quote</span></a> </div> </div> </div> <!--================================= Right menu --> <div class="site-content"> <!--================================= banner --> <div class="banner banner-03 position-relative jarallax" style="background-image:url(images/banner/banner-03/01.jpg);"> <div class="banner-content wow fadeInRight" data-swiper-animation="fadeInRight" data-duration="0.3s" data-delay="0.25s" style="visibility: hidden; background-image:url(images/banner/banner-02/banner-bg.png);"> <div class="section-title pgs-title-effect"> <h1 class="title" data-splitting="chars">Got a interior project on your mind?</h1> <p class="description">Crafting bespoke interiors that reflect your unique taste, where luxury meets personalized design and Personal Touch.</p> </div> <div class="banner-info"> <a class="btn" href="about-us.html">About Us</a> <div class="help-info"> <span>Need more services based on your demand?</span> <a href="contact-us.html" class="info-link">Click Here</a> </div> </div> </div> </div> <!--================================= banner --> <div class="content-wrapper"> <!--================================= Clients Logo --> <div class="space-medium-ptb client-logos-section"> <div class="container"> <div class="row justify-content-center"> <div class="col-xl-6 col-lg-8 col-md-10"> <div class="text-center wow fadeInUp" data-swiper-animation="fadeInUp" data-duration="0.3s" data-delay="0.25s"> <h3 class="title">We have successfully completed over 200 projects for more than 150 clients.</h3> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="client-logos wow fadeInUp" data-cursor-type="arrow" data-swiper-animation="fadeInUp" data-duration="0.3s" data-delay="0.25s"> <div class="owl-carousel client-logo-slider" data-nav-dots="false" data-nav-arrow="false" data-items="6" data-lg-items="5" data-md-items="4" data-sm-items="3" data-xs-items="3" data-xx-items="2" data-space="45" data-autoheight="true"> <div class="item"> <img class="img-fluid" src="images/client-logo/01.png" alt=""> </div> <div class="item"> <img class="img-fluid" src="images/client-logo/02.png" alt=""> </div> <div class="item"> <img class="img-fluid" src="images/client-logo/03.png" alt=""> </div> <div class="item"> <img class="img-fluid" src="images/client-logo/04.png" alt=""> </div> <div class="item"> <img class="img-fluid" src="images/client-logo/05.png" alt=""> </div> <div class="item"> <img class="img-fluid" src="images/client-logo/03.png" alt=""> </div> </div> </div> </div> </div> </div> </div> <!--================================= Clients Logo --> <!--================================= Shep Line --> <div class="container"> <div class="row"> <div class="col-12"> <hr class="m-0"> </div> </div> </div> <!--================================= Shep Line --> <!--================================= Counter Box --> <div class="space-ptb"> <div class="container"> <div class="row section-title-horizontal align-items-center wow fadeInUp" data-swiper-animation="fadeInUp" data-duration="0.5s" data-delay="0.25s"> <div class="col-lg-6"> <div class="section-title pgs-title-effect"> <span class="sub-title">Years</span> <h3 class="title" data-splitting="chars">Design Inspired By You</h3> </div> </div> <div class="col-lg-6"> <p class="description">The best way is to develop and follow a plan. Start with your goals in mind and then work backwards to develop the plan. What steps are required to get you to the goals? Make the plan as detailed as possible. Try to visualize and then plan for, every possible setback. Commit the plan to paper and then keep it with you at all times.</p> </div> </div> <div class="row"> <div class="col-md-12"> <div class="counter-box counter-style-2"> <div class="counter"> <div class="pgsDownToUP wow fadeInUp" data-wow-delay="0.0s" data-wow-duration="1500ms"> <div class="counter-number"> <div class="counter-text"> <h2 class="timer mb-0" data-to="400" data-speed="2000">400</h2> <span>+</span> </div> </div> <div class="counter-info"> <p class="counter-description">Projects realized internationally</p> </div> </div> </div> <div class="counter"> <div class="pgsDownToUP wow fadeInUp" data-wow-delay="0.0s" data-wow-duration="1500ms"> <div class="counter-number"> <div class="counter-text"> <h2 class="timer mb-0" data-to="20" data-speed="2000">20</h2> <span>+</span> </div> </div> <div class="counter-info"> <p class="counter-description">Years of experience</p> </div> </div> </div> <div class="counter"> <div class="pgsDownToUP wow fadeInUp" data-wow-delay="0.0s" data-wow-duration="1500ms"> <div class="counter-number"> <div class="counter-text"> <h2 class="timer mb-0" data-to="90" data-speed="2000">90</h2> <span>k+</span> </div> </div> <div class="counter-info"> <p class="counter-description">Sq meters realized</p> </div> </div> </div> </div> </div> </div> </div> </div> <!--================================= Counter Box --> <!--================================= About us --> <section class="section-bg-half space-ptb overflow-hidden about-video-section"> <div class="bg-fixed clm-6 jarallax d-none d-lg-block wow pgsUpToDown" style="background-image: url(images/about/04.jpg); background-size: cover;"></div> <div class="container"> <div class="row align-items-center justify-content-end"> <div class="col-lg-6 "> <div class="about-section"> <div class="section-title pgs-title-effect"> <span class="sub-title">ABOUT US</span> <h3 class="title" data-splitting="chars">Shaping Your Ideal Space</h3> </div> <div class="about-video wow fadeInUp" data-swiper-animation="fadeInUp" data-duration="0.5s" data-delay="0.25s"> <div class="video-wrapper bg-holder wow pgsLeftToRight" style="background-image: url(images/bg/video-bg.jpg)" data-cursor-type="text" data-custom-text="Play" data-cursor-class="video-btn-sm"> <a class="popup-youtube video-btn cursor-style btn-hide" href="https://www.youtube.com/watch?v=rGtcmKIZi5c">Play</a> </div> <div class="clienti-reviews reviews-style-05"> <ul class="clienti-profile"> <li> <img class="img-fluid" src="images/avatar/01.jpg" alt=""> </li> <li> <img class="img-fluid" src="images/avatar/02.jpg" alt=""> </li> <li> <img class="img-fluid" src="images/avatar/03.jpg" alt=""> </li> <li> <img class="img-fluid" src="images/avatar/04.jpg" alt=""> </li> </ul> <div class="reviews"><span class="reviews-number"> 1,250+</span> <span>Satisfied clients</span></div> </div> </div> <div class="more-project wow fadeInUp" data-swiper-animation="fadeInUp" data-duration="0.5s" data-delay="0.25s"> <p class="description mb-4 mb-md-5">Positive pleasure-oriented goals are much more powerful motivators than negative fear-based ones. Although each is successful separately, the right combination of both is the most powerful.</p> <a href="about-us.html" class="btn">Read More</a> </div> </div> </div> </div> </div> </section> <!--================================= About us --> <!--================================= Portfolio carousel --> <section class="space-medium-ptb portfolio-section overflow-hidden"> <div class="container"> <div class="row w-100 section-title-horizontal"> <div class="col-md-12 col-xl-7 col-xxl-8"> <div class="section-title pgs-title-effect"> <span class="sub-title">Our Project</span> <h3 class="title" data-splitting="chars">Our Project</h3> </div> </div> <div class="col-md-12 col-xl-5 col-xxl-4"> <p class="description mt-2 ps-0 wow fadeInUp" data-swiper-animation="fadeInUp" data-duration="0.5s" data-delay="0.25s">Discover our portfolio of innovative projects, where creativity meets functionality, transforming spaces into unique, personalized environments that reflect style, comfort, and client vision.</p> </div> </div> <div class="row"> <div class="col-md-12"> <div class="swiper-main"> <div id="main-slider" class="swiper-container" data-cursor-type="arrow"> <div class="swiper-wrapper"> <div class="swiper-slide portfoliowrapper wow pgsUpToDown fadeInDown"> <div class="portfolio-item portfolio-style-02"> <div class="portfolio-img"> <img class="img-fluid" src="images/portfolio/01.jpg" alt=""> </div> <div class="portfolio-info"> <div class="portfolio-category"> <h3 class="portfolio-title"> <a href="portfolio-single.html">Modern Kitchen</a> </h3> <div class="portfolio-date">December 2, 2024</div> </div> <a href="#" class="btn btn-border btn-sm">Furniture</a> </div> </div> </div> <div class="swiper-slide portfoliowrapper wow pgsUpToDown fadeInDown"> <div class="portfolio-item portfolio-style-02"> <div class="portfolio-img"> <img class="img-fluid" src="images/portfolio/02.jpg" alt=""> </div> <div class="portfolio-info"> <div class="portfolio-category"> <h3 class="portfolio-title"> <a href="portfolio-single.html">Master Bedroom</a> </h3> <div class="portfolio-date">December 2, 2024</div> </div> <a href="#" class="btn btn-border btn-sm">Design</a> </div> </div> </div> <div class="swiper-slide portfoliowrapper wow pgsUpToDown fadeInDown"> <div class="portfolio-item portfolio-style-02"> <div class="portfolio-img"> <img class="img-fluid" src="images/portfolio/03.jpg" alt=""> </div> <div class="portfolio-info"> <div class="portfolio-category"> <h3 class="portfolio-title"> <a href="portfolio-single.html">Wall Art Frame</a> </h3> <div class="portfolio-date">December 2, 2024</div> </div> <a href="#" class="btn btn-border btn-sm">Design</a> </div> </div> </div> <div class="swiper-slide portfoliowrapper wow pgsUpToDown fadeInDown"> <div class="portfolio-item portfolio-style-02"> <div class="portfolio-img"> <img class="img-fluid" src="images/portfolio/04.jpg" alt=""> </div> <div class="portfolio-info"> <div class="portfolio-category"> <h3 class="portfolio-title"> <a href="portfolio-single.html">Minimalist Bedroom</a> </h3> <div class="portfolio-date">December 2, 2024</div> </div> <a href="#" class="btn btn-border btn-sm">Furniture</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!--================================= Portfolio carousel --> <!--================================= Servicebox --> <section class="space-ptb bg-dark"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="section-title pgs-title-effect center wow fadeInUp" data-swiper-animation="fadeInUp" data-duration="0.5s" data-delay="0.25s"> <span class="sub-title">Services</span> <h3 class="title" data-splitting="chars">Luxury Interior Design & Styling</h3> </div> </div> </div> <div class="row"> <div class="col-sm-12"> <div class="service-tabs image-tabs wow fadeInUp" data-swiper-animation="fadeInUp" data-duration="0.5s" data-delay="0.25s"> <div class="service-tab-content"> <div id="service-item-1" class="service-content-box service-content-active"> <img class="img-fluid wow pgsLeftToRight" src="images/service/service-01.jpg" alt="Services Image 01"> <div class="infobox"> <div class="infobox-icon"> <img class="img-fluid" src="images/service/icon/icon-01.png" alt="Services icon 02"> </div> <div class="infobox-content"> <div class="infobox-description">John Doe Cooperative delivers innovative design solutions, transforming spaces with creativity, functionality, and unique style.</div> <a href="service-single.html" class="info-link"> Learn More <span class="btn-arrow"> <svg width="20" height="20" viewBox="0 0 31 20"> <path d="M5.32432 0.159912C5.15619 0.159912 4.98432 0.226162 4.85557 0.355537C4.59744 0.613037 4.59744 1.03491 4.85557 1.29304L13.6799 10.1174L4.98494 18.813C4.72682 19.0712 4.72682 19.4924 4.98494 19.7505C5.24306 20.0087 5.66432 20.0087 5.92244 19.7505L15.0906 10.5862C15.3481 10.328 15.3481 9.90616 15.0906 9.64866L5.79744 0.355537C5.66494 0.222412 5.49682 0.159912 5.32494 0.159912L5.32432 0.159912Z" /> <path d="M15.9127 0.159912C15.7446 0.159912 15.5727 0.226162 15.4439 0.355537C15.1858 0.613037 15.1858 1.03491 15.4439 1.29304L24.2683 10.1174L15.5733 18.813C15.3152 19.0712 15.3152 19.4924 15.5733 19.7505C15.8314 20.0087 16.2527 20.0087 16.5108 19.7505L25.6789 10.5862C25.9364 10.328 25.9364 9.90616 25.6789 9.64866L16.3858 0.355537C16.2533 0.222412 16.0852 0.159912 15.9133 0.159912L15.9127 0.159912Z"/> </svg> </span> </a> </div> </div> </div> <div id="service-item-2" class="service-content-box"> <img class="img-fluid wow pgsLeftToRight" src="images/service/service-02.jpg" alt="Services Image 02"> <div class="infobox"> <div class="infobox-icon" > <img class="img-fluid" src="images/service/icon/icon-02.png" alt="Services icon 02"> </div> <div class="infobox-content"> <div class="infobox-description">Creating refined, luxurious interiors with attention to detail, elevating your living space to new heights.</div> <a href="service-single.html" class="info-link"> Learn More <span class="btn-arrow"> <svg width="20" height="20" viewBox="0 0 31 20"> <path d="M5.32432 0.159912C5.15619 0.159912 4.98432 0.226162 4.85557 0.355537C4.59744 0.613037 4.59744 1.03491 4.85557 1.29304L13.6799 10.1174L4.98494 18.813C4.72682 19.0712 4.72682 19.4924 4.98494 19.7505C5.24306 20.0087 5.66432 20.0087 5.92244 19.7505L15.0906 10.5862C15.3481 10.328 15.3481 9.90616 15.0906 9.64866L5.79744 0.355537C5.66494 0.222412 5.49682 0.159912 5.32494 0.159912L5.32432 0.159912Z" /> <path d="M15.9127 0.159912C15.7446 0.159912 15.5727 0.226162 15.4439 0.355537C15.1858 0.613037 15.1858 1.03491 15.4439 1.29304L24.2683 10.1174L15.5733 18.813C15.3152 19.0712 15.3152 19.4924 15.5733 19.7505C15.8314 20.0087 16.2527 20.0087 16.5108 19.7505L25.6789 10.5862C25.9364 10.328 25.9364 9.90616 25.6789 9.64866L16.3858 0.355537C16.2533 0.222412 16.0852 0.159912 15.9133 0.159912L15.9127 0.159912Z"/> </svg> </span> </a> </div> </div> </div> <div id="service-item-3" class="service-content-box"> <img class="img-fluid wow pgsLeftToRight" src="images/service/service-03.jpg" alt="Services Image 03"> <div class="infobox"> <div class="infobox-icon"> <img class="img-fluid" src="images/service/icon/icon-03.png" alt="Services icon 03"> </div> <div class="infobox-content"> <div class="infobox-description">Transforming spaces with refined styling, blending timeless elegance and modern design for a truly sophisticated atmosphere.</div> <a href="service-single.html" class="info-link"> Learn More <span class="btn-arrow"> <svg width="20" height="20" viewBox="0 0 31 20"> <path d="M5.32432 0.159912C5.15619 0.159912 4.98432 0.226162 4.85557 0.355537C4.59744 0.613037 4.59744 1.03491 4.85557 1.29304L13.6799 10.1174L4.98494 18.813C4.72682 19.0712 4.72682 19.4924 4.98494 19.7505C5.24306 20.0087 5.66432 20.0087 5.92244 19.7505L15.0906 10.5862C15.3481 10.328 15.3481 9.90616 15.0906 9.64866L5.79744 0.355537C5.66494 0.222412 5.49682 0.159912 5.32494 0.159912L5.32432 0.159912Z" /> <path d="M15.9127 0.159912C15.7446 0.159912 15.5727 0.226162 15.4439 0.355537C15.1858 0.613037 15.1858 1.03491 15.4439 1.29304L24.2683 10.1174L15.5733 18.813C15.3152 19.0712 15.3152 19.4924 15.5733 19.7505C15.8314 20.0087 16.2527 20.0087 16.5108 19.7505L25.6789 10.5862C25.9364 10.328 25.9364 9.90616 25.6789 9.64866L16.3858 0.355537C16.2533 0.222412 16.0852 0.159912 15.9133 0.159912L15.9127 0.159912Z"/> </svg> </span> </a> </div> </div> </div> <div id="service-item-4" class="service-content-box"> <img class="img-fluid wow pgsLeftToRight" src="images/service/service-04.jpg" alt="Services Image 04"> <div class="infobox"> <div class="infobox-icon"> <img class="img-fluid" src="images/service/icon/icon-04.png" alt="Services icon 04"> </div> <div class="infobox-content"> <div class="infobox-description">Offering tailored design solutions that combine luxury, functionality, and artistry to elevate upscale living spaces.</div> <a href="service-single.html" class="info-link"> Learn More <span class="btn-arrow"> <svg width="20" height="20" viewBox="0 0 31 20"> <path d="M5.32432 0.159912C5.15619 0.159912 4.98432 0.226162 4.85557 0.355537C4.59744 0.613037 4.59744 1.03491 4.85557 1.29304L13.6799 10.1174L4.98494 18.813C4.72682 19.0712 4.72682 19.4924 4.98494 19.7505C5.24306 20.0087 5.66432 20.0087 5.92244 19.7505L15.0906 10.5862C15.3481 10.328 15.3481 9.90616 15.0906 9.64866L5.79744 0.355537C5.66494 0.222412 5.49682 0.159912 5.32494 0.159912L5.32432 0.159912Z" /> <path d="M15.9127 0.159912C15.7446 0.159912 15.5727 0.226162 15.4439 0.355537C15.1858 0.613037 15.1858 1.03491 15.4439 1.29304L24.2683 10.1174L15.5733 18.813C15.3152 19.0712 15.3152 19.4924 15.5733 19.7505C15.8314 20.0087 16.2527 20.0087 16.5108 19.7505L25.6789 10.5862C25.9364 10.328 25.9364 9.90616 25.6789 9.64866L16.3858 0.355537C16.2533 0.222412 16.0852 0.159912 15.9133 0.159912L15.9127 0.159912Z"/> </svg> </span> </a> </div> </div> </div> </div> <div class="service-items"> <div data-tab="service-item-1" class="service-item item-active"> <span class="service-group-item"> <span class="tab-content-wrap"> <span class="tab-title">Creativity Design Solutions Jonh Doe Cooperative</span> <i class="tab-arrow"> <svg width="68" height="56" viewBox="0 0 68 56" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M27.1042 55.5L52.1548 28.2691L52.4662 27.9306L52.1548 27.5921L27.2304 0.499998L42.0848 0.499999L67.3206 27.9306L41.9562 55.5L27.1042 55.5Z"/> <path d="M1.13936 55.5L26.19 28.2691L26.5014 27.9306L26.19 27.5921L1.26559 0.499998L16.1199 0.499999L41.3557 27.9306L15.9914 55.5L1.13936 55.5Z"/> </svg> </i> </span> </span> </div> <div data-tab="service-item-2" class="service-item"> <span class="service-group-item"> <span class="tab-content-wrap"> <span class="tab-title">Sophisticated Luxury Design for Elevated Living Spaces</span> <i class="tab-arrow"> <svg width="68" height="56" viewBox="0 0 68 56" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M27.1042 55.5L52.1548 28.2691L52.4662 27.9306L52.1548 27.5921L27.2304 0.499998L42.0848 0.499999L67.3206 27.9306L41.9562 55.5L27.1042 55.5Z"/> <path d="M1.13936 55.5L26.19 28.2691L26.5014 27.9306L26.19 27.5921L1.26559 0.499998L16.1199 0.499999L41.3557 27.9306L15.9914 55.5L1.13936 55.5Z"/> </svg> </i> </span> </span> </div> <div data-tab="service-item-3" class="service-item"> <span class="service-group-item"> <span class="tab-content-wrap"> <span class="tab-title">Exquisite Styling to Enhance Elegant Interiors</span> <i class="tab-arrow"> <svg width="68" height="56" viewBox="0 0 68 56" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M27.1042 55.5L52.1548 28.2691L52.4662 27.9306L52.1548 27.5921L27.2304 0.499998L42.0848 0.499999L67.3206 27.9306L41.9562 55.5L27.1042 55.5Z"/> <path d="M1.13936 55.5L26.19 28.2691L26.5014 27.9306L26.19 27.5921L1.26559 0.499998L16.1199 0.499999L41.3557 27.9306L15.9914 55.5L1.13936 55.5Z"/> </svg> </i> </span> </span> </div> <div data-tab="service-item-4" class="service-item"> <span class="service-group-item"> <span class="tab-content-wrap"> <span class="tab-title">Premium Design Solutions for Upscale Homes</span> <i class="tab-arrow"> <svg width="68" height="56" viewBox="0 0 68 56" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M27.1042 55.5L52.1548 28.2691L52.4662 27.9306L52.1548 27.5921L27.2304 0.499998L42.0848 0.499999L67.3206 27.9306L41.9562 55.5L27.1042 55.5Z"/> <path d="M1.13936 55.5L26.19 28.2691L26.5014 27.9306L26.19 27.5921L1.26559 0.499998L16.1199 0.499999L41.3557 27.9306L15.9914 55.5L1.13936 55.5Z"/> </svg> </i> </span> </span> </div> </div> </div> </div> </div> </div> </section> <!--================================= Servicebox --> <!--================================= pricing --> <section class="space-ptb"> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="section-title pgs-title-effect"> <span class="sub-title">Pricing Plans</span> <h3 class="title" data-splitting="chars">Explore Our Design Pricing Options</h3> <div class="title-description"> <p class="description wow fadeInUp" data-swiper-animation="fadeInUp" data-duration="0.1s" data-delay="0.25s">Explore our comprehensive pricing plans, offering flexible options to meet your design needs. Whether it's a small update or a full transformation, we provide high-quality, affordable solutions for every project.</p> <div class="ms-sm-auto wow fadeInUp" data-swiper-animation="fadeInUp" data-duration="0.3s" data-delay="0.25s"><a class="btn" href="pricing.html">View All</a></div> </div> </div> </div> </div> <div class="row align-items-center justify-content-end"> <div class="col-xl-11"> <div class="pricing-boxs"> <div class="pricing-box active wow fadeInUp" data-wow-delay="0.0s" data-wow-duration="1500ms"> <div class="row"> <div class="col-md-1"> <span class="package-check"> <i class="fa-solid fa-check"></i> </span> </div> <div class="col-md-4"> <div class="package-info"> <div class="package-name"> <h5 class="package-title">Basic</h5><span class="package-discount">15% Discount</span> </div> </div> </div> <div class="col-xxl-5 col-md-4"> <div class="pricing-content"> <div class="package-description">Affordable options for simple, quality design solutions on a budget.</div> <ul class="package-list"> <li><i class="fa-regular fa-circle-check"></i><span>Unlimited updates</span></li> <li><i class="fa-regular fa-circle-xmark"></i><span>Custom permissions</span></li> <li><i class="fa-regular fa-circle-xmark"></i><span>Custom infrastructure</span></li> </ul> </div> </div> <div class="col-xxl-2 col-md-3 align-self-start"> <div class="package-price"> <h5 class="price">$29</h5> <span class="period">/Monthly</span> </div> <a class="btn" href="pricing.html"> <svg width="31" height="20" viewBox="0 0 31 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.32432 0.159912C5.15619 0.159912 4.98432 0.226162 4.85557 0.355537C4.59744 0.613037 4.59744 1.03491 4.85557 1.29304L13.6799 10.1174L4.98494 18.813C4.72682 19.0712 4.72682 19.4924 4.98494 19.7505C5.24306 20.0087 5.66432 20.0087 5.92244 19.7505L15.0906 10.5862C15.3481 10.328 15.3481 9.90616 15.0906 9.64866L5.79744 0.355537C5.66494 0.222412 5.49682 0.159912 5.32494 0.159912L5.32432 0.159912Z" fill="white" fill-opacity="1"/> <path d="M15.9127 0.159912C15.7446 0.159912 15.5727 0.226162 15.4439 0.355537C15.1858 0.613037 15.1858 1.03491 15.4439 1.29304L24.2683 10.1174L15.5733 18.813C15.3152 19.0712 15.3152 19.4924 15.5733 19.7505C15.8314 20.0087 16.2527 20.0087 16.5108 19.7505L25.6789 10.5862C25.9364 10.328 25.9364 9.90616 25.6789 9.64866L16.3858 0.355537C16.2533 0.222412 16.0852 0.159912 15.9133 0.159912L15.9127 0.159912Z" fill="white" fill-opacity="1"/> </svg> </a> </div> </div> </div> <div class="pricing-box wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="1500ms"> <div class="row"> <div class="col-md-1"> <span class="package-check"> <i class="fa-solid fa-check"></i> </span> </div> <div class="col-md-4"> <div class="package-info"> <div class="package-name"> <h5 class="package-title">Commercial</h5><span class="package-discount">20% Discount</span> </div> </div> </div> <div class="col-xxl-5 col-md-4"> <div class="pricing-content"> <div class="package-description">Custom pricing plans tailored for businesses, ensuring impactful designs within your budget.</div> <ul class="package-list"> <li><i class="fa-regular fa-circle-check"></i><span>Unlimited updates</span></li> <li><i class="fa-regular fa-circle-check"></i><span>Custom permissions</span></li> <li><i class="fa-regular fa-circle-xmark"></i><span>Custom infrastructure</span></li> </ul> </div> </div> <div class="col-xxl-2 col-md-3 align-self-start"> <div class="package-price"> <h5 class="price">$39</h5> <span class="period">/Monthly</span> </div> <a class="btn" href="pricing.html"> <svg width="31" height="20" viewBox="0 0 31 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.32432 0.159912C5.15619 0.159912 4.98432 0.226162 4.85557 0.355537C4.59744 0.613037 4.59744 1.03491 4.85557 1.29304L13.6799 10.1174L4.98494 18.813C4.72682 19.0712 4.72682 19.4924 4.98494 19.7505C5.24306 20.0087 5.66432 20.0087 5.92244 19.7505L15.0906 10.5862C15.3481 10.328 15.3481 9.90616 15.0906 9.64866L5.79744 0.355537C5.66494 0.222412 5.49682 0.159912 5.32494 0.159912L5.32432 0.159912Z" fill="white" fill-opacity="1"/> <path d="M15.9127 0.159912C15.7446 0.159912 15.5727 0.226162 15.4439 0.355537C15.1858 0.613037 15.1858 1.03491 15.4439 1.29304L24.2683 10.1174L15.5733 18.813C15.3152 19.0712 15.3152 19.4924 15.5733 19.7505C15.8314 20.0087 16.2527 20.0087 16.5108 19.7505L25.6789 10.5862C25.9364 10.328 25.9364 9.90616 25.6789 9.64866L16.3858 0.355537C16.2533 0.222412 16.0852 0.159912 15.9133 0.159912L15.9127 0.159912Z" fill="white" fill-opacity="1"/> </svg> </a> </div> </div> </div> <div class="pricing-box wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="1500ms"> <div class="row"> <div class="col-md-1"> <span class="package-check"> <i class="fa-solid fa-check"></i> </span> </div> <div class="col-md-4"> <div class="package-info"> <div class="package-name"> <h5 class="package-title">Premium</h5><span class="package-discount">15% Discount</span> </div> </div> </div> <div class="col-xxl-5 col-md-4"> <div class="pricing-content"> <div class="package-description">Exclusive pricing plans offering luxurious, bespoke design solutions for high-end projects and clients.</div> <ul class="package-list"> <li><i class="fa-regular fa-circle-check"></i><span>Unlimited updates</span></li> <li><i class="fa-regular fa-circle-check"></i><span>Custom permissions</span></li> <li><i class="fa-regular fa-circle-check"></i><span>Custom infrastructure</span></li> </ul> </div> </div> <div class="col-xxl-2 col-md-3 align-self-start"> <div class="package-price"> <h5 class="price">$49</h5> <span class="period">/Monthly</span> </div> <a class="btn" href="pricing.html"> <svg width="31" height="20" viewBox="0 0 31 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.32432 0.159912C5.15619 0.159912 4.98432 0.226162 4.85557 0.355537C4.59744 0.613037 4.59744 1.03491 4.85557 1.29304L13.6799 10.1174L4.98494 18.813C4.72682 19.0712 4.72682 19.4924 4.98494 19.7505C5.24306 20.0087 5.66432 20.0087 5.92244 19.7505L15.0906 10.5862C15.3481 10.328 15.3481 9.90616 15.0906 9.64866L5.79744 0.355537C5.66494 0.222412 5.49682 0.159912 5.32494 0.159912L5.32432 0.159912Z" fill="white" fill-opacity="1"/> <path d="M15.9127 0.159912C15.7446 0.159912 15.5727 0.226162 15.4439 0.355537C15.1858 0.613037 15.1858 1.03491 15.4439 1.29304L24.2683 10.1174L15.5733 18.813C15.3152 19.0712 15.3152 19.4924 15.5733 19.7505C15.8314 20.0087 16.2527 20.0087 16.5108 19.7505L25.6789 10.5862C25.9364 10.328 25.9364 9.90616 25.6789 9.64866L16.3858 0.355537C16.2533 0.222412 16.0852 0.159912 15.9133 0.159912L15.9127 0.159912Z" fill="white" fill-opacity="1"/> </svg> </a> </div> </div> </div> </div> </div> </div> </div> </section> <!--================================= pricing --> <!--================================= Award Section --> <section class="space-pt award-section bg-holder" style="background-image:url(images/bg/bg-05.jpg);"> <img class="img-fluid award-bg d-md-none" src="images/bg/bg-05.jpg" alt="#"> <ul class="pgs-points"> <li class="pgs-point pgs-point-1"> <button type="button" class="pgs-point-btn" data-bs-toggle="modal" data-bs-target="#PointsModalOne"> <i class="bi bi-plus"></i> </button> </li> <li class="pgs-point pgs-point-2"> <button type="button" class="pgs-point-btn" data-bs-toggle="modal" data-bs-target="#PointsModalTwo"> <i class="bi bi-plus"></i> </button> </li> <li class="pgs-point pgs-point-3"> <button type="button" class="pgs-point-btn" data-bs-toggle="modal" data-bs-target="#PointsModalThree"> <i class="bi bi-plus"></i> </button> </li> <li class="pgs-point pgs-point-4"> <button type="button" class="pgs-point-btn" data-bs-toggle="modal" data-bs-target="#PointsModalFour"> <i class="bi bi-plus"></i> </button> </li> </ul> <div class="container"> <div class="row justify-content-end"> <div class="col-md-12 position-relative"> <div class="award-box bg-dark wow fadeInUp" data-swiper-animation="fadeInUp" data-duration="0.5s" data-delay="0.25s"> <img class="img-fluid" src="images/client-logo/award.png" alt=""> <div class="award-text"> <h2 class="big-text">W.</h2> <span>Best Award Winner Interior Design</span> </div> <h2 class="title">We Believe in Quality, Not Quantity</h2> <ul class="list-unstyled list"> <li><i class="fa-regular fa-circle-check"></i> Specialized Skills</li> <li><i class="fa-regular fa-circle-check"></i> Specialized Skills</li> </ul> <a href="contact-us.html" class="btn">Get started</a> </div> </div> </div> </div> </section> <!--================================= Award Section --> <!--================================= Blog --> <section class="space-pt"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-8 col-md-10"> <div class="section-title center pgs-title-effect wow fadeInUp" data-swiper-animation="fadeInUp" data-duration="0.1s" data-delay="0.25s"> <span class="sub-title">Blog</span> <h3 class="title" data-splitting="chars">From Our Blog</h3> <p class="description wow fadeInUp" data-swiper-animation="fadeInUp" data-duration="0.3s" data-delay="0.25s">Stay updated with our latest insights, tips, and trends in interior design. Explore our blog for inspiration, expert advice, and creative solutions for your next project.</p> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="grid-wrapper grid-xl-3 grid-md-2 grid-sm-2 grid-xs-1"> <div class="blog-post blog-style-2 wow fadeInUp" data-wow-delay="0.0s" data-wow-duration="1500ms"> <div class="blog-img"> <img class="img-fluid" src="images/blog/04.jpg" alt="#"> <div class="blog-detail"> <div class="author-info"> <div class="author-avatar"> <img class="img-fluid" src="images/avatar/01.jpg" alt="#"> </div> <div class="author-detail"> <h6 class="author-name">Simmy Flavius</h6> <span class="author-designation">Interior Designer</span> </div> </div> <div class="blog-info"> <span class="post-meta-date">December 2, 2024</span> <h6 class="title"><a href="blog-single.html">Unlock the Secrets of Stunning Interior Design</a></h6> <ul class="post-meta"> <li class="post-meta-category">Textiles</li> <li class="post-meta-category">Kitchen</li> </ul> </div> </div> </div> </div> <div class="blog-post blog-style-2 active wow fadeInUp" data-wow-delay="0.1s" data-wow-duration="1500ms"> <div class="blog-img"> <img class="img-fluid" src="images/blog/05.jpg" alt="#"> <div class="blog-detail"> <div class="author-info"> <div class="author-avatar"> <img class="img-fluid" src="images/avatar/02.jpg" alt="#"> </div> <div class="author-detail"> <h6 class="author-name">Demon Cats</h6> <span class="author-designation">Modern Interior Designer</span> </div> </div> <div class="blog-info"> <span class="post-meta-date">December 12, 2024</span> <h6 class="title"><a href="blog-single.html">Transform Your Space: Expert Interior Design Tips</a></h6> <ul class="post-meta"> <li class="post-meta-category">Luxury</li> <li class="post-meta-category">Lighting</li> </ul> </div> </div> </div> </div> <div class="blog-post blog-style-2 wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="1500ms"> <div class="blog-img"> <img class="img-fluid" src="images/blog/06.jpg" alt="#"> <div class="blog-detail"> <div class="author-info"> <div class="author-avatar"> <img class="img-fluid" src="images/avatar/03.jpg" alt="#"> </div> <div class="author-detail"> <h6 class="author-name">Simon Cyrene</h6> <span class="author-designation">Minimalist Interior Designer</span> </div> </div> <div class="blog-info"> <span class="post-meta-date">January 14, 2025</span> <h6 class="title"><a href="blog-single.html">How to Create a Timeless Interior Design</a></h6> <ul class="post-meta"> <li class="post-meta-category">Fabrics</li> <li class="post-meta-category">Bathroom</li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!--================================= Blog --> <!--================================= Marquee --> <div class="overflow-hidden space-ptb wow fadeInUp" data-wow-delay="0.0s" data-wow-duration="1500ms"> <div class="container-fluid p-0"> <div class="row g-0"> <div class="col-md-12"> <div class="marquee marquee-style-02 space-small-pb"> <div class="marquee-box p-0"> <div class="marquee-item"> <span class="title" data-text="Let’s talk">Let’s talk</span> </div> <div class="marquee-item"> <span class="title" data-text="Let’s talk">Let’s talk</span> </div> <div class="marquee-item"> <span class="title" data-text="Let’s talk">Let’s talk</span> </div> <div class="marquee-item"> <span class="title" data-text="Let’s talk">Let’s talk</span> </div> <div class="marquee-item"> <span class="title" data-text="Let’s talk">Let’s talk</span> </div> <div class="marquee-item"> <span class="title" data-text="Let’s talk">Let’s talk</span> </div> <div class="marquee-item"> <span class="title" data-text="Let’s talk">Let’s talk</span> </div> <div class="marquee-item"> <span class="title" data-text="Let’s talk">Let’s talk</span> </div> <div class="marquee-item"> <span class="title" data-text="Let’s talk">Let’s talk</span> </div> <div class="marquee-item"> <span class="title" data-text="Let’s talk">Let’s talk</span> </div> </div> </div> </div> </div> <div class="row justify-content-center"> <div class="col-lg-5 col-11"> <form class="newsletter-form newsletter-style-1"> <input type="email" class="form-control" placeholder="Email address" aria-label="Email"> <button type="submit" class="send-btn">Send</button> </form> </div> </div> </div> </div> <!--================================= Marquee --> <!--================================= Faq --> <section class="space-ptb faq-section bg-light"> <div class="container"> <div class="row"> <div class="col-lg-5"> <div class="section-title is-sticky pgs-title-effect" > <span class="sub-title">FAQ</span> <h3 class="title" data-splitting="chars">Frequently Asked Questions</h3> <p class="description wow fadeInUp" data-swiper-animation="fadeInUp" data-duration="0.3s" data-delay="0.25s">Get answers to common inquiries about our services, process, and pricing to guide your decision-making.</p> </div> </div> <div class="col-lg-7"> <div class="accordion wow fadeInUp" data-swiper-animation="fadeInUp" data-duration="0.5s" data-delay="0.25s" id="pgsaccordion"> <div class="accordion-item"> <h6 class="accordion-header" id="headingOne"> <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"><span>UX / Research</span></button> </h6> <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#pgsaccordion"> <div class="accordion-body">Business marketing involves strategies and activities that promote and sell products or services to target audiences. It’s crucial for establishing brand presence, attracting customers, and driving sales. Effective marketing helps differentiate your business from competitors and builds lasting relationships with your audience, ultimately contributing to long-term success and growth.</div> </div> </div> <div class="accordion-item"> <h6 class="accordion-header" id="headingTwo"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"><span>So why do we do it?</span></button> </h6> <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#pgsaccordion"> <div class="accordion-body">Empower your business with our advanced HTML5 Template, designed to meet the demands of modern marketing. Our theme offers an array of customizable features that allow you to create a unique online presence and attract more clients.</div> </div> </div> <div class="accordion-item"> <h6 class="accordion-header" id="headingThree"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"><span>I am worried about e-mail scams...</span></button> </h6> <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#pgsaccordion"> <div class="accordion-body">Success in marketing can be measured through various metrics such as website traffic, conversion rates, customer engagement, and return on investment (ROI). Using tools like Google Analytics, social media insights, and sales data, you can evaluate the effectiveness of your campaigns and make informed decisions to optimize future strategies.</div> </div> </div> <div class="accordion-item"> <h6 class="accordion-header" id="headingFour"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour"><span>Why IT Staff Management?</span></button> </h6> <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#pgsaccordion"> <div class="accordion-body">Marketing strategies should be reviewed and updated regularly, at least every six to twelve months. This ensures that your approach remains aligned with current market trends, consumer behavior, and business objectives. Regular evaluations help you adapt to changes and stay competitive in a dynamic market.</div> </div> </div> <div class="accordion-item"> <h6 class="accordion-header" id="headingFive"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive"><span>So why do we do it?</span></button> </h6> <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#pgsaccordion"> <div class="accordion-body">Empower your business with our advanced HTML5 Template, designed to meet the demands of modern marketing. Our theme offers an array of customizable features that allow you to create a unique online presence and attract more clients.</div> </div> </div> </div> </div> </div> </div> </section> <!--================================= Faq --> </div> <!--================================= footer--> <footer class="footer bg-black footer-style-02"> <div class="min-footer"> <div class="container-fluid"> <div class="row"> <div class="col-xl-4 footer-left"> <div class="widget widget-newsletter"> <h5 class="widget-title">Subscribe</h5> <form class="newsletter-form"> <input type="text" class="form-control" placeholder="Enter Your Email"> <button type="submit" class="subscribe-btn"><i class="fa-solid fa-paper-plane"></i></button> </form> <p>Subscribe to our newsletter.</p> </div> <div class="widget"> <a class="footer-logo" href="index-2.html"><img class="img-fluid" src="images/logo-icon.svg" alt="logo"></a> </div> </div> <div class="col-xl-8 footer-right"> <div class="row footer-right-top"> <div class="col-lg-5 col-md-5 mb-4 mb-md-0"> <div class="widget widget-address"> <h5 class="widget-title">Contact</h5> <ul class="list-unstyled mb-0"> <li><span>Phone:</span> <a href="tel:7042791249">+(704) 279-1249</a></li> <li><span>Email:</span> <a href="mailto:info@example.com">info@example.com</a></li> <li>17504 Carlton Cuevas Rd, Gulfport, MS, 39503</li> </ul> </div> </div> <div class="col-lg-7 col-md-7"> <div class="widget widget-menu"> <h5 class="widget-title">Quick Links</h5> <ul class="list-unstyled mb-0"> <li><a href="index-2.html">Home</a></li> <li><a href="about-us.html">About Us</a></li> <li><a href="team.html">Team</a></li> <li><a href="team-single.html">Team Single</a></li> <li><a href="service.html">Service</a></li> <li><a href="portfolio-3-columns.html">Project</a></li> <li><a href="portfolio-single.html">Project Single</a></li> <li><a href="contact-us.html">Contact Us</a></li> <li><a href="blog.html">Blog</a></li> <li><a href="contact-us.html">Contact Us</a></li> <li><a href="faq.html">Faq</a></li> </ul> </div> </div> </div> <div class="row footer-right-bottom"> <div class="col-lg-5 col-md-5 mb-md-0 mb-4"> <div class="widget widget-social"> <h5 class="widget-title">Follow us</h5> <div class="social-icon social-icon-style-02"> <ul> <li><a href="#">Fb.</a></li> <li><a href="#">Dr.</a></li> <li><a href="#">Tw.</a></li> <li><a href="#">Be.</a></li> </ul> </div> </div> </div> <div class="col-lg-7 col-md-7"> <div class="widget widget-app"> <h5 class="widget-title">Download App</h5> <ul class="list-unstyled mb-0"> <li><a href="#"><img class="img-fluid" src="images/svg/app-store.svg" alt="logo"></a></li> <li><a href="#"><img class="img-fluid" src="images/svg/google-play.svg" alt="logo"></a></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="footer-bottom"> <div class="container-fluid"> <div class="row align-items-center copyright text-center text-md-start"> <div class="col-md-6 col-sm-5"> <p class="mb-0">© Copyright <span id="copyright"><script>document .getElementById("copyright") .appendChild(document.createTextNode(new Date().getFullYear()));</script></span> <a href="index-2.html"> Interium </a></p> </div> <div class="col-md-6 col-sm-7"> <ul class="list-unstyled widget-menu"> <li><a href="index-2.html">Teams and Conditions</a></li> <li><a href="index-2.html">Privacy policy</a></li> </ul> </div> </div> </div> </div> </footer> <!--================================= footer--> </div> </div> <!--================================= Points Modal--> <!-- Modal --> <div class="modal fade product-modal-box" id="PointsModalOne" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="PointsModalOne" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="product-box"> <div class="images"><img class="img-fluid" src="images/shop/10.jpg" alt="#"></div> <div class="product-info"> <h5 class="title">Cloque Clock</h5> <p>We know this in our gut, but what can we do about it</p> </div> </div> </div> <div class="modal-footer"> <span class="price">$125.00</span> <a href="shop-single.html" class="btn">Buy Now</a> </div> </div> </div> </div> <!-- Modal 2 --> <div class="modal fade product-modal-box" id="PointsModalTwo" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="PointsModalTwo" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="product-box"> <div class="images"><img class="img-fluid" src="images/shop/12.jpg" alt="#"></div> <div class="product-info"> <h5 class="title">Stool</h5> <p>What drives me? The thing that drives me most</p> </div> </div> </div> <div class="modal-footer"> <span class="price">$89.00</span> <a href="shop-single.html" class="btn">Buy Now</a> </div> </div> </div> </div> <!-- Modal 3 --> <div class="modal fade product-modal-box" id="PointsModalThree" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="PointsModalThree" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="product-box"> <div class="images"><img class="img-fluid" src="images/shop/13.jpg" alt="#"></div> <div class="product-info"> <h5 class="title">Shape Soft Sofa</h5> <p>The first thing to remember about success is that</p> </div> </div> </div> <div class="modal-footer"> <span class="price">$12.00</span> <a href="shop-single.html" class="btn">Buy Now</a> </div> </div> </div> </div> <!-- Modal 4 --> <div class="modal fade product-modal-box" id="PointsModalFour" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="PointsModalFour" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="product-box"> <div class="images"><img class="img-fluid" src="images/shop/11.jpg" alt="#"></div> <div class="product-info"> <h5 class="title">Coffee Tables</h5> <p>Most people believe that success is difficult.</p> </div> </div> </div> <div class="modal-footer"> <span class="price">$100.00</span> <a href="shop-single.html" class="btn">Buy Now</a> </div> </div> </div> </div> <!--================================= Points Modal--> <!--================================= Back To Top --> <div class="progress-wrap"> <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> <!--================================= Back To Top --> <!--================================= Javascript --> <!-- JS Global Compulsory (Do not remove)--> <script src="js/jquery-3.7.1.min.js"></script> <script src="js/jquery.appear.js"></script> <script src="js/popper/popper.min.js"></script> <script src="js/bootstrap/bootstrap.min.js"></script> <!-- Page JS Implementing Plugins (Remove the plugin script here if site does not use that feature)--> <script src="js/jarallax/jarallax.min.js"></script> <script src="js/jarallax/jarallax-video.min.js"></script> <script src="js/owl-carousel/owl.carousel.min.js"></script> <script src="js/swiper/swiper.min.js"></script> <script src="js/wow.min.js"></script> <script src="js/swiperanimation/SwiperAnimation.min.js"></script> <script src="js/magnific-popup/jquery.magnific-popup.js"></script> <script src="js/counter/jquery.countTo.js"></script> <script src="js/gsap.min.js"></script> <script src="js/gsap-animated.js"></script> <script src="js/scrolltrigger.min.js"></script> <script src='js/splitting.min.js'></script> <!-- Template Scripts (Do not remove)--> <script src="js/lenis.min.js"></script> <script src="js/custom.js"></script> </body> <!-- Mirrored from themes.potenzaglobalsolutions.com/html/interium/index-02.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 15 Apr 2025 12:35:58 GMT --> </html>
Simpan