One Hat Cyber Team

Edit File: about.php

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

<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>About-us  Gocossy</title>
    
    <link rel="shortcut icon" href="images/Artboard_1-removebg-preview.png">
    
    <link href="https://fonts.googleapis.com/css2?family=Bona+Nova:ital,wght@0,400;0,700;1,400&amp;family=Jost:ital,wght@0,100..900;1,100..900&amp;display=swap" rel="stylesheet">
    
    <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">
    
    <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">
    
    <link rel="stylesheet" href="css/styles.css">

.section-title {
    padding-left: 2px;
    position: relative;
    z-index: 3;
    margin-bottom: 70px;
}

.teams-boxs.team-style-02 .team-items .team-item .team-info .team-title {
    margin-bottom: 5px;
    font-weight: 600;
}

.space-pt {
    padding: 17px 0 0;
}
.space-ptb {
  padding: 120px 0; }

.space-pt {
  padding: 120px 0 0; }

.space-pb {
  padding: 0 0 120px; }
  
   .section-title .sub-title {
    position: absolute;
    z-index: -1;
    left: 0;
    top: -80px;
    font-size: 72px;
    font-weight: 700;
    line-height: 150px;
    font-family: "Bona Nova", serif;
    text-transform: uppercase;
    -webkit-text-stroke-color: rgb(123 123 123 / 23%);
    -webkit-text-stroke-width: 2px;
    stroke-width: 2px;
    color: transparent;
}

/* Mobile View: Adjust for screens smaller than 576px */
@media (max-width: 575.98px) {
  .section-title .sub-title {
    top: -40px; /* Less vertical offset */
    font-size: 32px; /* Smaller font */
    line-height: 60px; /* Better spacing */
    -webkit-text-stroke-width: 1px;
  }
}

</style>
  </head>
  <body>

<div id="cursor">
      <div class="cursor__circle"></div>
    </div>

<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>

<div class="site-content">
        
        <div class="inner-banner bg-holder" style="background-image: url('images/banner/inner-header/01.jpg');">
          <div class="container">
            <div class="row">
              <div class="col-md-12">
                <h1 class="title">About us</h1>
              </div>
            </div>
          </div>
        </div>

<div class="content-wrapper">
          
          <div class="space-pt about-box">
            <div class="container">
              <div class="row">
                <div class="col-md-6 order-md-1 order-2">
                  <div class="about-circle">
                     <img class="img-fluid wow pgsLeftToRight" src="about1/about3.jpeg" alt="#">
                    <div class="about-icon">
  <div class="icon"><i class="fa-solid fa-heart"></i></div>
  <div class="circle-text"><p>Designing Comfort with GoCosy</p></div>
</div>
                  </div>
                </div>
                <div class="col-md-6 order-md-2 order-1">
                    <div class="section-title wow fadeInUp pgs-title-effect" data-swiper-animation="fadeInUp" data-duration="0.5s" data-delay="0.25s">
                      <span class="sub-title">ABOUT US</span>
                      <h3 class="title" data-splitting="chars" style="font-size:28px;">GoCosy – Inspired Interiors, Tailored For You</h3>
                      <p class="description" >GoCosy -  Your dream space that comes with smart prices.  We create interiors that blend comfort, style, and personality — whether it is for  your home or workspace. Every detail is expressed with care and creativity.</p>
                    </div>
                  <img class="img-fluid wow pgsRightToLeft" src="about1/about2.webp" alt="#">
                </div>
              </div>
            </div>
          </div>
          
          
          <div class="space-ptb overflow-hidden">
            <div class="container-fluid p-0">
              <div class="row g-0">
                <div class="col-md-12 position-relative">
                  <div class="marquee marquee-double">
                    <div class="bg-primary rotate">
                      <div class="marquee-box">
                        <div class="marquee-item">
                          <span class="icon">❈</span>
                          <span class="title">Bespoke Interiors</span>
                        </div>

<div class="marquee-item">
                          <span class="icon">❈</span>
                          <span class="title">Space Planning</span>
                        </div>

<div class="marquee-item">
                          <span class="icon">❈</span>
                          <span class="title">Smart Homes</span>
                        </div>

<div class="marquee-item">
                          <span class="icon">❈</span>
                          <span class="title">Wall Treatments</span>
                        </div>

<div class="marquee-item">
                          <span class="icon">❈</span>
                          <span class="title">3D Design Concepts</span>
                        </div>

<div class="marquee-item">
                          <span class="icon">❈</span>
                          <span class="title">Home Styling</span>
                        </div>

<div class="marquee-item">
                          <span class="icon">❈</span>
                          <span class="title">Indoor Plants & Decor</span>
                        </div>

<div class="marquee-item">
                          <span class="icon">❈</span>
                          <span class="title">Custom Storage Solutions</span>
                        </div>

<div class="marquee-item">
                          <span class="icon">❈</span>
                          <span class="title">Ceiling Designs</span>
                        </div>

<div class="marquee-item">
                          <span class="icon">❈</span>
                          <span class="title">Art & Accessories</span>
                        </div>

<div class="marquee-item">
                          <span class="icon">❈</span>
                          <span class="title">Modular Furniture</span>
                        </div>

<div class="marquee-item">
                          <span class="icon">❈</span>
                          <span class="title">Accent Walls</span>
                        </div>

<div class="marquee-item">
                          <span class="icon">❈</span>
                          <span class="title">Cozy Corners</span>
                        </div>

<div class="marquee-item">
                          <span class="icon">❈</span>
                          <span class="title">Luxury Touches</span>
                        </div>

<div class="marquee-item">
                          <span class="icon">❈</span>
                          <span class="title">Urban Designs</span>
                        </div>

<div class="marquee-item">
                          <span class="icon">❈</span>
                          <span class="title">Textured Finishes</span>
                        </div>

<div class="marquee-item">
                          <span class="icon">❈</span>
                          <span class="title">Modern Decor</span>
                        </div>

<div class="marquee-item">
                          <span class="icon">❈</span>
                          <span class="title">Personalized Themes</span>
                        </div>
                      </div>
                    </div>
                    <div class="bg-dark rotate-inverse marquee-reverse">
  <div class="marquee-box">
    <div class="marquee-item">
      <span class="icon">❈</span>
      <span class="title">Space Planning</span>
    </div>

<div class="marquee-item">
      <span class="icon">❈</span>
      <span class="title">Decor Inspiration</span>
    </div>

<div class="marquee-item">
      <span class="icon">❈</span>
      <span class="title">Outdoor Living</span>
    </div>

<div class="marquee-item">
      <span class="icon">❈</span>
      <span class="title">Custom Furniture</span>
    </div>

<div class="marquee-item">
      <span class="icon">❈</span>
      <span class="title">Color Palette</span>
    </div>

<div class="marquee-item">
      <span class="icon">❈</span>
      <span class="title">Home Automation</span>
    </div>

<div class="marquee-item">
      <span class="icon">❈</span>
      <span class="title">Vintage Decor</span>
    </div>

<div class="marquee-item">
      <span class="icon">❈</span>
      <span class="title">Space Revival</span>
    </div>

<div class="marquee-item">
      <span class="icon">❈</span>
      <span class="title">Modular Kitchens</span>
    </div>

<div class="marquee-item">
      <span class="icon">❈</span>
      <span class="title">Smart Lighting</span>
    </div>

<div class="marquee-item">
      <span class="icon">❈</span>
      <span class="title">Ceiling Designs</span>
    </div>

<div class="marquee-item">
      <span class="icon">❈</span>
      <span class="title">Design Consultation</span>
    </div>

<div class="marquee-item">
      <span class="icon">❈</span>
      <span class="title">Luxury Spaces</span>
    </div>

<div class="marquee-item">
      <span class="icon">❈</span>
      <span class="title">Room Styling</span>
    </div>

<div class="marquee-item">
      <span class="icon">❈</span>
      <span class="title">Interior Architecture</span>
    </div>

<div class="marquee-item">
      <span class="icon">❈</span>
      <span class="title">Custom Wall Panels</span>
    </div>
  </div>
</div>

</div>
                </div>
              </div>
            </div>
          </div>
          
          
          <section class="overflow-hidden team-section">
  <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">Spaces</span>
          <h3 class="title" data-splitting="chars"  style="font-size:28px;">Transforming Every Room with Elegance</h3>
        </div>
      </div>
      <div class="col-lg-6">
        <p class="description">Ready to add charm and luxury to your room?
GoCosy creates spaces that combine style and comfort effortlessly.
Let us bring your vision to life with thoughtful design and cozy elegance.</p>
      </div>
    </div>
  </div>
  <div class="container-fluid p-0">
    <div class="row">
      <div class="col-md-12">
        <div class="teams-boxs team-style-02 wow fadeInUp" data-swiper-animation="fadeInUp" data-duration="0.5s" data-delay="0.25s">
          <div class="team-images">
            <div id="team-item-1" class="team-image-box" style="background-image: url(about1/bedroom.jpg);"></div>
            <div id="team-item-2" class="team-image-box" style="background-image: url(about1/bath1.jpg);"></div>
            <div id="team-item-3" class="team-image-box team-img-active" style="background-image: url(about1/kids.jpg);"></div>
            <div id="team-item-4" class="team-image-box" style="background-image: url(about1/kitchen.jpeg);"></div>
          </div>

<div class="team-items">
            <div data-tab="team-item-1" class="team-item">
              <div class="team-image-mobile" style="background-image: url(about1/bedroom.jpg);"></div>
              <div class="team-info">
                <h3 class="team-title">Bedroom Designs</h3>
                <span class="team-designation">Comfort Meets Style</span>
                <div class="social-icon social-icon-style-02">
                <ul>
                  <li><a href="#"><i class="fas fa-bed"></i></a></li>
  <li><a href="#"><i class="fas fa-paint-brush"></i></a></li>
  <li><a href="#"><i class="fas fa-lightbulb"></i></a></li>
  <li><a href="#"><i class="fas fa-ruler-combined"></i></a></li>
                  </ul>
                </div>
                <p class="team-description">Create your perfect sanctuary with calming colors, soft textures, and elegant layouts tailored for rest and relaxation.</p>
              </div>
            </div>

<div data-tab="team-item-2" class="team-item">
              <div class="team-image-mobile" style="background-image: url(about1/bath1.jpg);"></div>
              <div class="team-info">
                <h3 class="team-title">Bathroom Interiors</h3>
                <span class="team-designation">Serene & Spa-Like</span>
                <div class="social-icon social-icon-style-02">
                  <ul>
              
  <li><a href="#"><i class="fas fa-bath"></i></a></li>         
  <li><a href="#"><i class="fas fa-shower"></i></a></li>       
  <li><a href="#"><i class="fas fa-soap"></i></a></li>         
  <li><a href="#"><i class="fas fa-toilet"></i></a></li>

</ul>
                </div>
                <p class="team-description">Designed with sleek fixtures and soothing tones, our bathrooms offer the ideal blend of beauty and functionality.</p>
              </div>
            </div>

<div data-tab="team-item-3" class="team-item item-active">
              <div class="team-image-mobile" style="background-image: url(about1/kids.jpg);"></div>
              <div class="team-info">
                <h3 class="team-title">Kids Room</h3>
                <span class="team-designation">Fun, Colorful & Creative</span>
                <div class="social-icon social-icon-style-02">
                <ul>
  <li><a href="#"><i class=" fas fa-volleyball-ball"></i></a></li>         
  <li><a href="#"><i class="fas fa-cogs"></i></a></li>         
  <li><a href="#"><i class="fas fa-puzzle-piece"></i></a></li>  
  <li><a href="#"><i class="fas fa-child"></i></a></li>        
</ul>

</div>
                <p class="team-description">From playful themes to smart storage, we design kids’ rooms that grow with their imagination and personality.</p>
              </div>
            </div>

<div data-tab="team-item-4" class="team-item">
              <div class="team-image-mobile" style="background-image: url(about1/kitchen.jpeg);"></div>
              <div class="team-info">
                <h3 class="team-title">Kitchen Spaces</h3>
                <span class="team-designation">Functional & Stylish</span>
                <div class="social-icon social-icon-style-02">
                <ul>
  <li><a href="#"><i class="fas fa-utensils"></i></a></li>         
  <li><a href="#"><i class="fas fa-blender"></i></a></li>         
  <li><a href="#"><i class="fas fa-pot"></i></a></li>      
  <li><a href="#"><i class="fas fa-glass-cheers"></i></a></li>     
</ul>

</div>
                <p class="team-description">Elevate your culinary experience with modular kitchens designed for efficiency, beauty, and daily ease.</p>
              </div>
            </div>

</div>
        </div>
      </div>
    </div>
  </div>
</section>

<div class="space-ptb testimonial-section-02 wow fadeInUp" data-swiper-animation="fadeInUp" data-duration="0.5s" data-delay="0.25s">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="owl-carousel ps-0 testimonial-slider owl-nav-center" data-nav-dots="false" data-nav-arrow="true" data-items="1" data-lg-items="1" data-md-items="1" data-sm-items="1" data-space="30" data-autoheight="true">
                    <div class="item" data-cursor-type="arrow">
                        <div class="testimonial-item testimonial-style-02">
                            <div class="testimonial-quote-icon">
                                <img src="images/double-quote-icon.png" class="img-fluid" alt="">
                            </div>
                            <div class="testimonial-content">
                                <p>"The new kitchen design has made cooking a joy again. Every corner is optimized for ease, and the style is absolutely stunning. I can't thank the team enough!"</p>
                            </div>
                            <div class="testimonial-footer">
                                <div class="testimonial-author">
                                    <div class="testimonial-name">
                                        <h6 class="author-tittle">Amit Sharma</h6>
                                        <span>Homeowner</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item" data-cursor-type="arrow">
                        <div class="testimonial-item testimonial-style-02">
                            <div class="testimonial-quote-icon">
                                <img src="images/double-quote-icon.png" class="img-fluid" alt="">
                            </div>
                            <div class="testimonial-content">
                                <p>"The bedroom design was exactly what we wanted — modern, peaceful, and with plenty of storage. Our personal space feels like a true sanctuary now!"</p>
                            </div>
                            <div class="testimonial-footer">
                                <div class="testimonial-author">
                                    <div class="testimonial-name">
                                        <h6 class="author-tittle">Priya Mehta</h6>
                                        <span>Homeowner</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item" data-cursor-type="arrow">
                        <div class="testimonial-item testimonial-style-02">
                            <div class="testimonial-quote-icon">
                                <img src="images/double-quote-icon.png" class="img-fluid" alt="">
                            </div>
                            <div class="testimonial-content">
                                <p>"We couldn't be more pleased with the design of our children's playroom. It's both fun and functional, and the kids absolutely love it!"</p>
                            </div>
                            <div class="testimonial-footer">
                                <div class="testimonial-author">
                                    <div class="testimonial-name">
                                        <h6 class="author-tittle">Ravi Kumar</h6>
                                        <span>Father</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</div>
      </div>
      
      <?php include "footer.php"; ?>
      
    </div>

<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>
    
    
    
    <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>
    
    <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>
    
    <script src="js/lenis.min.js"></script>
    <script src="js/custom.js"></script>
  </body>

</html>