|
Server IP : 217.21.85.138 / Your IP : 216.73.216.103 Web Server : LiteSpeed System : Linux in-mum-web906.main-hosting.eu 4.18.0-553.37.1.lve.el8.x86_64 #1 SMP Mon Feb 10 22:45:17 UTC 2025 x86_64 User : u915722082 ( 915722082) PHP Version : 7.4.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF Directory (0755) : /home/u915722082/public_html/sbm/../mylu/../greenpack/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en">
<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" />
<meta name="description" content="Green Pack" />
<title>Green Pack</title>
<link rel="icon" type="image/x-icon" href="assets/imgs/logo/FAV.png" />
<link rel="stylesheet" href="assets/vandor/bootstrap/bootstrap.min.css" />
<link rel="stylesheet" href="assets/vandor/fontawesome/fontawesome-pro.min.css" />
<link rel="stylesheet" href="assets/vandor/swiper/swiper-bundle.min.css" />
<link rel="stylesheet" href="assets/vandor/menu/meanmenu.min.css" />
<link rel="stylesheet" href="assets/vandor/popup/magnific-popup.css" />
<link rel="stylesheet" href="assets/vandor/nice-select/nice-select.css" />
<link rel="stylesheet" href="assets/vandor/wow/animate.css" />
<link rel="stylesheet" href="assets/vandor/odometer/odometer-theme-default.css">
<link rel="stylesheet" href="assets/css/style.css" />
<link rel="stylesheet" href="assets/css/responsive.css" />
<style>
.testimonial-section-3__item {
/* padding: 20px; */
padding: 35px;
max-width: 626px;
position: relative;
padding-right: 56px;
border-radius: 10px;
background:#f7f7f7 ;
}
.project-section .container
{
max-width: 1200px !important;
margin: 0 auto;
padding: 0 20px;
}
.header-area-7 .main-menu li a:hover {
color: #c1dc4d !important;
}
</style>
</head>
<body>
<!-- <div class="loader-wrap">
<svg viewBox="0 0 1000 1000" preserveAspectRatio="none">
<path id="svg" d="M0,1005S175,995,500,995s500,5,500,5V0H0Z"></path>
</svg>
<div class="loader-wrap-heading">
<div class="load-text">
<span>G</span>
<span>R</span>
<span>E</span>
<span>E</span>
<span>N</span>
<span> </span>
<span> </span>
<span> </span>
<span>P</span>
<span>A</span>
<span>C</span>
<span>K</span>
</div>
</div>
</div> -->
<!-- Sroll 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"></path>
</svg>
</div>
<!-- side toggle start -->
<aside class="fix">
<div class="side-info">
<div class="side-info-content">
<div class="offset-widget offset-header">
<div class="offset-logo">
<a href="index.html">
<img class="show-light" src="assets/imgs/home-5/3Dlogo-10-pmlad3xgb7i6ug5dzx8yomzxqnmomzdaz1pa9cueew.png.webp" alt="site logo" />
</a>
</div>
<button id="side-info-close" class="side-info-close">
<i class="fas fa-times"></i>
</button>
</div>
<div class="mobile-menu d-xl-none fix"></div>
<div class="offset-button">
<a href="#" class="rr-btn">
<span class="btn-wrap">
<span class="text-one">Let's Talk</span>
<span class="text-two">Let's Talk</span>
</span>
</a>
</div>
<div class="offset-widget-box">
<h2 class="title">Contact US</h2>
<div class="contact-meta">
<div class="contact-item">
<span class="icon"><i class="fa-solid fa-location-dot"></i></span>
<span class="text">Lorem, ipsum dolor</span>
</div>
<div class="contact-item">
<span class="icon"><i class="fa-solid fa-envelope"></i></span>
<span class="text"><a href="mailto:abc@abc.com">abc@abc.com</a></span>
</div>
<div class="contact-item">
<span class="icon"><i class="fa-solid fa-phone"></i></span>
<span class="text"><a href="tel:000 123 4556">000 123 4556</a></span>
</div>
</div>
</div>
</div>
</div>
</aside>
<div class="offcanvas-overlay"></div>
<!-- side toggle end -->
<div class="has-smooth" id="has_smooth"></div>
<div id="smooth-wrapper">
<div id="smooth-content">
<!-- Header area start -->
<header class="header-area header-area-7">
<div class="header-main">
<div class="container rr-container-1800">
<div class="header-area-7__inner">
<div class="header__logo">
<a href="index.html">
<!-- <img src="assets/imgs/logo/dark-logo.png" class="normal-logo" alt="Site Logo" /> -->
<img src="assets/imgs/home-5/3Dlogo-10-pmlad3xgb7i6ug5dzx8yomzxqnmomzdaz1pa9cueew.png.webp" class="normal-logo" alt="Site Logo" />
</a>
</div>
<div class="header__nav">
<nav class="main-menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li ><a href="products.html">Products</a></li>
<li><a href="#">Team</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
<div class="header-right">
<div class="btn-wrap d-none d-xl-block">
<a href="#" class="rr-btn-button5 btn-dark">
<span class="text">GET IN TOUCH</span>
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
<path d="M22 11C16.6 11 12.2 6.08 12.2 0" stroke="white" stroke-width="2"></path>
<path d="M12.2 22C12.2 15.93 16.6 11 22 11" stroke="white" stroke-width="2"></path>
<path d="M22 11H0" stroke="white" stroke-width="2"></path>
</svg>
</span>
</a>
</div>
<div class="header__navicon d-xl-none">
<div class="side-toggle">
<a class="bar-icon" href="javascript:void(0)">
<span></span>
<span></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Header area end -->
<section class="main-breadcumb">
<div class="container-fluid p-0">
<div class="row">
<div class="col-12">
<div class="main-breadcumb__wrap" style="background-image: url('assets/imgs/home-5/cup-banner.png');">
<h1 class="main-breadcumb__title">Contact us</h1>
<nav class="main-breadcumb__nav" aria-label="breadcrumb">
<ul class="main-breadcumb__list">
<li class="main-breadcumb__item">
<a class="main-breadcumb__link" href="#">Home</a>
</li>
<li class="main-breadcumb__sep">//</li>
<li class="main-breadcumb__item main-breadcumb__item--current">
<span class="main-breadcumb__link">Contact</span>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</section>
<section class="contact-area pt-150px pb-150px">
<div class="container">
<!-- Big heading -->
<div class="row">
<div class="col-12 text-center d-flex justify-content-center align-items-center flex-column">
<h4 class="section__subtitle"><span></span>Get in touch</h4>
<h2 class="contact-area__heading">Connect. Collaborate. Create.</h2>
</div>
</div>
<div class="contact-area__info-row pt-50px">
<div class="container">
<div class="col-lg-12">
<div class="row">
<div class="col-lg-6 col-md-6 gy-3">
<div class="col-md-12">
<div class="row">
<div class="col-md-6">
<div class="contact-info-card">
<h6 class="contact-info-card__title">Address</h6>
<p class="contact-info-card__text">
Lorem ipsum dolor sit amet
</p>
</div>
</div>
<div class="col-md-6">
<div class="contact-info-card">
<h6 class="contact-info-card__title">Phone / Message</h6>
<p class="contact-info-card__text">info@example.com<br>1233 456 678</p>
</div>
</div>
</div>
<div class="row mt-3">
<div class="col-md-6 ">
<div class="contact-info-card">
<h6 class="contact-info-card__title">Working Hours</h6>
<p class="contact-info-card__text">Monday to Friday 09:00 to 18:30<br>Saturday 15:30</p>
</div>
</div>
<div class="col-md-6 ">
<div class="contact-info-card">
<h6 class="contact-info-card__title">Follow us</h6>
<div class="contact-info-card__social">
<a href="#" class="social-circle" aria-label="facebook">f</a>
<a href="#" class="social-circle" aria-label="twitter">x</a>
<a href="#" class="social-circle" aria-label="linkedin">in</a>
<a href="#" class="social-circle" aria-label="youtube">▶</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 justify-content-center">
<div class="">
<div class="contact-form-card">
<form class="contact-form" action="#" method="post" novalidate="">
<div class="row g-3 contact-form__top">
<div class="col-md-4">
<label class="visually-hidden" for="c_name">Your Name</label>
<input id="c_name" name="name" type="text" class="contact-form__input" placeholder="Your Name *">
</div>
<div class="col-md-4">
<label class="visually-hidden" for="c_email">Your Email</label>
<input id="c_email" name="email" type="email" class="contact-form__input" placeholder="Your Email *">
</div>
<div class="col-md-4">
<label class="visually-hidden" for="c_subject">Subject</label>
<input id="c_subject" name="subject" type="text" class="contact-form__input" placeholder="Subject">
</div>
</div>
<div class="contact-form__middle">
<label class="visually-hidden" for="c_message">Message</label>
<textarea id="c_message" name="message" rows="4" class="contact-form__textarea" placeholder="Message (Tell us about your project)"></textarea>
</div>
<div class="contact-form__footer">
<!-- <button type="submit" class="btn contact-form__send" aria-label="Send">
<span class="contact-form__send-text">SEND</span>
</button> -->
<a href="#" class="rr-btn-border wow fadeInRight" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInRight;">
<span class="text">Submit</span>
<span class="icon"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_46_7)">
<path d="M22.0007 10.9995C16.6014 10.9995 12.2229 6.0753 12.2229 -0.000488281" stroke="#101010" stroke-width="2" stroke-miterlimit="10"></path>
<path d="M12.2229 21.9995C12.2229 15.9253 16.5999 10.9995 22.0007 10.9995" stroke="#101010" stroke-width="2" stroke-miterlimit="10"></path>
<path d="M22.0005 10.9995H0.000488281" stroke="#101010" stroke-width="2" stroke-miterlimit="10"></path>
</g>
</svg>
</span>
</a>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Form card -->
</div>
<!-- decorative dark background texture / gradient -->
<!-- <div class="contact-area__bg bg-img" style="background-image: url(assets/imgs/home-5/contact-bg.jpg);" aria-hidden="true"></div> -->
</section>
<div class="map pb-150px">
<div class="map-box">
<!-- <iframe src="https://maps.app.goo.gl/cj69ELbgA9yqiFvs7" width="600" height="450" style="border: 0;" allowfullscreen="" loading="lazy"></iframe> -->
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3907.346230835289!2d78.23662329999999!3d11.6698565!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3babf1b65c940927%3A0x78da427bc0b0384d!2sTheDotStudios!5e0!3m2!1sen!2sin!4v1766060214986!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<div class="cta-area8">
<div class="container-1600">
<div class="cta-area8__wrap section-spacing bg-img" style="background-image: url(assets/imgs/home-5/cta-bg6.jpg);">
<div class="row justify-content-center text-center">
<div class="col-lg-8">
<!-- <div class="cta-area8__members rr-ov-hidden">
<img data-speed="0.9" src="assets/imgs/home-8/cta/cta-avatar6_1.png" alt="members" class="cta-area8__members-img" data-lag="0" style="translate: none; rotate: none; scale: none; transform: translate(0px, 21.1495px); will-change: transform;">
1100+ active members
</div> -->
<h2 class="cta-area8__title">
Let’s make this official, sign up<br>and access the vault
</h2>
<form class="cta-area8__form">
<input type="email" class="cta-area8__input" placeholder="Enter Your Email">
<button class="rr-btn-border btn-black">
<span class="text">GET IN TOUCH </span>
<span class="icon"><i class="fa-regular fa-arrow-right"></i></span>
</button>
</form>
</div>
</div>
</div>
</div>
</div>
<footer class="footer-area8 bg-img" style="background-image: url(assets/imgs/home-5/footer-bg6.jpg);">
<div class="container-1600">
<div class="row gy-4 gy-lg-0 footer-area8__top">
<!-- Brand -->
<div class="col-lg-6 col-md-6 footer-area8__brand">
<h3 class="footer-area8__logo"><img src="assets/imgs/home-5/3Dlogo-10-pmlad3xgb7i6ug5dzx8yomzxqnmomzdaz1pa9cueew.png.webp" alt="logo"></h3>
<p class="footer-area8__desc rr-title-anim-2"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit aliquam, veniam quaerat totam nisi illum eius sequi sit id asperiores voluptatem, ipsa dolor ad consequatur.</p>
</div>
<!-- <div class="col-lg-3 col-md-6"></div> -->
<!-- Links 1 -->
<div class="col-lg-2 col-md-6 footer-area8__column">
<h4 class="footer-area8__heading">Home</h4>
<ul class="footer-area8__list wow fadeInUp" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
<li class="footer-area8__item"><a href="#">Overview</a></li>
<li class="footer-area8__item"><a href="#">Benefits</a></li>
<li class="footer-area8__item"><a href="#">Services</a></li>
<li class="footer-area8__item"><a href="#">Features</a></li>
<li class="footer-area8__item"><a href="#">Pricing</a></li>
</ul>
</div>
<!-- Links 2 -->
<div class="col-lg-2 col-md-6 footer-area8__column">
<h4 class="footer-area8__heading">Company</h4>
<ul class="footer-area8__list wow fadeInUp" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">
<li class="footer-area8__item"><a href="#">About Us</a></li>
<li class="footer-area8__item"><a href="#">Our Team</a></li>
<li class="footer-area8__item"><a href="#">How To Use</a></li>
<li class="footer-area8__item"><a href="#">FAQ’s</a></li>
<li class="footer-area8__item"><a href="#">Testimonials</a></li>
</ul>
</div>
<!-- Links 3 -->
<div class="col-lg-2 col-md-6 footer-area8__column">
<h4 class="footer-area8__heading">All Pages</h4>
<ul class="footer-area8__list wow fadeInUp" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
<li class="footer-area8__item"><a href="#">Help Center</a></li>
<li class="footer-area8__item"><a href="#">Integration</a></li>
<li class="footer-area8__item"><a href="#">Blog Article</a></li>
<li class="footer-area8__item"><a href="#">Privacy Policy</a></li>
<li class="footer-area8__item"><a href="#">Error Page</a></li>
</ul>
</div>
<!-- App -->
<!-- <div class="col-lg-3 col-md-6 footer-area8__column">
<h4 class="footer-area8__heading">Download our App</h4>
<div class="footer-area8__social d-flex gap-2">
<a href="#" class="footer-area8__social-link">Fb</a>
<a href="#" class="footer-area8__social-link">In</a>
<a href="#" class="footer-area8__social-link">X</a>
<a href="#" class="footer-area8__social-link">D</a>
</div>
</div> -->
</div>
<div class="connect-area7__bottom d-flex flex-column flex-md-row justify-content-between text-white">
<h4 class="section__subtitle"><span></span>Lorem, ipsum dolor</h4>
<!-- <div class="connect-area7__social d-flex">
<a href="#">Facebook</a>
<a href="#">Twitter</a>
<a href="#">Instagram</a>
<a href="#">Dribbble</a>
</div> -->
<div class="d-flex justify-content-between align-items-center footer-bottom-right">
<span class="footer-span">Copyright © 2025 . All Rights Reserved</span>
<div class="connect-area7__social d-flex">
<a href="#">Privacy Policy</a>
<a href="#">Terms of use</a>
</div>
</div>
</div>
<!-- <div class="footer-area8__bottom text-center">
<p class="footer-area8__copy mb-0">
All rights reserved
</p>
</div> -->
</div>
</footer>
</div>
</div>
<script src="assets/vandor/jquery/jquery.js"></script>
<script src="assets/vandor/bootstrap/bootstrap.bundle.min.js"></script>
<script src="assets/vandor/popup/jquery.magnific-popup.min.js"></script>
<script src="assets/vandor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vandor/gsap/gsap.min.js"></script>
<script src="assets/vandor/gsap/ScrollSmoother.min.js"></script>
<script src="assets/vandor/gsap/ScrollTrigger.min.js"></script>
<script src="assets/vandor/gsap/SplitText.min.js"></script>
<script src="assets/vandor/gsap/SplitType.js"></script>
<script src="assets/vandor/gsap/customEase.js"></script>
<script src="assets/vandor/odometer/odometer.min.js"></script>
<script src="assets/vandor/odometer/waypoints.min.js"></script>
<script src="assets/vandor/menu/jquery.meanmenu.min.js"></script>
<script src="assets/vandor/backtop/backToTop.js"></script>
<script src="assets/vandor/nice-select/nice-select.js"></script>
<script src="assets/vandor/wow/wow.min.js"></script>
<script src="assets/vandor/common-js/common.js"></script>
<script src="assets/js/main.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.4.7/swiper-bundle.min.js"></script>
<script>
const swiper_01 = new Swiper('.product-slider', {
loop: true,
speed: 800,
centeredSlides: true,
slidesPerView: 3,
spaceBetween: 10,
autoplay: {
delay: 4000,
disableOnInteraction: false,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
pagination: {
el: '.swiper-pagination',
clickable: true,
},
breakpoints: {
320: {
slidesPerView: 1,
spaceBetween: 20
},
768: {
slidesPerView: 1,
spaceBetween: 25
},
1024: {
slidesPerView: 3,
spaceBetween: 10
}
}
});
</script>
<script>
new Swiper(".aboutSwiper", {
loop: true,
autoplay: {
delay: 1500,
disableOnInteraction: false,
},
speed: 800,
spaceBetween: 30,
breakpoints: {
0: {
slidesPerView: 1,
},
768: {
slidesPerView: 2,
},
1200: {
slidesPerView: 4,
}
}
});
</script>
</body>
</html>