Evipro | Professional Security Solutions<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --primary-blue: #0a2463;\n --accent-blue: #3e78b2;\n --primary-red: #d7263d;\n --accent-red: #ff5964;\n --black: #1a1a1a;\n --dark-gray: #2e2e2e;\n --light-gray: #f5f5f5;\n --white: #ffffff;\n --transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n --shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n --shadow-heavy: 0 20px 40px rgba(0, 0, 0, 0.15);\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Montserrat', 'Segoe UI', sans-serif;\n }\n \n html {\n scroll-behavior: smooth;\n }\n \n body {\n background-color: var(--light-gray);\n color: var(--black);\n line-height: 1.7;\n overflow-x: hidden;\n }\n \n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n \n section {\n padding: 100px 0;\n }\n \n h1, h2, h3, h4 {\n font-weight: 700;\n line-height: 1.2;\n margin-bottom: 20px;\n }\n \n h1 {\n font-size: 3.8rem;\n letter-spacing: -1px;\n }\n \n h2 {\n font-size: 2.8rem;\n position: relative;\n }\n \n h3 {\n font-size: 1.8rem;\n }\n \n p {\n margin-bottom: 25px;\n font-size: 1.1rem;\n opacity: 0.9;\n }\n \n .btn {\n display: inline-block;\n padding: 14px 32px;\n background: var(--primary-red);\n color: var(--white);\n text-decoration: none;\n border-radius: 8px;\n font-weight: 600;\n transition: var(--transition);\n border: none;\n cursor: pointer;\n font-size: 1rem;\n letter-spacing: 0.5px;\n box-shadow: var(--shadow);\n }\n \n .btn:hover {\n background: var(--accent-red);\n transform: translateY(-3px);\n box-shadow: var(--shadow-heavy);\n }\n \n .btn-outline {\n background: transparent;\n color: var(--white);\n border: 2px solid var(--white);\n }\n \n .btn-outline:hover {\n background: var(--white);\n color: var(--primary-blue);\n }\n \n .section-title {\n text-align: center;\n margin-bottom: 70px;\n }\n \n .section-title h2 {\n display: inline-block;\n position: relative;\n }\n \n .section-title h2::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 4px;\n background: var(--primary-red);\n border-radius: 2px;\n }\n\n header {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n z-index: 1000;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n transition: var(--transition);\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n }\n \n header.scrolled {\n background: rgba(255, 255, 255, 0.98);\n box-shadow: var(--shadow);\n }\n \n nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 20px 0;\n }\n \n .logo {\n display: flex;\n align-items: center;\n font-weight: 800;\n color: var(--primary-blue);\n }\n \n .logo-img {\n height: 75px;\n margin-right: 10px;\n border-radius: 8px;\n }\n \n .logo span {\n color: var(--primary-red);\n }\n \n .nav-links {\n display: flex;\n list-style: none;\n }\n \n .nav-links li {\n margin-left: 35px;\n }\n \n .nav-links a {\n text-decoration: none;\n color: var(--black);\n font-weight: 600;\n transition: var(--transition);\n position: relative;\n padding: 8px 0;\n font-size: 1rem;\n }\n \n .nav-links a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--primary-red);\n transition: var(--transition);\n }\n \n .nav-links a:hover::after,\n .nav-links a.active::after {\n width: 100%;\n }\n \n .nav-links a.active {\n color: var(--primary-red);\n }\n \n .hamburger {\n display: none;\n cursor: pointer;\n font-size: 1.5rem;\n color: var(--primary-blue);\n }\n\n #home {\n background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-gray) 100%);\n color: var(--white);\n padding: 180px 0 120px;\n position: relative;\n overflow: hidden;\n }\n \n #home::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url('.\/pictures\/IMG-20250930-WA0040.jpg');\n background-size: cover;\n background-position: center;\n opacity: 0.3;\n }\n \n .hero-content {\n position: relative;\n z-index: 1;\n max-width: 700px;\n }\n \n .hero-content h1 {\n font-size: 4.2rem;\n margin-bottom: 25px;\n line-height: 1.1;\n }\n \n .hero-content p {\n font-size: 1.3rem;\n margin-bottom: 40px;\n opacity: 0.9;\n max-width: 600px;\n }\n \n .hero-btns {\n display: flex;\n gap: 20px;\n }\n \n .hero-image {\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 45%;\n height: 80%;\n border-radius: 20px 0 0 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: var(--shadow-heavy);\n }\n \n .hero-image::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n background-image: url('.\/pictures\/IMG-20250929-WA0062.jpg');\n background-size: cover;\n background-position: center;\n opacity: 0.7;\n mix-blend-mode: overlay;\n }\n\n #features {\n background: var(--light-gray);\n }\n \n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 40px;\n }\n \n .feature-card {\n background: var(--white);\n padding: 40px 30px;\n border-radius: 12px;\n text-align: center;\n box-shadow: var(--shadow);\n transition: var(--transition);\n position: relative;\n overflow: hidden;\n }\n \n .feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(90deg, var(--primary-blue), var(--primary-red));\n }\n \n .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: var(--shadow-heavy);\n }\n \n .feature-icon {\n width: 80px;\n height: 80px;\n background: var(--light-gray);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 25px;\n font-size: 2rem;\n color: var(--primary-blue);\n transition: var(--transition);\n }\n \n .feature-card:hover .feature-icon {\n background: var(--primary-blue);\n color: var(--white);\n transform: scale(1.1);\n }\n \n .feature-card h3 {\n color: var(--primary-blue);\n margin-bottom: 15px;\n }\n\n #services {\n background: var(--white);\n }\n \n .services-tabs {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n margin-bottom: 50px;\n justify-content: center;\n }\n \n .tab-btn {\n padding: 12px 25px;\n background: var(--light-gray);\n border: none;\n border-radius: 8px;\n font-weight: 600;\n cursor: pointer;\n transition: var(--transition);\n color: var(--dark-gray);\n }\n \n .tab-btn.active {\n background: var(--primary-blue);\n color: var(--white);\n }\n \n .tab-content {\n display: none;\n animation: fadeIn 0.5s ease;\n }\n \n .tab-content.active {\n display: block;\n }\n \n .service-detail {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 50px;\n align-items: center;\n }\n \n .service-image {\n border-radius: 12px;\n overflow: hidden;\n box-shadow: var(--shadow-heavy);\n position: relative;\n height: 400px;\n }\n \n .service-slideshow {\n width: 100%;\n height: 100%;\n position: relative;\n overflow: hidden;\n border-radius: 12px;\n }\n \n .service-slides {\n display: flex;\n transition: transform 0.5s ease;\n height: 100%;\n }\n \n .service-slide {\n min-width: 100%;\n height: 100%;\n position: relative;\n }\n \n .service-slide img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n \n .slideshow-nav {\n position: absolute;\n bottom: 20px;\n left: 0;\n width: 100%;\n display: flex;\n justify-content: center;\n gap: 10px;\n z-index: 10;\n }\n \n .slideshow-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.5);\n cursor: pointer;\n transition: var(--transition);\n }\n \n .slideshow-dot.active {\n background: var(--primary-red);\n transform: scale(1.2);\n }\n \n .slideshow-arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: rgba(0, 0, 0, 0.5);\n color: white;\n border: none;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n z-index: 10;\n transition: var(--transition);\n }\n \n .slideshow-arrow:hover {\n background: rgba(0, 0, 0, 0.8);\n }\n \n .slideshow-arrow.prev {\n left: 15px;\n }\n \n .slideshow-arrow.next {\n right: 15px;\n }\n \n .service-info h3 {\n color: var(--primary-blue);\n margin-bottom: 20px;\n }\n \n .service-info ul {\n list-style: none;\n margin-bottom: 30px;\n }\n \n .service-info li {\n margin-bottom: 12px;\n position: relative;\n padding-left: 30px;\n }\n \n .service-info li::before {\n content: '\u2713';\n position: absolute;\n left: 0;\n color: var(--primary-red);\n font-weight: bold;\n }\n\n #testimonials {\n background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-gray) 100%);\n color: var(--white);\n }\n \n .testimonials-container {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n }\n \n .testimonial-slider {\n overflow: hidden;\n border-radius: 15px;\n box-shadow: var(--shadow-heavy);\n position: relative;\n }\n \n .testimonial-track {\n display: flex;\n transition: transform 0.5s ease;\n }\n \n .testimonial-slide {\n min-width: 100%;\n padding: 60px;\n box-sizing: border-box;\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n }\n \n .testimonial-content {\n text-align: center;\n position: relative;\n }\n \n .testimonial-content::before {\n content: '\"';\n font-size: 120px;\n color: rgba(255, 255, 255, 0.2);\n position: absolute;\n top: -60px;\n left: 50%;\n transform: translateX(-50%);\n line-height: 1;\n }\n \n .testimonial-text {\n font-size: 1.3rem;\n font-style: italic;\n margin-bottom: 30px;\n position: relative;\n z-index: 1;\n }\n \n .testimonial-author {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .author-info h4 {\n margin-bottom: 5px;\n color: var(--white);\n }\n \n .author-info p {\n opacity: 0.8;\n margin: 0;\n }\n \n .slider-nav {\n display: flex;\n justify-content: center;\n margin-top: 40px;\n }\n \n .slider-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.3);\n margin: 0 8px;\n cursor: pointer;\n transition: var(--transition);\n }\n \n .slider-dot.active {\n background: var(--primary-red);\n transform: scale(1.3);\n }\n\n .testimonial-arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: rgba(0, 0, 0, 0.5);\n color: white;\n border: none;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n z-index: 10;\n transition: var(--transition);\n opacity: 0;\n }\n \n .testimonial-slider:hover .testimonial-arrow {\n opacity: 1;\n }\n \n .testimonial-arrow:hover {\n background: rgba(0, 0, 0, 0.8);\n }\n \n .testimonial-arrow.prev {\n left: 15px;\n }\n \n .testimonial-arrow.next {\n right: 15px;\n }\n\n #contact {\n background: var(--light-gray);\n }\n \n .contact-container {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n }\n \n .contact-info h2 {\n color: var(--primary-blue);\n margin-bottom: 30px;\n }\n \n .contact-details {\n margin-bottom: 40px;\n }\n \n .contact-item {\n display: flex;\n align-items: center;\n margin-bottom: 25px;\n }\n \n .contact-icon {\n width: 70px;\n height: 70px;\n background: var(--primary-blue);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 20px;\n color: var(--white);\n font-size: 1.5rem;\n }\n \n .contact-text h4 {\n margin-bottom: 5px;\n color: var(--primary-blue);\n }\n \n .contact-form {\n background: var(--white);\n padding: 50px 40px;\n border-radius: 15px;\n box-shadow: var(--shadow);\n position: relative;\n }\n \n .contact-form h3 {\n color: var(--primary-blue);\n margin-bottom: 30px;\n text-align: center;\n }\n \n .form-group {\n margin-bottom: 25px;\n }\n \n .form-group label {\n display: block;\n margin-bottom: 8px;\n font-weight: 600;\n color: var(--dark-gray);\n }\n \n .form-group input,\n .form-group textarea,\n .form-group select {\n width: 100%;\n padding: 14px 18px;\n border: 1px solid #ddd;\n border-radius: 8px;\n font-size: 1rem;\n transition: var(--transition);\n background: var(--light-gray);\n }\n \n .form-group input:focus,\n .form-group textarea:focus,\n .form-group select:focus {\n outline: none;\n border-color: var(--primary-blue);\n box-shadow: 0 0 0 3px rgba(10, 36, 99, 0.1);\n background: var(--white);\n }\n \n .form-group textarea {\n resize: vertical;\n min-height: 150px;\n }\n\n .optional-field {\n position: relative;\n }\n \n .optional-badge {\n position: absolute;\n top: -8px;\n right: 0;\n background: var(--accent-blue);\n color: white;\n font-size: 0.7rem;\n padding: 2px 8px;\n border-radius: 10px;\n font-weight: 500;\n }\n \n .optional-note {\n font-size: 0.85rem;\n color: var(--dark-gray);\n margin-top: 5px;\n font-style: italic;\n }\n \n .required-field label::after {\n content: \" *\";\n color: var(--primary-red);\n }\n\n .contact-social {\n margin-top: 30px;\n padding-top: 30px;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n \n .contact-social h4 {\n color: var(--primary-blue);\n margin-bottom: 20px;\n font-size: 1.3rem;\n }\n \n .social-links {\n display: flex;\n gap: 15px;\n }\n \n .social-links a {\n width: 55px;\n height: 55px;\n background: var(--primary-blue);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--white);\n text-decoration: none;\n transition: var(--transition);\n font-size: 1.5rem;\n box-shadow: var(--shadow);\n }\n \n .social-links a:hover {\n background: var(--primary-red);\n transform: translateY(-5px);\n box-shadow: var(--shadow-heavy);\n }\n\n footer {\n background: var(--dark-gray);\n color: var(--light-gray);\n padding: 80px 0 30px;\n }\n \n .footer-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 50px;\n margin-bottom: 50px;\n }\n \n .footer-column h3 {\n color: var(--white);\n margin-bottom: 25px;\n font-size: 1.5rem;\n position: relative;\n padding-bottom: 10px;\n }\n \n .footer-column h3::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--primary-red);\n }\n \n .footer-column p {\n opacity: 0.8;\n }\n \n .footer-links {\n list-style: none;\n }\n \n .footer-links li {\n margin-bottom: 12px;\n }\n \n .footer-links a {\n color: var(--white);\n text-decoration: none;\n opacity: 0.8;\n transition: var(--transition);\n display: flex;\n align-items: center;\n }\n \n .footer-links a:hover {\n opacity: 1;\n color: var(--primary-red);\n padding-left: 5px;\n }\n \n .footer-links a i {\n margin-right: 10px;\n width: 20px;\n text-align: center;\n }\n \n .footer-social-links {\n display: flex;\n gap: 15px;\n margin-top: 20px;\n }\n \n .footer-social-links a {\n width: 45px;\n height: 45px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--white);\n text-decoration: none;\n transition: var(--transition);\n font-size: 1.2rem;\n }\n \n .footer-social-links a:hover {\n background: var(--primary-red);\n transform: translateY(-3px);\n }\n \n .copyright {\n text-align: center;\n padding-top: 30px;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n opacity: 0.7;\n font-size: 0.9rem;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .service-slide:after {\n content: \"Image Preview\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--light-gray);\n color: var(--dark-gray);\n font-weight: bold;\n z-index: -1;\n }\n\n .service-slide img {\n position: relative;\n z-index: 2;\n }\n\n @media (max-width: 992px) {\n h1 {\n font-size: 3.2rem;\n }\n \n h2 {\n font-size: 2.4rem;\n }\n \n .hero-image {\n display: none;\n }\n \n .hero-content {\n max-width: 100%;\n text-align: center;\n }\n \n .hero-btns {\n justify-content: center;\n }\n \n .service-detail {\n grid-template-columns: 1fr;\n }\n \n .contact-container {\n grid-template-columns: 1fr;\n }\n }\n \n @media (max-width: 768px) {\n .hamburger {\n display: block;\n }\n \n .nav-links {\n position: fixed;\n top: 80px;\n right: -100%;\n width: 280px;\n height: calc(100vh - 80px);\n background: var(--white);\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 40px 30px;\n transition: var(--transition);\n box-shadow: var(--shadow-heavy);\n border-left: 1px solid rgba(0, 0, 0, 0.05);\n }\n \n .nav-links.active {\n right: 0;\n }\n \n .nav-links li {\n margin: 0 0 25px 0;\n width: 100%;\n }\n \n .nav-links a {\n padding: 10px 0;\n display: block;\n width: 100%;\n }\n \n section {\n padding: 80px 0;\n }\n \n .testimonial-slide {\n padding: 40px 30px;\n }\n \n .testimonial-text {\n font-size: 1.1rem;\n }\n \n .testimonial-arrow {\n opacity: 1;\n }\n }\n \n @media (max-width: 576px) {\n h1 {\n font-size: 2.5rem;\n }\n \n h2 {\n font-size: 2rem;\n }\n \n .hero-content p {\n font-size: 1.1rem;\n }\n \n .hero-btns {\n flex-direction: column;\n align-items: center;\n }\n \n .btn {\n width: 100%;\n text-align: center;\n margin-bottom: 15px;\n }\n \n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .services-tabs {\n flex-direction: column;\n }\n \n .tab-btn {\n width: 100%;\n }\n \n .social-links {\n justify-content: center;\n }\n }\n <\/style>\n<\/head>\n<body>\n <header>\n <div class=\"container\">\n <nav>\n <div class=\"logo\">\n <img decoding=\"async\" src=\".\/pictures\/eviprologoimage2.jpg\" alt=\"Evipro Logo\" class=\"logo-img\">\n <\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#home\" class=\"nav-link active\">Home<\/a><\/li>\n <li><a href=\"#features\" class=\"nav-link\">Features<\/a><\/li>\n <li><a href=\"#services\" class=\"nav-link\">Services<\/a><\/li>\n <li><a href=\"#testimonials\" class=\"nav-link\">Testimonials<\/a><\/li>\n <li><a href=\"#contact\" class=\"nav-link\">Contact<\/a><\/li>\n <\/ul>\n <div class=\"hamburger\">\n <i class=\"fas fa-bars\"><\/i>\n <\/div>\n <\/nav>\n <\/div>\n <\/header>\n <section id=\"home\">\n <div class=\"container\">\n <div class=\"hero-content\">\n <h1>Secure Your World with Evipro<\/h1>\n <p>At Evipro, we believe that true success is built on a foundation of trust and exceptional delivery. Our team is passionate about transforming visions into tangible realities, whether it’s a secure gate, a beautifully tiled floor, a complete construction project, or a finely finished building.<\/p>\n <div class=\"hero-btns\">\n <a href=\"#services\" class=\"btn\">Our Services<\/a>\n <a href=\"#contact\" class=\"btn btn-outline\">Get a Quote<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-image\"><\/div>\n <\/div>\n <\/section>\n\n <section id=\"features\">\n <div class=\"container\">\n <div class=\"section-title\">\n <h2>Why Choose Evipro<\/h2>\n <p>We deliver exceptional quality and service that sets us apart from the competition<\/p>\n <\/div>\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-award\"><\/i>\n <\/div>\n <h3>Integrity & Excellence<\/h3>\n <p>We operate with unwavering honesty, transparency, and strong ethical principles in every aspect of our business, delivering the highest quality in every project.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-users\"><\/i>\n <\/div>\n <h3>Client-Centric Approach<\/h3>\n <p>Our clients are at the heart of everything we do. We listen, understand their needs, and strive to exceed their expectations with personalized solutions.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-shield-alt\"><\/i>\n <\/div>\n <h3>Innovation & Safety<\/h3>\n <p>We embrace new technologies, sustainable practices, and creative solutions while ensuring the well-being of our team, clients, and the community.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"services\">\n <div class=\"container\">\n <div class=\"section-title\">\n <h2>Our Services<\/h2>\n <p>Comprehensive security, construction and fabrication solutions tailored to your specific needs<\/p>\n <\/div>\n \n <div class=\"services-tabs\">\n <button class=\"tab-btn active\" data-tab=\"gates\">Gates<\/button>\n <button class=\"tab-btn\" data-tab=\"fabrication\">Steel Fabrication<\/button>\n <button class=\"tab-btn\" data-tab=\"joinery\">Aluminium Joinery<\/button>\n <button class=\"tab-btn\" data-tab=\"steel-structures\">Steel Structures, Balustrades & Palisades<\/button>\n <button class=\"tab-btn\" data-tab=\"construction\">Construction<\/button>\n <button class=\"tab-btn\" data-tab=\"security\">Security Systems<\/button>\n <\/div>\n \n <div class=\"tab-content active\" id=\"gates-tab\">\n <div class=\"service-detail\">\n <div class=\"service-image\">\n <div class=\"service-slideshow\">\n <div class=\"service-slides\">\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/gate1.jpg\" alt=\"Premium Gate\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/gate2.jpg\" alt=\"Sliding Gate\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/gate3.jpeg\" alt=\"Premium Gate\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/gate4.jpg\" alt=\"Pedestrian Gate\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/gate5.jpg\" alt=\"Garage Gate\">\n <\/div>\n <\/div>\n <button class=\"slideshow-arrow prev\"><<\/button>\n <button class=\"slideshow-arrow next\">><\/button>\n <div class=\"slideshow-nav\">\n <div class=\"slideshow-dot active\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"service-info\">\n <h3>Premium Gates<\/h3>\n <p>Custom design, fabrication, and installation of a wide range of gates, including swing gates, sliding gates, automated gates, and pedestrian gates, crafted from various materials to suit your aesthetic and security needs.<\/p>\n <ul>\n <li>Automated and manual operation options<\/li>\n <li>Custom designs to complement your property<\/li>\n <li>Durable materials for long-lasting performance<\/li>\n <li>Professional installation and maintenance services<\/li>\n <\/ul>\n <a href=\"#contact\" class=\"btn\">Get a Quote<\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"tab-content\" id=\"fabrication-tab\">\n <div class=\"service-detail\">\n <div class=\"service-image\">\n <div class=\"service-slideshow\">\n <div class=\"service-slides\">\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250929-WA0034.jpg\" alt=\"Custom Fabrication (Wall)\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250929-WA0076.jpg\" alt=\"Custom Fabrication (Wall)\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250930-WA0075.jpg\" alt=\"Custom Fabrication(Gates)\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250929-WA0037.jpg\" alt=\"Custom Fabrication(Signage)\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250929-WA0004.jpg\" alt=\"Custom Fabrication (Wall)\">\n <\/div>\n <\/div>\n <button class=\"slideshow-arrow prev\"><<\/button>\n <button class=\"slideshow-arrow next\">><\/button>\n <div class=\"slideshow-nav\">\n <div class=\"slideshow-dot active\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"service-info\">\n <h3>Precision Steel Fabrication<\/h3>\n <p>From structural steelwork to custom metal designs, our fabrication services cater to industrial and residential applications with precision craftsmanship.<\/p>\n <ul>\n <li>Structural steel fabrication<\/li>\n <li>Custom metalwork and designs<\/li>\n <li>Industrial and residential applications<\/li>\n <li>Precision engineering and installation<\/li>\n <\/ul>\n <a href=\"#contact\" class=\"btn\">Get a Quote<\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"tab-content\" id=\"joinery-tab\">\n <div class=\"service-detail\">\n <div class=\"service-image\">\n <div class=\"service-slideshow\">\n <div class=\"service-slides\">\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250929-WA0058.jpg\" alt=\"Aluminium Joinery\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250930-WA0022.jpg\" alt=\"Aluminium Doors\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250930-WA0027.jpg\" alt=\"Aluminium Doors\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250929-WA0048.jpg\" alt=\"Custom Joinery\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250929-WA0045.jpg\" alt=\"Aluminium Installation\">\n <\/div>\n <\/div>\n <button class=\"slideshow-arrow prev\"><<\/button>\n <button class=\"slideshow-arrow next\">><\/button>\n <div class=\"slideshow-nav\">\n <div class=\"slideshow-dot active\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"service-info\">\n <h3>Expert Aluminium Joinery<\/h3>\n <p>Expert fabrication and installation of high-quality aluminium products such as windows, doors, shopfronts, partitions, and balustrades, offering modern design and durability.<\/p>\n <ul>\n <li>Aluminium windows and doors<\/li>\n <li>Custom joinery solutions<\/li>\n <li>Energy-efficient designs<\/li>\n <li>Modern, sleek aesthetics<\/li>\n <\/ul>\n <a href=\"#contact\" class=\"btn\">Get a Quote<\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"tab-content\" id=\"steel-structures-tab\">\n <div class=\"service-detail\">\n <div class=\"service-image\">\n <div class=\"service-slideshow\">\n <div class=\"service-slides\">\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250929-WA0022.jpg\" alt=\"Palisade\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250929-WA0063.jpg\" alt=\"Balustrade\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250929-WA0061.jpg\" alt=\"Steel Structure\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250929-WA0046.jpg\" alt=\"Balustrade\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/balustrades.jpg\" alt=\"Balustrade\">\n <\/div>\n <\/div>\n <button class=\"slideshow-arrow prev\"><<\/button>\n <button class=\"slideshow-arrow next\">><\/button>\n <div class=\"slideshow-nav\">\n <div class=\"slideshow-dot active\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"service-info\">\n <h3>Steel Structures, Balustrades & Palisades<\/h3>\n <p>Expert fabrication and installation of structural steel frameworks, sleek balustrades, and robust palisades, utilizing premium materials for enduring strength and a superior finish.<\/p>\n <ul>\n <li>Structural steel frameworks<\/li>\n <li>Custom-designed balustrades<\/li>\n <li>Secure palisade fencing<\/li>\n <li>Premium materials and finishes<\/li>\n <\/ul>\n <a href=\"#contact\" class=\"btn\">Get a Quote<\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"tab-content\" id=\"construction-tab\">\n <div class=\"service-detail\">\n <div class=\"service-image\">\n <div class=\"service-slideshow\">\n <div class=\"service-slides\">\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/durawall.jpg\" alt=\"Durawalls\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250930-WA0018.jpg\" alt=\"Interior walls\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/paving.jpg\" alt=\"Paving\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/landpreparation.jpg\" alt=\"Land Preparation\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/fullhouseconstruction.jpg\" alt=\"Full House Construction\">\n <\/div>\n <\/div>\n <button class=\"slideshow-arrow prev\"><<\/button>\n <button class=\"slideshow-arrow next\">><\/button>\n <div class=\"slideshow-nav\">\n <div class=\"slideshow-dot active\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"service-info\">\n <h3>Comprehensive Construction Services<\/h3>\n <p>Comprehensive project management and execution for new builds, renovations, and extensions. Our expertise covers all phases of construction, from foundational work to structural erection.<\/p>\n <ul>\n <li>New builds and renovations<\/li>\n <li>Project management and execution<\/li>\n <li>Foundational work to structural erection<\/li>\n <li>Quality craftsmanship and timely delivery<\/li>\n <\/ul>\n <a href=\"#contact\" class=\"btn\">Get a Quote<\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"tab-content\" id=\"security-tab\">\n <div class=\"service-detail\">\n <div class=\"service-image\">\n <div class=\"service-slideshow\">\n <div class=\"service-slides\">\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/intercom.jpg\" alt=\"Intercom\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/gatemotor.jpg\" alt=\"Automated Gate Sytem\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/cctvinstallation.jpg\" alt=\"CCTV Installation\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/cctvoutput.jpg\" alt=\"CCTV Sytem\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/electricfence.jpg\" alt=\"Electric Fence\">\n <\/div>\n <\/div>\n <button class=\"slideshow-arrow prev\"><<\/button>\n <button class=\"slideshow-arrow next\">><\/button>\n <div class=\"slideshow-nav\">\n <div class=\"slideshow-dot active\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"service-info\">\n <h3>Advanced Security Solutions<\/h3>\n <p>Specializing in advanced security solutions, including the installation of state-of-the-art security gadgets like CCTV systems, alarm systems, access control, and intercoms. We also design and construct security structures.<\/p>\n <ul>\n <li>CCTV surveillance systems<\/li>\n <li>Access control solutions<\/li>\n <li>Alarm systems and intercoms<\/li>\n <li>Security consultation and installation<\/li>\n <\/ul>\n <a href=\"#contact\" class=\"btn\">Get a Quote<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"testimonials\">\n <div class=\"container\">\n <div class=\"section-title\">\n <h2>Client Testimonials<\/h2>\n <p>Hear what our satisfied clients have to say about our services<\/p>\n <\/div>\n \n <div class=\"testimonials-container\">\n <div class=\"testimonial-slider\">\n <button class=\"testimonial-arrow prev\"><<\/button>\n <button class=\"testimonial-arrow next\">><\/button>\n <div class=\"testimonial-track\">\n <div class=\"testimonial-slide\">\n <div class=\"testimonial-content\">\n <p class=\"testimonial-text\">Evipro installed sliding gates for our property and the quality is exceptional. The team was professional, punctual, and the gates have been working perfectly for over two years now. I highly recommend their services.<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-info\">\n <h4>Mr Maboreke<\/h4>\n <p>Harare Resident<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"testimonial-slide\">\n <div class=\"testimonial-content\">\n <p class=\"testimonial-text\">The team is professional and communicate well with customers, abide to timelines and what you request is exactly what they produce for you. Recommend them for steel fabrications.<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-info\">\n <h4>Mr Chamboko<\/h4>\n <p>Business Owner<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"testimonial-slide\">\n <div class=\"testimonial-content\">\n <p class=\"testimonial-text\">We hired Evipro for aluminium joinery and security installations. Their attention to detail and professionalism impressed us. The security system has given us peace of mind knowing our property is protected.<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-info\">\n <h4>Mr Mungate<\/h4>\n <p>Property Owner<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"slider-nav\">\n <div class=\"slider-dot active\"><\/div>\n <div class=\"slider-dot\"><\/div>\n <div class=\"slider-dot\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"contact\">\n <div class=\"container\">\n <div class=\"contact-container\">\n <div class=\"contact-info\">\n <h2>Get In Touch<\/h2>\n <p>Ready to secure your property or start your construction project? Contact us today for a consultation and quote.<\/p>\n <p><strong>Quick Quote:<\/strong> Simply provide your name,phone number as well as details of the project and we’ll get back to you promptly. Email is optional but helpful for sending detailed information.<\/p>\n \n <div class=\"contact-details\">\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-map-marker-alt\"><\/i>\n <\/div>\n <div class=\"contact-text\">\n <h4>Our Location<\/h4>\n <p><a href=\"https:\/\/maps.app.goo.gl\/gMxq3vb55n3vRb3Q6\" target=\"_blank\" style=\"color: inherit; text-decoration: none;\">7671 Samora Machel Belvedere West, Harare, Zimbabwe<\/a><\/p>\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-phone-alt\"><\/i>\n <\/div>\n <div class=\"contact-text\">\n <h4>Phone Number<\/h4>\n <p><a href=\"tel:+263773711577\" style=\"color: inherit; text-decoration: none;\">+263 77 371 1577<\/a><\/p>\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <\/div>\n <div class=\"contact-text\">\n <h4>WhatsApp<\/h4>\n <p><a href=\"https:\/\/wa.me\/263773711577\" target=\"_blank\" style=\"color: inherit; text-decoration: none;\">+263 77 371 1577<\/a><\/p>\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-envelope\"><\/i>\n <\/div>\n <div class=\"contact-text\">\n <h4>Email Address<\/h4>\n <p><a href=\"mailto:sales@evipro.co.zw\" style=\"color: inherit; text-decoration: none;\">sales@evipro.co.zw<\/a><\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"contact-social\">\n <h4>Follow Us On Social Media<\/h4>\n <div class=\"social-links\">\n <a href=\"https:\/\/www.facebook.com\/share\/17JQkYtwQC\/\" target=\"_blank\" title=\"Facebook\">\n <i class=\"fab fa-facebook-f\"><\/i>\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/evipro.steel?igsh=aW1neDNwbHQ1cW82\" target=\"_blank\" title=\"Instagram\">\n <i class=\"fab fa-instagram\"><\/i>\n <\/a>\n <a href=\"https:\/\/www.linkedin.com\/in\/evipro-projects-83596339a?utm_source=share_via&utm_content=profile&utm_medium=member_android\" target=\"_blank\" title=\"LinkedIn\">\n <i class=\"fab fa-linkedin-in\"><\/i>\n <\/a>\n <a href=\"https:\/\/www.tiktok.com\/@evipro.projects?_r=1&_t=ZM-917cjBgS9Um\" target=\"_blank\" title=\"TikTok\">\n <i class=\"fab fa-tiktok\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"contact-form\">\n <h3>Request a Quote<\/h3>\n <p class=\"optional-note\" style=\"margin-bottom: 20px;\"><i class=\"fas fa-info-circle\"><\/i> Only name,phone number and details of the project are required. Email is optional but helpful for detailed follow-up.<\/p>\n \n <form id=\"quoteForm\">\n <div class=\"form-group required-field\">\n <label for=\"name\">Full Name<\/label>\n <input type=\"text\" id=\"name\" name=\"name\" required>\n <\/div>\n <div class=\"form-group optional-field\">\n <label for=\"email\">Email Address<\/label>\n <span class=\"optional-badge\">Optional<\/span>\n <input type=\"email\" id=\"email\" name=\"email\">\n <p class=\"optional-note\">We’ll only use this to send detailed information if provided<\/p>\n <\/div>\n <div class=\"form-group required-field\">\n <label for=\"phone\">Phone Number<\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" required>\n <\/div>\n <div class=\"form-group required-field\">\n <label for=\"service\">Service Interested In<\/label>\n <select id=\"service\" name=\"service\" required>\n <option value=\"\">Select a service<\/option>\n <option value=\"gates\">Gates<\/option>\n <option value=\"fabrication\">Steel Fabrication<\/option>\n <option value=\"joinery\">Aluminium Joinery<\/option>\n <option value=\"steel-structures\">Steel Structures, Balustrades & Palisades<\/option>\n <option value=\"construction\">Construction<\/option>\n <option value=\"security\">Security Systems<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group required-field\">\n <label for=\"message\">Project Details<\/label>\n <textarea id=\"message\" name=\"message\" required placeholder=\"Tell us about your project...\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"btn\">Submit Request<\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <footer>\n <div class=\"container\">\n <div class=\"footer-content\">\n <div class=\"footer-column\">\n <h3>Evipro<\/h3>\n <p>Providing professional security, construction, and fabrication solutions with integrity and excellence since our establishment.<\/p>\n <\/div>\n <div class=\"footer-column\">\n <h3>Our Services<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"#gates-tab\" class=\"service-tab-link\" data-tab=\"gates\"><i class=\"fas fa-chevron-right\"><\/i> Gates<\/a><\/li>\n <li><a href=\"#fabrication-tab\" class=\"service-tab-link\" data-tab=\"fabrication\"><i class=\"fas fa-chevron-right\"><\/i> Steel Fabrication<\/a><\/li>\n <li><a href=\"#joinery-tab\" class=\"service-tab-link\" data-tab=\"joinery\"><i class=\"fas fa-chevron-right\"><\/i> Aluminium Joinery<\/a><\/li>\n <li><a href=\"#steel-structures-tab\" class=\"service-tab-link\" data-tab=\"steel-structures\"><i class=\"fas fa-chevron-right\"><\/i> Steel Structures, Balustrades & Palisades<\/a><\/li>\n <li><a href=\"#construction-tab\" class=\"service-tab-link\" data-tab=\"construction\"><i class=\"fas fa-chevron-right\"><\/i> Construction<\/a><\/li>\n <li><a href=\"#security-tab\" class=\"service-tab-link\" data-tab=\"security\"><i class=\"fas fa-chevron-right\"><\/i> Security Systems<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-column\">\n <h3>Quick Links<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"#home\"><i class=\"fas fa-chevron-right\"><\/i> Home<\/a><\/li>\n <li><a href=\"#features\"><i class=\"fas fa-chevron-right\"><\/i> Why Choose Us<\/a><\/li>\n <li><a href=\"#services\"><i class=\"fas fa-chevron-right\"><\/i> Services<\/a><\/li>\n <li><a href=\"#testimonials\"><i class=\"fas fa-chevron-right\"><\/i> Testimonials<\/a><\/li>\n <li><a href=\"#contact\"><i class=\"fas fa-chevron-right\"><\/i> Contact<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-column\">\n <h3>Contact Info<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/maps.google.com\/?q=7671 Samora Machel Belvedere West, Harare, Zimbabwe\" target=\"_blank\"><i class=\"fas fa-map-marker-alt\"><\/i> 7671 Samora Machel Belvedere West, Harare, Zimbabwe<\/a><\/li>\n <li><a href=\"tel:+263773711577\"><i class=\"fas fa-phone-alt\"><\/i> +263 77 371 1577<\/a><\/li>\n <li><a href=\"mailto:sales@evipro.co.zw\"><i class=\"fas fa-envelope\"><\/i> sales@evipro.co.zw<\/a><\/li>\n <\/ul>\n <div class=\"footer-social-links\">\n <a href=\"https:\/\/www.facebook.com\/share\/17JQkYtwQC\/\" target=\"_blank\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n <a href=\"https:\/\/www.instagram.com\/evipro.steel?igsh=aW1neDNwbHQ1cW82\" target=\"_blank\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <a href=\"https:\/\/wa.me\/263773711577\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n <a href=\"https:\/\/www.linkedin.com\/in\/evipro-projects-83596339a?utm_source=share_via&utm_content=profile&utm_medium=member_android\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n <a href=\"https:\/\/www.tiktok.com\/@evipro.projects?_r=1&_t=ZM-917cjBgS9Um\" target=\"_blank\"><i class=\"fab fa-tiktok\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"copyright\">\n <p>© 2025 Evipro. All Rights Reserved.<\/p>\n <p>Website by Shingai Mudiwa Munyawiri<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n const hamburger = document.querySelector('.hamburger');\n const navLinks = document.querySelector('.nav-links');\n \n if (hamburger && navLinks) {\n hamburger.addEventListener('click', () => {\n navLinks.classList.toggle('active');\n hamburger.innerHTML = navLinks.classList.contains('active') \n ? '<i class=\"fas fa-times\"><\/i>' \n : '<i class=\"fas fa-bars\"><\/i>';\n });\n\n document.querySelectorAll('.nav-link').forEach(link => {\n link.addEventListener('click', () => {\n navLinks.classList.remove('active');\n hamburger.innerHTML = '<i class=\"fas fa-bars\"><\/i>';\n });\n });\n }\n\n window.addEventListener('scroll', () => {\n const header = document.querySelector('header');\n if (header && window.scrollY > 100) {\n header.classList.add('scrolled');\n } else if (header) {\n header.classList.remove('scrolled');\n }\n });\n\n const tabBtns = document.querySelectorAll('.tab-btn');\n const tabContents = document.querySelectorAll('.tab-content');\n \n if (tabBtns.length > 0 && tabContents.length > 0) {\n tabBtns.forEach(btn => {\n btn.addEventListener('click', () => {\n tabBtns.forEach(b => b.classList.remove('active'));\n tabContents.forEach(c => c.classList.remove('active'));\n btn.classList.add('active');\n const tabId = btn.getAttribute('data-tab');\n const targetTab = document.getElementById(`${tabId}-tab`);\n if (targetTab) {\n targetTab.classList.add('active');\n }\n resetActiveSlideshow();\n });\n });\n }\n\n document.querySelectorAll('.service-tab-link').forEach(link => {\n link.addEventListener('click', function(e) {\n e.preventDefault();\n \n const tabId = this.getAttribute('data-tab');\n const targetTab = document.getElementById(`${tabId}-tab`);\n \n if (targetTab) {\n tabBtns.forEach(b => b.classList.remove('active'));\n tabContents.forEach(c => c.classList.remove('active'));\n\n const targetBtn = document.querySelector(`.tab-btn[data-tab=\"${tabId}\"]`);\n if (targetBtn) {\n targetBtn.classList.add('active');\n }\n targetTab.classList.add('active');\n\n document.getElementById('services').scrollIntoView({ behavior: 'smooth' });\n \n resetActiveSlideshow();\n }\n });\n });\n\n function initializeSlideshow(slideshow) {\n const slides = slideshow.querySelector('.service-slides');\n const slideCount = slides.children.length;\n const dots = slideshow.querySelectorAll('.slideshow-dot');\n const prevBtn = slideshow.querySelector('.prev');\n const nextBtn = slideshow.querySelector('.next');\n \n let currentSlide = 0;\n \n function goToSlide(index) {\n if (index < 0) index = slideCount - 1;\n if (index >= slideCount) index = 0;\n \n slides.style.transform = `translateX(-${index * 100}%)`;\n \n dots.forEach(dot => dot.classList.remove('active'));\n if (dots[index]) {\n dots[index].classList.add('active');\n }\n \n currentSlide = index;\n }\n\n if (prevBtn) {\n prevBtn.addEventListener('click', () => goToSlide(currentSlide - 1));\n }\n \n if (nextBtn) {\n nextBtn.addEventListener('click', () => goToSlide(currentSlide + 1));\n }\n\n if (dots.length > 0) {\n dots.forEach((dot, index) => {\n dot.addEventListener('click', () => goToSlide(index));\n });\n }\n\n let slideInterval = setInterval(() => {\n goToSlide(currentSlide + 1);\n }, 5000);\n\n if (slideshow) {\n slideshow.addEventListener('mouseenter', () => {\n clearInterval(slideInterval);\n });\n \n slideshow.addEventListener('mouseleave', () => {\n slideInterval = setInterval(() => {\n goToSlide(currentSlide + 1);\n }, 5000);\n });\n }\n \n return { goToSlide, currentSlide };\n }\n\n const slideshows = document.querySelectorAll('.service-slideshow');\n const slideshowInstances = [];\n \n if (slideshows.length > 0) {\n slideshows.forEach(slideshow => {\n slideshowInstances.push(initializeSlideshow(slideshow));\n });\n }\n\n function resetActiveSlideshow() {\n const activeTab = document.querySelector('.tab-content.active');\n if (activeTab) {\n const activeSlideshow = activeTab.querySelector('.service-slideshow');\n if (activeSlideshow) {\n const slides = activeSlideshow.querySelector('.service-slides');\n const dots = activeSlideshow.querySelectorAll('.slideshow-dot');\n \n if (slides) {\n slides.style.transform = 'translateX(0)';\n }\n \n dots.forEach(dot => dot.classList.remove('active'));\n if (dots.length > 0) {\n dots[0].classList.add('active');\n }\n }\n }\n }\n\n const testimonialTrack = document.querySelector('.testimonial-track');\n const testimonialSlides = document.querySelectorAll('.testimonial-slide');\n const testimonialDots = document.querySelectorAll('.slider-dot');\n const testimonialPrevBtn = document.querySelector('.testimonial-arrow.prev');\n const testimonialNextBtn = document.querySelector('.testimonial-arrow.next');\n const testimonialSlider = document.querySelector('.testimonial-slider');\n \n let testimonialCurrentSlide = 0;\n let testimonialInterval;\n \n function goToTestimonialSlide(slideIndex) {\n if (!testimonialTrack || !testimonialSlides.length) return;\n \n if (slideIndex < 0) slideIndex = testimonialSlides.length - 1;\n if (slideIndex >= testimonialSlides.length) slideIndex = 0;\n \n testimonialTrack.style.transform = `translateX(-${slideIndex * 100}%)`;\n\n if (testimonialDots.length > 0) {\n testimonialDots.forEach(dot => dot.classList.remove('active'));\n if (testimonialDots[slideIndex]) {\n testimonialDots[slideIndex].classList.add('active');\n }\n }\n \n testimonialCurrentSlide = slideIndex;\n }\n\n function startTestimonialAutoScroll() {\n testimonialInterval = setInterval(() => {\n goToTestimonialSlide(testimonialCurrentSlide + 1);\n }, 5000);\n }\n\n function stopTestimonialAutoScroll() {\n clearInterval(testimonialInterval);\n }\n\n if (testimonialSlides.length > 0) {\n if (testimonialDots.length > 0) {\n testimonialDots.forEach((dot, index) => {\n dot.addEventListener('click', () => {\n goToTestimonialSlide(index);\n });\n });\n }\n\n if (testimonialPrevBtn) {\n testimonialPrevBtn.addEventListener('click', () => {\n goToTestimonialSlide(testimonialCurrentSlide - 1);\n });\n }\n \n if (testimonialNextBtn) {\n testimonialNextBtn.addEventListener('click', () => {\n goToTestimonialSlide(testimonialCurrentSlide + 1);\n });\n }\n\n if (testimonialSlider) {\n testimonialSlider.addEventListener('mouseenter', () => {\n stopTestimonialAutoScroll();\n });\n \n testimonialSlider.addEventListener('mouseleave', () => {\n startTestimonialAutoScroll();\n });\n }\n startTestimonialAutoScroll();\n }\n\n const quoteForm = document.getElementById('quoteForm');\n if (quoteForm) {\n quoteForm.addEventListener('submit', function(e) {\n e.preventDefault();\n\n const name = document.getElementById('name');\n const email = document.getElementById('email');\n const phone = document.getElementById('phone');\n const service = document.getElementById('service');\n const message = document.getElementById('message');\n\n if (name && phone && service && message) {\n if (!name.value.trim() || !phone.value.trim() || !service.value || !message.value.trim()) {\n alert('Please fill in all required fields (Name, Phone, Service and Project Details)');\n return;\n }\n\n const emailText = email.value ? `%0A*Email:* ${email.value}` : '';\n const whatsappMessage = `Hello Evipro! I would like to request a quote for your services.%0A%0A*Name:* ${name.value}${emailText}%0A*Phone:* ${phone.value}%0A*Service:* ${service.value}%0A*Project Details:* ${message.value}`;\n\n window.open(`https:\/\/wa.me\/263773711577?text=${whatsappMessage}`, '_blank');\n\n this.reset();\n }\n });\n }\n\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function(e) {\n e.preventDefault();\n \n const targetId = this.getAttribute('href');\n if (targetId === '#') return;\n \n const targetElement = document.querySelector(targetId);\n if (targetElement) {\n window.scrollTo({\n top: targetElement.offsetTop - 80,\n behavior: 'smooth'\n });\n }\n });\n });\n\n window.addEventListener('scroll', () => {\n let current = '';\n const sections = document.querySelectorAll('section');\n \n sections.forEach(section => {\n const sectionTop = section.offsetTop;\n const sectionHeight = section.clientHeight;\n if (scrollY >= (sectionTop - 100)) {\n current = section.getAttribute('id');\n }\n });\n \n document.querySelectorAll('.nav-link').forEach(link => {\n link.classList.remove('active');\n if (link.getAttribute('href') === `#${current}`) {\n link.classList.add('active');\n }\n });\n });\n\n document.addEventListener('DOMContentLoaded', function() {\n const images = document.querySelectorAll('img');\n images.forEach(img => {\n img.addEventListener('error', function() {\n this.style.display = 'none';\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Evipro | Professional Security Solutions Home Features Services Testimonials Contact Secure Your World with Evipro At Evipro, we believe that true success is built on a foundation of trust and exceptional delivery. Our team is passionate about transforming visions into tangible realities, whether it’s a secure gate, a beautifully tiled floor, a complete construction project, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>- Eviproprojects<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/eviproprojects.co.zw\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- Eviproprojects\" \/>\n<meta property=\"og:description\" content=\"Evipro | Professional Security Solutions Home Features Services Testimonials Contact Secure Your World with Evipro At Evipro, we believe that true success is built on a foundation of trust and exceptional delivery. Our team is passionate about transforming visions into tangible realities, whether it’s a secure gate, a beautifully tiled floor, a complete construction project, […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/eviproprojects.co.zw\/\" \/>\n<meta property=\"og:site_name\" content=\"Eviproprojects\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-05T14:31:02+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/eviproprojects.co.zw\/\",\"url\":\"https:\/\/eviproprojects.co.zw\/\",\"name\":\"- Eviproprojects\",\"isPartOf\":{\"@id\":\"https:\/\/eviproprojects.co.zw\/#website\"},\"datePublished\":\"2025-11-28T14:35:30+00:00\",\"dateModified\":\"2026-03-05T14:31:02+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/eviproprojects.co.zw\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/eviproprojects.co.zw\/#website\",\"url\":\"https:\/\/eviproprojects.co.zw\/\",\"name\":\"Eviproprojects\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/eviproprojects.co.zw\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/eviproprojects.co.zw\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/eviproprojects.co.zw\/#organization\",\"name\":\"Eviproprojects\",\"url\":\"https:\/\/eviproprojects.co.zw\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eviproprojects.co.zw\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/eviproprojects.co.zw\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_cgzl60cgzl60cgzl.png\",\"contentUrl\":\"https:\/\/eviproprojects.co.zw\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_cgzl60cgzl60cgzl.png\",\"width\":864,\"height\":1184,\"caption\":\"Eviproprojects\"},\"image\":{\"@id\":\"https:\/\/eviproprojects.co.zw\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"- Eviproprojects","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/eviproprojects.co.zw\/","og_locale":"en_US","og_type":"article","og_title":"- Eviproprojects","og_description":"Evipro | Professional Security Solutions Home Features Services Testimonials Contact Secure Your World with Evipro At Evipro, we believe that true success is built on a foundation of trust and exceptional delivery. Our team is passionate about transforming visions into tangible realities, whether it’s a secure gate, a beautifully tiled floor, a complete construction project, […]","og_url":"https:\/\/eviproprojects.co.zw\/","og_site_name":"Eviproprojects","article_modified_time":"2026-03-05T14:31:02+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/eviproprojects.co.zw\/","url":"https:\/\/eviproprojects.co.zw\/","name":"- Eviproprojects","isPartOf":{"@id":"https:\/\/eviproprojects.co.zw\/#website"},"datePublished":"2025-11-28T14:35:30+00:00","dateModified":"2026-03-05T14:31:02+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/eviproprojects.co.zw\/"]}]},{"@type":"WebSite","@id":"https:\/\/eviproprojects.co.zw\/#website","url":"https:\/\/eviproprojects.co.zw\/","name":"Eviproprojects","description":"","publisher":{"@id":"https:\/\/eviproprojects.co.zw\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/eviproprojects.co.zw\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/eviproprojects.co.zw\/#organization","name":"Eviproprojects","url":"https:\/\/eviproprojects.co.zw\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eviproprojects.co.zw\/#\/schema\/logo\/image\/","url":"https:\/\/eviproprojects.co.zw\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_cgzl60cgzl60cgzl.png","contentUrl":"https:\/\/eviproprojects.co.zw\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_cgzl60cgzl60cgzl.png","width":864,"height":1184,"caption":"Eviproprojects"},"image":{"@id":"https:\/\/eviproprojects.co.zw\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/eviproprojects.co.zw\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eviproprojects.co.zw\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eviproprojects.co.zw\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eviproprojects.co.zw\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eviproprojects.co.zw\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":9,"href":"https:\/\/eviproprojects.co.zw\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":28,"href":"https:\/\/eviproprojects.co.zw\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/28"}],"wp:attachment":[{"href":"https:\/\/eviproprojects.co.zw\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":8,"date":"2025-11-28T14:35:30","date_gmt":"2025-11-28T14:35:30","guid":{"rendered":"https:\/\/eviproprojects.co.zw\/?page_id=8"},"modified":"2026-03-05T14:31:02","modified_gmt":"2026-03-05T14:31:02","slug":"evipro","status":"publish","type":"page","link":"https:\/\/eviproprojects.co.zw\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n\n Evipro | Professional Security Solutions<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --primary-blue: #0a2463;\n --accent-blue: #3e78b2;\n --primary-red: #d7263d;\n --accent-red: #ff5964;\n --black: #1a1a1a;\n --dark-gray: #2e2e2e;\n --light-gray: #f5f5f5;\n --white: #ffffff;\n --transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n --shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n --shadow-heavy: 0 20px 40px rgba(0, 0, 0, 0.15);\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Montserrat', 'Segoe UI', sans-serif;\n }\n \n html {\n scroll-behavior: smooth;\n }\n \n body {\n background-color: var(--light-gray);\n color: var(--black);\n line-height: 1.7;\n overflow-x: hidden;\n }\n \n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n \n section {\n padding: 100px 0;\n }\n \n h1, h2, h3, h4 {\n font-weight: 700;\n line-height: 1.2;\n margin-bottom: 20px;\n }\n \n h1 {\n font-size: 3.8rem;\n letter-spacing: -1px;\n }\n \n h2 {\n font-size: 2.8rem;\n position: relative;\n }\n \n h3 {\n font-size: 1.8rem;\n }\n \n p {\n margin-bottom: 25px;\n font-size: 1.1rem;\n opacity: 0.9;\n }\n \n .btn {\n display: inline-block;\n padding: 14px 32px;\n background: var(--primary-red);\n color: var(--white);\n text-decoration: none;\n border-radius: 8px;\n font-weight: 600;\n transition: var(--transition);\n border: none;\n cursor: pointer;\n font-size: 1rem;\n letter-spacing: 0.5px;\n box-shadow: var(--shadow);\n }\n \n .btn:hover {\n background: var(--accent-red);\n transform: translateY(-3px);\n box-shadow: var(--shadow-heavy);\n }\n \n .btn-outline {\n background: transparent;\n color: var(--white);\n border: 2px solid var(--white);\n }\n \n .btn-outline:hover {\n background: var(--white);\n color: var(--primary-blue);\n }\n \n .section-title {\n text-align: center;\n margin-bottom: 70px;\n }\n \n .section-title h2 {\n display: inline-block;\n position: relative;\n }\n \n .section-title h2::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 4px;\n background: var(--primary-red);\n border-radius: 2px;\n }\n\n header {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n z-index: 1000;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n transition: var(--transition);\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n }\n \n header.scrolled {\n background: rgba(255, 255, 255, 0.98);\n box-shadow: var(--shadow);\n }\n \n nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 20px 0;\n }\n \n .logo {\n display: flex;\n align-items: center;\n font-weight: 800;\n color: var(--primary-blue);\n }\n \n .logo-img {\n height: 75px;\n margin-right: 10px;\n border-radius: 8px;\n }\n \n .logo span {\n color: var(--primary-red);\n }\n \n .nav-links {\n display: flex;\n list-style: none;\n }\n \n .nav-links li {\n margin-left: 35px;\n }\n \n .nav-links a {\n text-decoration: none;\n color: var(--black);\n font-weight: 600;\n transition: var(--transition);\n position: relative;\n padding: 8px 0;\n font-size: 1rem;\n }\n \n .nav-links a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--primary-red);\n transition: var(--transition);\n }\n \n .nav-links a:hover::after,\n .nav-links a.active::after {\n width: 100%;\n }\n \n .nav-links a.active {\n color: var(--primary-red);\n }\n \n .hamburger {\n display: none;\n cursor: pointer;\n font-size: 1.5rem;\n color: var(--primary-blue);\n }\n\n #home {\n background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-gray) 100%);\n color: var(--white);\n padding: 180px 0 120px;\n position: relative;\n overflow: hidden;\n }\n \n #home::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url('.\/pictures\/IMG-20250930-WA0040.jpg');\n background-size: cover;\n background-position: center;\n opacity: 0.3;\n }\n \n .hero-content {\n position: relative;\n z-index: 1;\n max-width: 700px;\n }\n \n .hero-content h1 {\n font-size: 4.2rem;\n margin-bottom: 25px;\n line-height: 1.1;\n }\n \n .hero-content p {\n font-size: 1.3rem;\n margin-bottom: 40px;\n opacity: 0.9;\n max-width: 600px;\n }\n \n .hero-btns {\n display: flex;\n gap: 20px;\n }\n \n .hero-image {\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 45%;\n height: 80%;\n border-radius: 20px 0 0 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: var(--shadow-heavy);\n }\n \n .hero-image::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n background-image: url('.\/pictures\/IMG-20250929-WA0062.jpg');\n background-size: cover;\n background-position: center;\n opacity: 0.7;\n mix-blend-mode: overlay;\n }\n\n #features {\n background: var(--light-gray);\n }\n \n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 40px;\n }\n \n .feature-card {\n background: var(--white);\n padding: 40px 30px;\n border-radius: 12px;\n text-align: center;\n box-shadow: var(--shadow);\n transition: var(--transition);\n position: relative;\n overflow: hidden;\n }\n \n .feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(90deg, var(--primary-blue), var(--primary-red));\n }\n \n .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: var(--shadow-heavy);\n }\n \n .feature-icon {\n width: 80px;\n height: 80px;\n background: var(--light-gray);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 25px;\n font-size: 2rem;\n color: var(--primary-blue);\n transition: var(--transition);\n }\n \n .feature-card:hover .feature-icon {\n background: var(--primary-blue);\n color: var(--white);\n transform: scale(1.1);\n }\n \n .feature-card h3 {\n color: var(--primary-blue);\n margin-bottom: 15px;\n }\n\n #services {\n background: var(--white);\n }\n \n .services-tabs {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n margin-bottom: 50px;\n justify-content: center;\n }\n \n .tab-btn {\n padding: 12px 25px;\n background: var(--light-gray);\n border: none;\n border-radius: 8px;\n font-weight: 600;\n cursor: pointer;\n transition: var(--transition);\n color: var(--dark-gray);\n }\n \n .tab-btn.active {\n background: var(--primary-blue);\n color: var(--white);\n }\n \n .tab-content {\n display: none;\n animation: fadeIn 0.5s ease;\n }\n \n .tab-content.active {\n display: block;\n }\n \n .service-detail {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 50px;\n align-items: center;\n }\n \n .service-image {\n border-radius: 12px;\n overflow: hidden;\n box-shadow: var(--shadow-heavy);\n position: relative;\n height: 400px;\n }\n \n .service-slideshow {\n width: 100%;\n height: 100%;\n position: relative;\n overflow: hidden;\n border-radius: 12px;\n }\n \n .service-slides {\n display: flex;\n transition: transform 0.5s ease;\n height: 100%;\n }\n \n .service-slide {\n min-width: 100%;\n height: 100%;\n position: relative;\n }\n \n .service-slide img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n \n .slideshow-nav {\n position: absolute;\n bottom: 20px;\n left: 0;\n width: 100%;\n display: flex;\n justify-content: center;\n gap: 10px;\n z-index: 10;\n }\n \n .slideshow-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.5);\n cursor: pointer;\n transition: var(--transition);\n }\n \n .slideshow-dot.active {\n background: var(--primary-red);\n transform: scale(1.2);\n }\n \n .slideshow-arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: rgba(0, 0, 0, 0.5);\n color: white;\n border: none;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n z-index: 10;\n transition: var(--transition);\n }\n \n .slideshow-arrow:hover {\n background: rgba(0, 0, 0, 0.8);\n }\n \n .slideshow-arrow.prev {\n left: 15px;\n }\n \n .slideshow-arrow.next {\n right: 15px;\n }\n \n .service-info h3 {\n color: var(--primary-blue);\n margin-bottom: 20px;\n }\n \n .service-info ul {\n list-style: none;\n margin-bottom: 30px;\n }\n \n .service-info li {\n margin-bottom: 12px;\n position: relative;\n padding-left: 30px;\n }\n \n .service-info li::before {\n content: '\u2713';\n position: absolute;\n left: 0;\n color: var(--primary-red);\n font-weight: bold;\n }\n\n #testimonials {\n background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-gray) 100%);\n color: var(--white);\n }\n \n .testimonials-container {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n }\n \n .testimonial-slider {\n overflow: hidden;\n border-radius: 15px;\n box-shadow: var(--shadow-heavy);\n position: relative;\n }\n \n .testimonial-track {\n display: flex;\n transition: transform 0.5s ease;\n }\n \n .testimonial-slide {\n min-width: 100%;\n padding: 60px;\n box-sizing: border-box;\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n }\n \n .testimonial-content {\n text-align: center;\n position: relative;\n }\n \n .testimonial-content::before {\n content: '\"';\n font-size: 120px;\n color: rgba(255, 255, 255, 0.2);\n position: absolute;\n top: -60px;\n left: 50%;\n transform: translateX(-50%);\n line-height: 1;\n }\n \n .testimonial-text {\n font-size: 1.3rem;\n font-style: italic;\n margin-bottom: 30px;\n position: relative;\n z-index: 1;\n }\n \n .testimonial-author {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .author-info h4 {\n margin-bottom: 5px;\n color: var(--white);\n }\n \n .author-info p {\n opacity: 0.8;\n margin: 0;\n }\n \n .slider-nav {\n display: flex;\n justify-content: center;\n margin-top: 40px;\n }\n \n .slider-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.3);\n margin: 0 8px;\n cursor: pointer;\n transition: var(--transition);\n }\n \n .slider-dot.active {\n background: var(--primary-red);\n transform: scale(1.3);\n }\n\n .testimonial-arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: rgba(0, 0, 0, 0.5);\n color: white;\n border: none;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n z-index: 10;\n transition: var(--transition);\n opacity: 0;\n }\n \n .testimonial-slider:hover .testimonial-arrow {\n opacity: 1;\n }\n \n .testimonial-arrow:hover {\n background: rgba(0, 0, 0, 0.8);\n }\n \n .testimonial-arrow.prev {\n left: 15px;\n }\n \n .testimonial-arrow.next {\n right: 15px;\n }\n\n #contact {\n background: var(--light-gray);\n }\n \n .contact-container {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n }\n \n .contact-info h2 {\n color: var(--primary-blue);\n margin-bottom: 30px;\n }\n \n .contact-details {\n margin-bottom: 40px;\n }\n \n .contact-item {\n display: flex;\n align-items: center;\n margin-bottom: 25px;\n }\n \n .contact-icon {\n width: 70px;\n height: 70px;\n background: var(--primary-blue);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 20px;\n color: var(--white);\n font-size: 1.5rem;\n }\n \n .contact-text h4 {\n margin-bottom: 5px;\n color: var(--primary-blue);\n }\n \n .contact-form {\n background: var(--white);\n padding: 50px 40px;\n border-radius: 15px;\n box-shadow: var(--shadow);\n position: relative;\n }\n \n .contact-form h3 {\n color: var(--primary-blue);\n margin-bottom: 30px;\n text-align: center;\n }\n \n .form-group {\n margin-bottom: 25px;\n }\n \n .form-group label {\n display: block;\n margin-bottom: 8px;\n font-weight: 600;\n color: var(--dark-gray);\n }\n \n .form-group input,\n .form-group textarea,\n .form-group select {\n width: 100%;\n padding: 14px 18px;\n border: 1px solid #ddd;\n border-radius: 8px;\n font-size: 1rem;\n transition: var(--transition);\n background: var(--light-gray);\n }\n \n .form-group input:focus,\n .form-group textarea:focus,\n .form-group select:focus {\n outline: none;\n border-color: var(--primary-blue);\n box-shadow: 0 0 0 3px rgba(10, 36, 99, 0.1);\n background: var(--white);\n }\n \n .form-group textarea {\n resize: vertical;\n min-height: 150px;\n }\n\n .optional-field {\n position: relative;\n }\n \n .optional-badge {\n position: absolute;\n top: -8px;\n right: 0;\n background: var(--accent-blue);\n color: white;\n font-size: 0.7rem;\n padding: 2px 8px;\n border-radius: 10px;\n font-weight: 500;\n }\n \n .optional-note {\n font-size: 0.85rem;\n color: var(--dark-gray);\n margin-top: 5px;\n font-style: italic;\n }\n \n .required-field label::after {\n content: \" *\";\n color: var(--primary-red);\n }\n\n .contact-social {\n margin-top: 30px;\n padding-top: 30px;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n \n .contact-social h4 {\n color: var(--primary-blue);\n margin-bottom: 20px;\n font-size: 1.3rem;\n }\n \n .social-links {\n display: flex;\n gap: 15px;\n }\n \n .social-links a {\n width: 55px;\n height: 55px;\n background: var(--primary-blue);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--white);\n text-decoration: none;\n transition: var(--transition);\n font-size: 1.5rem;\n box-shadow: var(--shadow);\n }\n \n .social-links a:hover {\n background: var(--primary-red);\n transform: translateY(-5px);\n box-shadow: var(--shadow-heavy);\n }\n\n footer {\n background: var(--dark-gray);\n color: var(--light-gray);\n padding: 80px 0 30px;\n }\n \n .footer-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 50px;\n margin-bottom: 50px;\n }\n \n .footer-column h3 {\n color: var(--white);\n margin-bottom: 25px;\n font-size: 1.5rem;\n position: relative;\n padding-bottom: 10px;\n }\n \n .footer-column h3::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--primary-red);\n }\n \n .footer-column p {\n opacity: 0.8;\n }\n \n .footer-links {\n list-style: none;\n }\n \n .footer-links li {\n margin-bottom: 12px;\n }\n \n .footer-links a {\n color: var(--white);\n text-decoration: none;\n opacity: 0.8;\n transition: var(--transition);\n display: flex;\n align-items: center;\n }\n \n .footer-links a:hover {\n opacity: 1;\n color: var(--primary-red);\n padding-left: 5px;\n }\n \n .footer-links a i {\n margin-right: 10px;\n width: 20px;\n text-align: center;\n }\n \n .footer-social-links {\n display: flex;\n gap: 15px;\n margin-top: 20px;\n }\n \n .footer-social-links a {\n width: 45px;\n height: 45px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--white);\n text-decoration: none;\n transition: var(--transition);\n font-size: 1.2rem;\n }\n \n .footer-social-links a:hover {\n background: var(--primary-red);\n transform: translateY(-3px);\n }\n \n .copyright {\n text-align: center;\n padding-top: 30px;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n opacity: 0.7;\n font-size: 0.9rem;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .service-slide:after {\n content: \"Image Preview\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--light-gray);\n color: var(--dark-gray);\n font-weight: bold;\n z-index: -1;\n }\n\n .service-slide img {\n position: relative;\n z-index: 2;\n }\n\n @media (max-width: 992px) {\n h1 {\n font-size: 3.2rem;\n }\n \n h2 {\n font-size: 2.4rem;\n }\n \n .hero-image {\n display: none;\n }\n \n .hero-content {\n max-width: 100%;\n text-align: center;\n }\n \n .hero-btns {\n justify-content: center;\n }\n \n .service-detail {\n grid-template-columns: 1fr;\n }\n \n .contact-container {\n grid-template-columns: 1fr;\n }\n }\n \n @media (max-width: 768px) {\n .hamburger {\n display: block;\n }\n \n .nav-links {\n position: fixed;\n top: 80px;\n right: -100%;\n width: 280px;\n height: calc(100vh - 80px);\n background: var(--white);\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 40px 30px;\n transition: var(--transition);\n box-shadow: var(--shadow-heavy);\n border-left: 1px solid rgba(0, 0, 0, 0.05);\n }\n \n .nav-links.active {\n right: 0;\n }\n \n .nav-links li {\n margin: 0 0 25px 0;\n width: 100%;\n }\n \n .nav-links a {\n padding: 10px 0;\n display: block;\n width: 100%;\n }\n \n section {\n padding: 80px 0;\n }\n \n .testimonial-slide {\n padding: 40px 30px;\n }\n \n .testimonial-text {\n font-size: 1.1rem;\n }\n \n .testimonial-arrow {\n opacity: 1;\n }\n }\n \n @media (max-width: 576px) {\n h1 {\n font-size: 2.5rem;\n }\n \n h2 {\n font-size: 2rem;\n }\n \n .hero-content p {\n font-size: 1.1rem;\n }\n \n .hero-btns {\n flex-direction: column;\n align-items: center;\n }\n \n .btn {\n width: 100%;\n text-align: center;\n margin-bottom: 15px;\n }\n \n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .services-tabs {\n flex-direction: column;\n }\n \n .tab-btn {\n width: 100%;\n }\n \n .social-links {\n justify-content: center;\n }\n }\n <\/style>\n<\/head>\n<body>\n <header>\n <div class=\"container\">\n <nav>\n <div class=\"logo\">\n <img decoding=\"async\" src=\".\/pictures\/eviprologoimage2.jpg\" alt=\"Evipro Logo\" class=\"logo-img\">\n <\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#home\" class=\"nav-link active\">Home<\/a><\/li>\n <li><a href=\"#features\" class=\"nav-link\">Features<\/a><\/li>\n <li><a href=\"#services\" class=\"nav-link\">Services<\/a><\/li>\n <li><a href=\"#testimonials\" class=\"nav-link\">Testimonials<\/a><\/li>\n <li><a href=\"#contact\" class=\"nav-link\">Contact<\/a><\/li>\n <\/ul>\n <div class=\"hamburger\">\n <i class=\"fas fa-bars\"><\/i>\n <\/div>\n <\/nav>\n <\/div>\n <\/header>\n <section id=\"home\">\n <div class=\"container\">\n <div class=\"hero-content\">\n <h1>Secure Your World with Evipro<\/h1>\n <p>At Evipro, we believe that true success is built on a foundation of trust and exceptional delivery. Our team is passionate about transforming visions into tangible realities, whether it’s a secure gate, a beautifully tiled floor, a complete construction project, or a finely finished building.<\/p>\n <div class=\"hero-btns\">\n <a href=\"#services\" class=\"btn\">Our Services<\/a>\n <a href=\"#contact\" class=\"btn btn-outline\">Get a Quote<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-image\"><\/div>\n <\/div>\n <\/section>\n\n <section id=\"features\">\n <div class=\"container\">\n <div class=\"section-title\">\n <h2>Why Choose Evipro<\/h2>\n <p>We deliver exceptional quality and service that sets us apart from the competition<\/p>\n <\/div>\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-award\"><\/i>\n <\/div>\n <h3>Integrity & Excellence<\/h3>\n <p>We operate with unwavering honesty, transparency, and strong ethical principles in every aspect of our business, delivering the highest quality in every project.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-users\"><\/i>\n <\/div>\n <h3>Client-Centric Approach<\/h3>\n <p>Our clients are at the heart of everything we do. We listen, understand their needs, and strive to exceed their expectations with personalized solutions.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-shield-alt\"><\/i>\n <\/div>\n <h3>Innovation & Safety<\/h3>\n <p>We embrace new technologies, sustainable practices, and creative solutions while ensuring the well-being of our team, clients, and the community.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"services\">\n <div class=\"container\">\n <div class=\"section-title\">\n <h2>Our Services<\/h2>\n <p>Comprehensive security, construction and fabrication solutions tailored to your specific needs<\/p>\n <\/div>\n \n <div class=\"services-tabs\">\n <button class=\"tab-btn active\" data-tab=\"gates\">Gates<\/button>\n <button class=\"tab-btn\" data-tab=\"fabrication\">Steel Fabrication<\/button>\n <button class=\"tab-btn\" data-tab=\"joinery\">Aluminium Joinery<\/button>\n <button class=\"tab-btn\" data-tab=\"steel-structures\">Steel Structures, Balustrades & Palisades<\/button>\n <button class=\"tab-btn\" data-tab=\"construction\">Construction<\/button>\n <button class=\"tab-btn\" data-tab=\"security\">Security Systems<\/button>\n <\/div>\n \n <div class=\"tab-content active\" id=\"gates-tab\">\n <div class=\"service-detail\">\n <div class=\"service-image\">\n <div class=\"service-slideshow\">\n <div class=\"service-slides\">\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/gate1.jpg\" alt=\"Premium Gate\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/gate2.jpg\" alt=\"Sliding Gate\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/gate3.jpeg\" alt=\"Premium Gate\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/gate4.jpg\" alt=\"Pedestrian Gate\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/gate5.jpg\" alt=\"Garage Gate\">\n <\/div>\n <\/div>\n <button class=\"slideshow-arrow prev\"><<\/button>\n <button class=\"slideshow-arrow next\">><\/button>\n <div class=\"slideshow-nav\">\n <div class=\"slideshow-dot active\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"service-info\">\n <h3>Premium Gates<\/h3>\n <p>Custom design, fabrication, and installation of a wide range of gates, including swing gates, sliding gates, automated gates, and pedestrian gates, crafted from various materials to suit your aesthetic and security needs.<\/p>\n <ul>\n <li>Automated and manual operation options<\/li>\n <li>Custom designs to complement your property<\/li>\n <li>Durable materials for long-lasting performance<\/li>\n <li>Professional installation and maintenance services<\/li>\n <\/ul>\n <a href=\"#contact\" class=\"btn\">Get a Quote<\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"tab-content\" id=\"fabrication-tab\">\n <div class=\"service-detail\">\n <div class=\"service-image\">\n <div class=\"service-slideshow\">\n <div class=\"service-slides\">\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250929-WA0034.jpg\" alt=\"Custom Fabrication (Wall)\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250929-WA0076.jpg\" alt=\"Custom Fabrication (Wall)\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250930-WA0075.jpg\" alt=\"Custom Fabrication(Gates)\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250929-WA0037.jpg\" alt=\"Custom Fabrication(Signage)\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250929-WA0004.jpg\" alt=\"Custom Fabrication (Wall)\">\n <\/div>\n <\/div>\n <button class=\"slideshow-arrow prev\"><<\/button>\n <button class=\"slideshow-arrow next\">><\/button>\n <div class=\"slideshow-nav\">\n <div class=\"slideshow-dot active\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"service-info\">\n <h3>Precision Steel Fabrication<\/h3>\n <p>From structural steelwork to custom metal designs, our fabrication services cater to industrial and residential applications with precision craftsmanship.<\/p>\n <ul>\n <li>Structural steel fabrication<\/li>\n <li>Custom metalwork and designs<\/li>\n <li>Industrial and residential applications<\/li>\n <li>Precision engineering and installation<\/li>\n <\/ul>\n <a href=\"#contact\" class=\"btn\">Get a Quote<\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"tab-content\" id=\"joinery-tab\">\n <div class=\"service-detail\">\n <div class=\"service-image\">\n <div class=\"service-slideshow\">\n <div class=\"service-slides\">\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250929-WA0058.jpg\" alt=\"Aluminium Joinery\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250930-WA0022.jpg\" alt=\"Aluminium Doors\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250930-WA0027.jpg\" alt=\"Aluminium Doors\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250929-WA0048.jpg\" alt=\"Custom Joinery\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250929-WA0045.jpg\" alt=\"Aluminium Installation\">\n <\/div>\n <\/div>\n <button class=\"slideshow-arrow prev\"><<\/button>\n <button class=\"slideshow-arrow next\">><\/button>\n <div class=\"slideshow-nav\">\n <div class=\"slideshow-dot active\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"service-info\">\n <h3>Expert Aluminium Joinery<\/h3>\n <p>Expert fabrication and installation of high-quality aluminium products such as windows, doors, shopfronts, partitions, and balustrades, offering modern design and durability.<\/p>\n <ul>\n <li>Aluminium windows and doors<\/li>\n <li>Custom joinery solutions<\/li>\n <li>Energy-efficient designs<\/li>\n <li>Modern, sleek aesthetics<\/li>\n <\/ul>\n <a href=\"#contact\" class=\"btn\">Get a Quote<\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"tab-content\" id=\"steel-structures-tab\">\n <div class=\"service-detail\">\n <div class=\"service-image\">\n <div class=\"service-slideshow\">\n <div class=\"service-slides\">\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250929-WA0022.jpg\" alt=\"Palisade\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250929-WA0063.jpg\" alt=\"Balustrade\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250929-WA0061.jpg\" alt=\"Steel Structure\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250929-WA0046.jpg\" alt=\"Balustrade\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/balustrades.jpg\" alt=\"Balustrade\">\n <\/div>\n <\/div>\n <button class=\"slideshow-arrow prev\"><<\/button>\n <button class=\"slideshow-arrow next\">><\/button>\n <div class=\"slideshow-nav\">\n <div class=\"slideshow-dot active\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"service-info\">\n <h3>Steel Structures, Balustrades & Palisades<\/h3>\n <p>Expert fabrication and installation of structural steel frameworks, sleek balustrades, and robust palisades, utilizing premium materials for enduring strength and a superior finish.<\/p>\n <ul>\n <li>Structural steel frameworks<\/li>\n <li>Custom-designed balustrades<\/li>\n <li>Secure palisade fencing<\/li>\n <li>Premium materials and finishes<\/li>\n <\/ul>\n <a href=\"#contact\" class=\"btn\">Get a Quote<\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"tab-content\" id=\"construction-tab\">\n <div class=\"service-detail\">\n <div class=\"service-image\">\n <div class=\"service-slideshow\">\n <div class=\"service-slides\">\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/durawall.jpg\" alt=\"Durawalls\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/IMG-20250930-WA0018.jpg\" alt=\"Interior walls\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/paving.jpg\" alt=\"Paving\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/landpreparation.jpg\" alt=\"Land Preparation\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/fullhouseconstruction.jpg\" alt=\"Full House Construction\">\n <\/div>\n <\/div>\n <button class=\"slideshow-arrow prev\"><<\/button>\n <button class=\"slideshow-arrow next\">><\/button>\n <div class=\"slideshow-nav\">\n <div class=\"slideshow-dot active\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"service-info\">\n <h3>Comprehensive Construction Services<\/h3>\n <p>Comprehensive project management and execution for new builds, renovations, and extensions. Our expertise covers all phases of construction, from foundational work to structural erection.<\/p>\n <ul>\n <li>New builds and renovations<\/li>\n <li>Project management and execution<\/li>\n <li>Foundational work to structural erection<\/li>\n <li>Quality craftsmanship and timely delivery<\/li>\n <\/ul>\n <a href=\"#contact\" class=\"btn\">Get a Quote<\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"tab-content\" id=\"security-tab\">\n <div class=\"service-detail\">\n <div class=\"service-image\">\n <div class=\"service-slideshow\">\n <div class=\"service-slides\">\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/intercom.jpg\" alt=\"Intercom\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/gatemotor.jpg\" alt=\"Automated Gate Sytem\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/cctvinstallation.jpg\" alt=\"CCTV Installation\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/cctvoutput.jpg\" alt=\"CCTV Sytem\">\n <\/div>\n <div class=\"service-slide\">\n <img decoding=\"async\" src=\".\/pictures\/electricfence.jpg\" alt=\"Electric Fence\">\n <\/div>\n <\/div>\n <button class=\"slideshow-arrow prev\"><<\/button>\n <button class=\"slideshow-arrow next\">><\/button>\n <div class=\"slideshow-nav\">\n <div class=\"slideshow-dot active\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <div class=\"slideshow-dot\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"service-info\">\n <h3>Advanced Security Solutions<\/h3>\n <p>Specializing in advanced security solutions, including the installation of state-of-the-art security gadgets like CCTV systems, alarm systems, access control, and intercoms. We also design and construct security structures.<\/p>\n <ul>\n <li>CCTV surveillance systems<\/li>\n <li>Access control solutions<\/li>\n <li>Alarm systems and intercoms<\/li>\n <li>Security consultation and installation<\/li>\n <\/ul>\n <a href=\"#contact\" class=\"btn\">Get a Quote<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"testimonials\">\n <div class=\"container\">\n <div class=\"section-title\">\n <h2>Client Testimonials<\/h2>\n <p>Hear what our satisfied clients have to say about our services<\/p>\n <\/div>\n \n <div class=\"testimonials-container\">\n <div class=\"testimonial-slider\">\n <button class=\"testimonial-arrow prev\"><<\/button>\n <button class=\"testimonial-arrow next\">><\/button>\n <div class=\"testimonial-track\">\n <div class=\"testimonial-slide\">\n <div class=\"testimonial-content\">\n <p class=\"testimonial-text\">Evipro installed sliding gates for our property and the quality is exceptional. The team was professional, punctual, and the gates have been working perfectly for over two years now. I highly recommend their services.<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-info\">\n <h4>Mr Maboreke<\/h4>\n <p>Harare Resident<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"testimonial-slide\">\n <div class=\"testimonial-content\">\n <p class=\"testimonial-text\">The team is professional and communicate well with customers, abide to timelines and what you request is exactly what they produce for you. Recommend them for steel fabrications.<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-info\">\n <h4>Mr Chamboko<\/h4>\n <p>Business Owner<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"testimonial-slide\">\n <div class=\"testimonial-content\">\n <p class=\"testimonial-text\">We hired Evipro for aluminium joinery and security installations. Their attention to detail and professionalism impressed us. The security system has given us peace of mind knowing our property is protected.<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-info\">\n <h4>Mr Mungate<\/h4>\n <p>Property Owner<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"slider-nav\">\n <div class=\"slider-dot active\"><\/div>\n <div class=\"slider-dot\"><\/div>\n <div class=\"slider-dot\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"contact\">\n <div class=\"container\">\n <div class=\"contact-container\">\n <div class=\"contact-info\">\n <h2>Get In Touch<\/h2>\n <p>Ready to secure your property or start your construction project? Contact us today for a consultation and quote.<\/p>\n <p><strong>Quick Quote:<\/strong> Simply provide your name,phone number as well as details of the project and we’ll get back to you promptly. Email is optional but helpful for sending detailed information.<\/p>\n \n <div class=\"contact-details\">\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-map-marker-alt\"><\/i>\n <\/div>\n <div class=\"contact-text\">\n <h4>Our Location<\/h4>\n <p><a href=\"https:\/\/maps.app.goo.gl\/gMxq3vb55n3vRb3Q6\" target=\"_blank\" style=\"color: inherit; text-decoration: none;\">7671 Samora Machel Belvedere West, Harare, Zimbabwe<\/a><\/p>\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-phone-alt\"><\/i>\n <\/div>\n <div class=\"contact-text\">\n <h4>Phone Number<\/h4>\n <p><a href=\"tel:+263773711577\" style=\"color: inherit; text-decoration: none;\">+263 77 371 1577<\/a><\/p>\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <\/div>\n <div class=\"contact-text\">\n <h4>WhatsApp<\/h4>\n <p><a href=\"https:\/\/wa.me\/263773711577\" target=\"_blank\" style=\"color: inherit; text-decoration: none;\">+263 77 371 1577<\/a><\/p>\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-envelope\"><\/i>\n <\/div>\n <div class=\"contact-text\">\n <h4>Email Address<\/h4>\n <p><a href=\"mailto:sales@evipro.co.zw\" style=\"color: inherit; text-decoration: none;\">sales@evipro.co.zw<\/a><\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"contact-social\">\n <h4>Follow Us On Social Media<\/h4>\n <div class=\"social-links\">\n <a href=\"https:\/\/www.facebook.com\/share\/17JQkYtwQC\/\" target=\"_blank\" title=\"Facebook\">\n <i class=\"fab fa-facebook-f\"><\/i>\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/evipro.steel?igsh=aW1neDNwbHQ1cW82\" target=\"_blank\" title=\"Instagram\">\n <i class=\"fab fa-instagram\"><\/i>\n <\/a>\n <a href=\"https:\/\/www.linkedin.com\/in\/evipro-projects-83596339a?utm_source=share_via&utm_content=profile&utm_medium=member_android\" target=\"_blank\" title=\"LinkedIn\">\n <i class=\"fab fa-linkedin-in\"><\/i>\n <\/a>\n <a href=\"https:\/\/www.tiktok.com\/@evipro.projects?_r=1&_t=ZM-917cjBgS9Um\" target=\"_blank\" title=\"TikTok\">\n <i class=\"fab fa-tiktok\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"contact-form\">\n <h3>Request a Quote<\/h3>\n <p class=\"optional-note\" style=\"margin-bottom: 20px;\"><i class=\"fas fa-info-circle\"><\/i> Only name,phone number and details of the project are required. Email is optional but helpful for detailed follow-up.<\/p>\n \n <form id=\"quoteForm\">\n <div class=\"form-group required-field\">\n <label for=\"name\">Full Name<\/label>\n <input type=\"text\" id=\"name\" name=\"name\" required>\n <\/div>\n <div class=\"form-group optional-field\">\n <label for=\"email\">Email Address<\/label>\n <span class=\"optional-badge\">Optional<\/span>\n <input type=\"email\" id=\"email\" name=\"email\">\n <p class=\"optional-note\">We’ll only use this to send detailed information if provided<\/p>\n <\/div>\n <div class=\"form-group required-field\">\n <label for=\"phone\">Phone Number<\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" required>\n <\/div>\n <div class=\"form-group required-field\">\n <label for=\"service\">Service Interested In<\/label>\n <select id=\"service\" name=\"service\" required>\n <option value=\"\">Select a service<\/option>\n <option value=\"gates\">Gates<\/option>\n <option value=\"fabrication\">Steel Fabrication<\/option>\n <option value=\"joinery\">Aluminium Joinery<\/option>\n <option value=\"steel-structures\">Steel Structures, Balustrades & Palisades<\/option>\n <option value=\"construction\">Construction<\/option>\n <option value=\"security\">Security Systems<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group required-field\">\n <label for=\"message\">Project Details<\/label>\n <textarea id=\"message\" name=\"message\" required placeholder=\"Tell us about your project...\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"btn\">Submit Request<\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <footer>\n <div class=\"container\">\n <div class=\"footer-content\">\n <div class=\"footer-column\">\n <h3>Evipro<\/h3>\n <p>Providing professional security, construction, and fabrication solutions with integrity and excellence since our establishment.<\/p>\n <\/div>\n <div class=\"footer-column\">\n <h3>Our Services<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"#gates-tab\" class=\"service-tab-link\" data-tab=\"gates\"><i class=\"fas fa-chevron-right\"><\/i> Gates<\/a><\/li>\n <li><a href=\"#fabrication-tab\" class=\"service-tab-link\" data-tab=\"fabrication\"><i class=\"fas fa-chevron-right\"><\/i> Steel Fabrication<\/a><\/li>\n <li><a href=\"#joinery-tab\" class=\"service-tab-link\" data-tab=\"joinery\"><i class=\"fas fa-chevron-right\"><\/i> Aluminium Joinery<\/a><\/li>\n <li><a href=\"#steel-structures-tab\" class=\"service-tab-link\" data-tab=\"steel-structures\"><i class=\"fas fa-chevron-right\"><\/i> Steel Structures, Balustrades & Palisades<\/a><\/li>\n <li><a href=\"#construction-tab\" class=\"service-tab-link\" data-tab=\"construction\"><i class=\"fas fa-chevron-right\"><\/i> Construction<\/a><\/li>\n <li><a href=\"#security-tab\" class=\"service-tab-link\" data-tab=\"security\"><i class=\"fas fa-chevron-right\"><\/i> Security Systems<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-column\">\n <h3>Quick Links<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"#home\"><i class=\"fas fa-chevron-right\"><\/i> Home<\/a><\/li>\n <li><a href=\"#features\"><i class=\"fas fa-chevron-right\"><\/i> Why Choose Us<\/a><\/li>\n <li><a href=\"#services\"><i class=\"fas fa-chevron-right\"><\/i> Services<\/a><\/li>\n <li><a href=\"#testimonials\"><i class=\"fas fa-chevron-right\"><\/i> Testimonials<\/a><\/li>\n <li><a href=\"#contact\"><i class=\"fas fa-chevron-right\"><\/i> Contact<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-column\">\n <h3>Contact Info<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/maps.google.com\/?q=7671 Samora Machel Belvedere West, Harare, Zimbabwe\" target=\"_blank\"><i class=\"fas fa-map-marker-alt\"><\/i> 7671 Samora Machel Belvedere West, Harare, Zimbabwe<\/a><\/li>\n <li><a href=\"tel:+263773711577\"><i class=\"fas fa-phone-alt\"><\/i> +263 77 371 1577<\/a><\/li>\n <li><a href=\"mailto:sales@evipro.co.zw\"><i class=\"fas fa-envelope\"><\/i> sales@evipro.co.zw<\/a><\/li>\n <\/ul>\n <div class=\"footer-social-links\">\n <a href=\"https:\/\/www.facebook.com\/share\/17JQkYtwQC\/\" target=\"_blank\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n <a href=\"https:\/\/www.instagram.com\/evipro.steel?igsh=aW1neDNwbHQ1cW82\" target=\"_blank\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <a href=\"https:\/\/wa.me\/263773711577\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n <a href=\"https:\/\/www.linkedin.com\/in\/evipro-projects-83596339a?utm_source=share_via&utm_content=profile&utm_medium=member_android\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n <a href=\"https:\/\/www.tiktok.com\/@evipro.projects?_r=1&_t=ZM-917cjBgS9Um\" target=\"_blank\"><i class=\"fab fa-tiktok\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"copyright\">\n <p>© 2025 Evipro. All Rights Reserved.<\/p>\n <p>Website by Shingai Mudiwa Munyawiri<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n const hamburger = document.querySelector('.hamburger');\n const navLinks = document.querySelector('.nav-links');\n \n if (hamburger && navLinks) {\n hamburger.addEventListener('click', () => {\n navLinks.classList.toggle('active');\n hamburger.innerHTML = navLinks.classList.contains('active') \n ? '<i class=\"fas fa-times\"><\/i>' \n : '<i class=\"fas fa-bars\"><\/i>';\n });\n\n document.querySelectorAll('.nav-link').forEach(link => {\n link.addEventListener('click', () => {\n navLinks.classList.remove('active');\n hamburger.innerHTML = '<i class=\"fas fa-bars\"><\/i>';\n });\n });\n }\n\n window.addEventListener('scroll', () => {\n const header = document.querySelector('header');\n if (header && window.scrollY > 100) {\n header.classList.add('scrolled');\n } else if (header) {\n header.classList.remove('scrolled');\n }\n });\n\n const tabBtns = document.querySelectorAll('.tab-btn');\n const tabContents = document.querySelectorAll('.tab-content');\n \n if (tabBtns.length > 0 && tabContents.length > 0) {\n tabBtns.forEach(btn => {\n btn.addEventListener('click', () => {\n tabBtns.forEach(b => b.classList.remove('active'));\n tabContents.forEach(c => c.classList.remove('active'));\n btn.classList.add('active');\n const tabId = btn.getAttribute('data-tab');\n const targetTab = document.getElementById(`${tabId}-tab`);\n if (targetTab) {\n targetTab.classList.add('active');\n }\n resetActiveSlideshow();\n });\n });\n }\n\n document.querySelectorAll('.service-tab-link').forEach(link => {\n link.addEventListener('click', function(e) {\n e.preventDefault();\n \n const tabId = this.getAttribute('data-tab');\n const targetTab = document.getElementById(`${tabId}-tab`);\n \n if (targetTab) {\n tabBtns.forEach(b => b.classList.remove('active'));\n tabContents.forEach(c => c.classList.remove('active'));\n\n const targetBtn = document.querySelector(`.tab-btn[data-tab=\"${tabId}\"]`);\n if (targetBtn) {\n targetBtn.classList.add('active');\n }\n targetTab.classList.add('active');\n\n document.getElementById('services').scrollIntoView({ behavior: 'smooth' });\n \n resetActiveSlideshow();\n }\n });\n });\n\n function initializeSlideshow(slideshow) {\n const slides = slideshow.querySelector('.service-slides');\n const slideCount = slides.children.length;\n const dots = slideshow.querySelectorAll('.slideshow-dot');\n const prevBtn = slideshow.querySelector('.prev');\n const nextBtn = slideshow.querySelector('.next');\n \n let currentSlide = 0;\n \n function goToSlide(index) {\n if (index < 0) index = slideCount - 1;\n if (index >= slideCount) index = 0;\n \n slides.style.transform = `translateX(-${index * 100}%)`;\n \n dots.forEach(dot => dot.classList.remove('active'));\n if (dots[index]) {\n dots[index].classList.add('active');\n }\n \n currentSlide = index;\n }\n\n if (prevBtn) {\n prevBtn.addEventListener('click', () => goToSlide(currentSlide - 1));\n }\n \n if (nextBtn) {\n nextBtn.addEventListener('click', () => goToSlide(currentSlide + 1));\n }\n\n if (dots.length > 0) {\n dots.forEach((dot, index) => {\n dot.addEventListener('click', () => goToSlide(index));\n });\n }\n\n let slideInterval = setInterval(() => {\n goToSlide(currentSlide + 1);\n }, 5000);\n\n if (slideshow) {\n slideshow.addEventListener('mouseenter', () => {\n clearInterval(slideInterval);\n });\n \n slideshow.addEventListener('mouseleave', () => {\n slideInterval = setInterval(() => {\n goToSlide(currentSlide + 1);\n }, 5000);\n });\n }\n \n return { goToSlide, currentSlide };\n }\n\n const slideshows = document.querySelectorAll('.service-slideshow');\n const slideshowInstances = [];\n \n if (slideshows.length > 0) {\n slideshows.forEach(slideshow => {\n slideshowInstances.push(initializeSlideshow(slideshow));\n });\n }\n\n function resetActiveSlideshow() {\n const activeTab = document.querySelector('.tab-content.active');\n if (activeTab) {\n const activeSlideshow = activeTab.querySelector('.service-slideshow');\n if (activeSlideshow) {\n const slides = activeSlideshow.querySelector('.service-slides');\n const dots = activeSlideshow.querySelectorAll('.slideshow-dot');\n \n if (slides) {\n slides.style.transform = 'translateX(0)';\n }\n \n dots.forEach(dot => dot.classList.remove('active'));\n if (dots.length > 0) {\n dots[0].classList.add('active');\n }\n }\n }\n }\n\n const testimonialTrack = document.querySelector('.testimonial-track');\n const testimonialSlides = document.querySelectorAll('.testimonial-slide');\n const testimonialDots = document.querySelectorAll('.slider-dot');\n const testimonialPrevBtn = document.querySelector('.testimonial-arrow.prev');\n const testimonialNextBtn = document.querySelector('.testimonial-arrow.next');\n const testimonialSlider = document.querySelector('.testimonial-slider');\n \n let testimonialCurrentSlide = 0;\n let testimonialInterval;\n \n function goToTestimonialSlide(slideIndex) {\n if (!testimonialTrack || !testimonialSlides.length) return;\n \n if (slideIndex < 0) slideIndex = testimonialSlides.length - 1;\n if (slideIndex >= testimonialSlides.length) slideIndex = 0;\n \n testimonialTrack.style.transform = `translateX(-${slideIndex * 100}%)`;\n\n if (testimonialDots.length > 0) {\n testimonialDots.forEach(dot => dot.classList.remove('active'));\n if (testimonialDots[slideIndex]) {\n testimonialDots[slideIndex].classList.add('active');\n }\n }\n \n testimonialCurrentSlide = slideIndex;\n }\n\n function startTestimonialAutoScroll() {\n testimonialInterval = setInterval(() => {\n goToTestimonialSlide(testimonialCurrentSlide + 1);\n }, 5000);\n }\n\n function stopTestimonialAutoScroll() {\n clearInterval(testimonialInterval);\n }\n\n if (testimonialSlides.length > 0) {\n if (testimonialDots.length > 0) {\n testimonialDots.forEach((dot, index) => {\n dot.addEventListener('click', () => {\n goToTestimonialSlide(index);\n });\n });\n }\n\n if (testimonialPrevBtn) {\n testimonialPrevBtn.addEventListener('click', () => {\n goToTestimonialSlide(testimonialCurrentSlide - 1);\n });\n }\n \n if (testimonialNextBtn) {\n testimonialNextBtn.addEventListener('click', () => {\n goToTestimonialSlide(testimonialCurrentSlide + 1);\n });\n }\n\n if (testimonialSlider) {\n testimonialSlider.addEventListener('mouseenter', () => {\n stopTestimonialAutoScroll();\n });\n \n testimonialSlider.addEventListener('mouseleave', () => {\n startTestimonialAutoScroll();\n });\n }\n startTestimonialAutoScroll();\n }\n\n const quoteForm = document.getElementById('quoteForm');\n if (quoteForm) {\n quoteForm.addEventListener('submit', function(e) {\n e.preventDefault();\n\n const name = document.getElementById('name');\n const email = document.getElementById('email');\n const phone = document.getElementById('phone');\n const service = document.getElementById('service');\n const message = document.getElementById('message');\n\n if (name && phone && service && message) {\n if (!name.value.trim() || !phone.value.trim() || !service.value || !message.value.trim()) {\n alert('Please fill in all required fields (Name, Phone, Service and Project Details)');\n return;\n }\n\n const emailText = email.value ? `%0A*Email:* ${email.value}` : '';\n const whatsappMessage = `Hello Evipro! I would like to request a quote for your services.%0A%0A*Name:* ${name.value}${emailText}%0A*Phone:* ${phone.value}%0A*Service:* ${service.value}%0A*Project Details:* ${message.value}`;\n\n window.open(`https:\/\/wa.me\/263773711577?text=${whatsappMessage}`, '_blank');\n\n this.reset();\n }\n });\n }\n\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function(e) {\n e.preventDefault();\n \n const targetId = this.getAttribute('href');\n if (targetId === '#') return;\n \n const targetElement = document.querySelector(targetId);\n if (targetElement) {\n window.scrollTo({\n top: targetElement.offsetTop - 80,\n behavior: 'smooth'\n });\n }\n });\n });\n\n window.addEventListener('scroll', () => {\n let current = '';\n const sections = document.querySelectorAll('section');\n \n sections.forEach(section => {\n const sectionTop = section.offsetTop;\n const sectionHeight = section.clientHeight;\n if (scrollY >= (sectionTop - 100)) {\n current = section.getAttribute('id');\n }\n });\n \n document.querySelectorAll('.nav-link').forEach(link => {\n link.classList.remove('active');\n if (link.getAttribute('href') === `#${current}`) {\n link.classList.add('active');\n }\n });\n });\n\n document.addEventListener('DOMContentLoaded', function() {\n const images = document.querySelectorAll('img');\n images.forEach(img => {\n img.addEventListener('error', function() {\n this.style.display = 'none';\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Evipro | Professional Security Solutions Home Features Services Testimonials Contact Secure Your World with Evipro At Evipro, we believe that true success is built on a foundation of trust and exceptional delivery. Our team is passionate about transforming visions into tangible realities, whether it’s a secure gate, a beautifully tiled floor, a complete construction project, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>- Eviproprojects<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/eviproprojects.co.zw\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- Eviproprojects\" \/>\n<meta property=\"og:description\" content=\"Evipro | Professional Security Solutions Home Features Services Testimonials Contact Secure Your World with Evipro At Evipro, we believe that true success is built on a foundation of trust and exceptional delivery. Our team is passionate about transforming visions into tangible realities, whether it’s a secure gate, a beautifully tiled floor, a complete construction project, […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/eviproprojects.co.zw\/\" \/>\n<meta property=\"og:site_name\" content=\"Eviproprojects\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-05T14:31:02+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/eviproprojects.co.zw\/\",\"url\":\"https:\/\/eviproprojects.co.zw\/\",\"name\":\"- Eviproprojects\",\"isPartOf\":{\"@id\":\"https:\/\/eviproprojects.co.zw\/#website\"},\"datePublished\":\"2025-11-28T14:35:30+00:00\",\"dateModified\":\"2026-03-05T14:31:02+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/eviproprojects.co.zw\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/eviproprojects.co.zw\/#website\",\"url\":\"https:\/\/eviproprojects.co.zw\/\",\"name\":\"Eviproprojects\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/eviproprojects.co.zw\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/eviproprojects.co.zw\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/eviproprojects.co.zw\/#organization\",\"name\":\"Eviproprojects\",\"url\":\"https:\/\/eviproprojects.co.zw\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eviproprojects.co.zw\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/eviproprojects.co.zw\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_cgzl60cgzl60cgzl.png\",\"contentUrl\":\"https:\/\/eviproprojects.co.zw\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_cgzl60cgzl60cgzl.png\",\"width\":864,\"height\":1184,\"caption\":\"Eviproprojects\"},\"image\":{\"@id\":\"https:\/\/eviproprojects.co.zw\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"- Eviproprojects","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/eviproprojects.co.zw\/","og_locale":"en_US","og_type":"article","og_title":"- Eviproprojects","og_description":"Evipro | Professional Security Solutions Home Features Services Testimonials Contact Secure Your World with Evipro At Evipro, we believe that true success is built on a foundation of trust and exceptional delivery. Our team is passionate about transforming visions into tangible realities, whether it’s a secure gate, a beautifully tiled floor, a complete construction project, […]","og_url":"https:\/\/eviproprojects.co.zw\/","og_site_name":"Eviproprojects","article_modified_time":"2026-03-05T14:31:02+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/eviproprojects.co.zw\/","url":"https:\/\/eviproprojects.co.zw\/","name":"- Eviproprojects","isPartOf":{"@id":"https:\/\/eviproprojects.co.zw\/#website"},"datePublished":"2025-11-28T14:35:30+00:00","dateModified":"2026-03-05T14:31:02+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/eviproprojects.co.zw\/"]}]},{"@type":"WebSite","@id":"https:\/\/eviproprojects.co.zw\/#website","url":"https:\/\/eviproprojects.co.zw\/","name":"Eviproprojects","description":"","publisher":{"@id":"https:\/\/eviproprojects.co.zw\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/eviproprojects.co.zw\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/eviproprojects.co.zw\/#organization","name":"Eviproprojects","url":"https:\/\/eviproprojects.co.zw\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eviproprojects.co.zw\/#\/schema\/logo\/image\/","url":"https:\/\/eviproprojects.co.zw\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_cgzl60cgzl60cgzl.png","contentUrl":"https:\/\/eviproprojects.co.zw\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_cgzl60cgzl60cgzl.png","width":864,"height":1184,"caption":"Eviproprojects"},"image":{"@id":"https:\/\/eviproprojects.co.zw\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/eviproprojects.co.zw\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eviproprojects.co.zw\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eviproprojects.co.zw\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eviproprojects.co.zw\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eviproprojects.co.zw\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":9,"href":"https:\/\/eviproprojects.co.zw\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":28,"href":"https:\/\/eviproprojects.co.zw\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/28"}],"wp:attachment":[{"href":"https:\/\/eviproprojects.co.zw\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}