{"id":7,"date":"2025-08-14T11:05:11","date_gmt":"2025-08-14T11:05:11","guid":{"rendered":"http:\/\/localhost\/perro\/?page_id=7"},"modified":"2025-08-14T11:17:41","modified_gmt":"2025-08-14T11:17:41","slug":"perroqueta","status":"publish","type":"page","link":"http:\/\/perroqueta.com\/","title":{"rendered":"Perroqueta"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n PERROQUETA - Roofing Solutions<\/title>\r\n <style>\r\n .land-one {\r\n font-family: 'Segoe UI', sans-serif;\r\n background: #e6f3ff;\r\n }\r\n\r\n .heroi {\r\n background: url(\"http:\/\/arun333.lovestoblog.com\/wp-content\/uploads\/2025\/08\/Perroqueta_Banner_Aug2025-2912-x-1632-px-scaled.png\") center no-repeat;\r\n background-size: cover;\r\n position: relative;\r\n padding: 160px 5% 40px;\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n box-sizing: border-box;\r\n max-height: 800px;\r\n }\r\n\r\n .navbar {\r\n position: absolute;\r\n top: 20px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n width: 90%;\r\n padding: 18px 40px;\r\n background: white;\r\n border-radius: 12px;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.1);\r\n z-index: 10;\r\n }\r\n\r\n .navbar-left img {\r\n height: 32px;\r\n }\r\n\r\n .btn-orange {\r\n background: #f87b24;\r\n color: white;\r\n padding: 8px 16px;\r\n border-radius: 6px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n cursor: pointer;\r\n }\r\n\r\n .heroi-text {\r\n position: absolute;\r\n top: 140px;\r\n left: 60px;\r\n color: #333;\r\n }\r\n\r\n .heroi-text h1 {\r\n font-size: 2.5rem;\r\n color: #f87b24;\r\n margin-left: 20px;\r\n }\r\n\r\n .heroi-text p {\r\n font-size: 1.1rem;\r\n color: #333;\r\n margin-left: 20px;\r\n margin-top: -10px;\r\n }\r\n\r\n .flex-wrapper {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n gap: 40px;\r\n }\r\n\r\n .content-box {\r\n background: rgba(255,255,255,0.9);\r\n padding: 24px;\r\n border-radius: 12px;\r\n width: 70%;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n color: #333;\r\n margin-right: 100px;\r\n margin-top: 150px;\r\n }\r\n\r\n .content-box h3 {\r\n color: #f87b24;\r\n font-size: 2rem;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .content-box p {\r\n font-size: 0.95rem;\r\n line-height: 1.5;\r\n }\r\n\r\n .form-boxi {\r\n background: white;\r\n padding: 30px;\r\n border-radius: 16px;\r\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);\r\n width: 600px;\r\n }\r\n\r\n .form-boxi h2 {\r\n background: #f87b24;\r\n color: white;\r\n text-align: center;\r\n padding: 16px;\r\n border-top-left-radius: 12px;\r\n border-top-right-radius: 12px;\r\n margin: -30px -30px 20px -30px;\r\n font-size: 1.2rem;\r\n }\r\n\r\n .form-boxi label {\r\n display: block;\r\n margin-bottom: 6px;\r\n font-size: 0.9rem;\r\n color: #444;\r\n }\r\n\r\n .form-boxi input,\r\n .form-boxi select {\r\n width: 100%;\r\n padding: 10px;\r\n margin-bottom: 16px;\r\n border: 1px solid #ccc;\r\n border-radius: 4px;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .form-boxi button {\r\n width: 100%;\r\n background: #f87b24;\r\n color: white;\r\n padding: 12px;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n border: none;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n }\r\n\r\n .form-boxi button:hover {\r\n background: #e06f1f;\r\n }\r\n\r\n .mobile-image {\r\n display: none;\r\n }\r\n\r\n \/* ---------- Mobile Styles ---------- *\/\r\n @media (max-width: 768px) {\r\n .land-one {\r\n background: white;\r\n }\r\n\r\n .navbar {\r\n height: 55px;\r\n }\r\n\r\n #logu {\r\n margin-top: -5px;\r\n margin-left: -20px;\r\n }\r\n\r\n .navbar-left {\r\n height: 28px;\r\n }\r\n\r\n .navbar-center,\r\n .navbar-right {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .navbar-center a {\r\n margin: 0 12px;\r\n font-weight: 500;\r\n }\r\n\r\n .heroi {\r\n flex-direction: column;\r\n align-items: center;\r\n padding: 200px 0 40px;\r\n background: none;\r\n }\r\n\r\n .heroi-text {\r\n display: none;\r\n }\r\n\r\n .mobile-image {\r\n display: block;\r\n text-align: center;\r\n margin-bottom: -50px;\r\n }\r\n\r\n .mobile-image img {\r\n width: 100%;\r\n max-width: 400px;\r\n }\r\n\r\n .flex-wrapper {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .form-boxi {\r\n width: 100%;\r\n max-width: 300px;\r\n padding: 24px;\r\n border-radius: 12px;\r\n box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);\r\n margin-bottom: -50px;\r\n }\r\n\r\n .form-boxi h2 {\r\n font-size: 1.2rem;\r\n padding: 12px;\r\n margin: -24px -24px 20px -24px;\r\n border-top-left-radius: 8px;\r\n border-top-right-radius: 8px;\r\n }\r\n\r\n .content-box {\r\n width: 90%;\r\n max-width: 300px;\r\n display: none;\r\n margin-bottom: 20px;\r\n }\r\n }\r\n\r\n \/* ---------- Tablet Styles (New) ---------- *\/\r\n @media (min-width: 769px) and (max-width: 1024px) {\r\n .heroi {\r\n flex-direction: column;\r\n padding: 140px 5% 40px;\r\n background-size: contain;\r\n }\r\n\r\n .heroi-text {\r\n display: none;\r\n }\r\n\r\n .mobile-image {\r\n display: block;\r\n text-align: center;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .mobile-image img {\r\n width: 100%;\r\n max-width: 400px;\r\n }\r\n\r\n .flex-wrapper {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .form-boxi,\r\n .content-box {\r\n width: 90%;\r\n max-width: 500px;\r\n margin: 0 auto 24px auto;\r\n display: block;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"land-one\">\r\n <div class=\"heroi\">\r\n <div class=\"navbar\">\r\n <div class=\"navbar-left\">\r\n <img decoding=\"async\" id=\"logu\" src=\"http:\/\/arun333.lovestoblog.com\/wp-content\/uploads\/2025\/07\/ca1e3424a81d78976f9ddacb2acdf817556b8dfc.png\" alt=\"Logo\">\r\n <\/div>\r\n <div class=\"navbar-right\">\r\n <a href=\"#\" class=\"btn-orange\">Get Quote<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mobile-image\">\r\n <img decoding=\"async\" src=\"http:\/\/arun333.lovestoblog.com\/wp-content\/uploads\/2025\/08\/Perroqueta_Banner_Aug2025-2912-x-1632-px-scaled.png\" alt=\"Roofing Mobile Visual\" \/>\r\n <\/div>\r\n\r\n <div class=\"flex-wrapper\">\r\n <div class=\"content-box\">\r\n <h3>Built to Last Designed to Impress.<\/h3>\r\n <p>Roofing solutions that stand tall \u2014 from UV-protected UPVC Sheets to premium Stone Coated Tiles.<\/p>\r\n <\/div>\r\n\r\n <div class=\"form-boxi\">\r\n <h2 id=\"gt\">Get Your Free Quote Today!<\/h2>\r\n <form>\r\n <label for=\"name\">Name *<\/label>\r\n <input type=\"text\" id=\"name\" placeholder=\"Your Name\" required>\r\n\r\n <label for=\"email\">Email *<\/label>\r\n <input type=\"email\" id=\"email\" placeholder=\"Your Email\" required>\r\n\r\n <label for=\"phone\">Phone *<\/label>\r\n <input type=\"tel\" id=\"phone\" placeholder=\"Your Phone\" required>\r\n\r\n <label for=\"project\">Project Type *<\/label>\r\n <select id=\"project\" required>\r\n <option value=\"\">Select Project Type<\/option>\r\n <option>Commercial<\/option>\r\n <option>Residential<\/option>\r\n <option>Industrial<\/option>\r\n <\/select>\r\n\r\n <label for=\"area\">Required Area (in Sq. Ft)<\/label>\r\n <input type=\"text\" id=\"area\" placeholder=\"e.g., 5000\">\r\n\r\n <button type=\"submit\">Get a Quote<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a7e4204 e-con-full e-flex e-con e-parent\" data-id=\"a7e4204\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9609cf2 elementor-widget elementor-widget-html\" data-id=\"9609cf2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Why Choose Perroqueta<\/title>\r\n <style>\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n \r\n; }\r\n\r\n .seclandi {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n background: linear-gradient(to bottom right, #ffffff, #fff6e3);\r\n color: #111;\r\n }\r\n\r\n .sectiondi {\r\n padding: 30px 20px;\r\n max-width: 1200px;\r\n margin: auto;\r\n text-align: center;\r\n }\r\n\r\n .sectiondi h2 {\r\n font-size: 2rem;\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .sectiondi p.subtitle {\r\n font-size: 1rem;\r\n font-weight: 500;\r\n color: #333;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .cardsdi {\r\n display: flex;\r\n gap: 24px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .carddi {\r\n background-color: #e47330;\r\n color: white;\r\n border-radius: 12px;\r\n padding: 20px 24px;\r\n flex: 1 1 280px;\r\n max-width: 320px;\r\n min-width: 260px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);\r\n transition: transform 0.2s;\r\n }\r\n\r\n .carddi:hover {\r\n transform: translateY(-4px);\r\n }\r\n\r\n .carddi-content {\r\n text-align: left;\r\n }\r\n\r\n .carddi strong {\r\n display: block;\r\n font-size: 1.05rem;\r\n font-weight: 600;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .carddi small {\r\n font-size: 0.85rem;\r\n line-height: 1.4;\r\n display: block;\r\n }\r\n\r\n .carddi-icon {\r\n width: 36px;\r\n height: 36px;\r\n margin-left: 12px;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .sectiondi h2 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .cardsdi {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .carddi {\r\n max-width: 100%;\r\n width: 100%;\r\n flex-direction: row;\r\n padding: 20px;\r\n max-height: 100px\r\n }\r\n\r\n .carddi-icon {\r\n width: 32px;\r\n height: 32px;\r\n margin-left: 16px;\r\n }\r\n\r\n .carddi-content strong {\r\n font-size: 1rem;\r\n }\r\n\r\n .carddi-content small {\r\n font-size: 0.8rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"seclandi\">\r\n <section class=\"sectiondi\">\r\n <h2>Why Choose Perroqueta?<\/h2>\r\n <p class=\"subtitle\">Because your roof deserves more than just coverage \u2014 it deserves performance<\/p>\r\n\r\n <div class=\"cardsdi\">\r\n\r\n <!-- Card 1 -->\r\n <div class=\"carddi\">\r\n <div class=\"carddi-content\">\r\n <strong>All-Weather Protection<\/strong>\r\n <small>Built for Indian climates \u2014 rain, sun or storm.<\/small>\r\n <\/div>\r\n <div class=\"carddi-icon\">\r\n <!-- Roof Icon SVG -->\r\n <svg fill=\"#fff\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\">\r\n <path d=\"M20.84 12.03L12 4.6 3.16 12.03a1 1 0 001.28 1.54L5 12.75V20a1 1 0 001 1h3a1 1 0 001-1v-5h4v5a1 1 0 001 1h3a1 1 0 001-1v-7.25l.56.82a1 1 0 001.28-1.54z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 2 -->\r\n <div class=\"carddi\">\r\n <div class=\"carddi-content\">\r\n <strong>Low Maintenance.<\/strong>\r\n <small>Stay worry-free for years with corrosion-free materials.<\/small>\r\n <\/div>\r\n <div class=\"carddi-icon\">\r\n <!-- Check Circle Icon SVG -->\r\n <svg fill=\"#fff\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\">\r\n <path d=\"M12 0a12 12 0 1012 12A12 12 0 0012 0zm5.66 9.17l-6.36 6.36a1 1 0 01-1.41 0l-3.18-3.18a1 1 0 111.41-1.41l2.47 2.47 5.65-5.66a1 1 0 111.41 1.42z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 3 -->\r\n <div class=\"carddi\">\r\n <div class=\"carddi-content\">\r\n <strong>Quick Installation<\/strong>\r\n <small>Engineered for speed, precision, and peace of mind.<\/small>\r\n <\/div>\r\n <div class=\"carddi-icon\">\r\n <!-- User Clock Icon SVG -->\r\n <svg fill=\"#fff\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\">\r\n <path d=\"M17.5 11A5.5 5.5 0 1122 16.5 5.5 5.5 0 0117.5 11zm2.18 6.32l-2.18-1.32V13h1v2.38l1.82 1.1zM10 11a5 5 0 10-5-5 5 5 0 005 5zm-2 2h-.17a7.24 7.24 0 00-5.76 2.83A2 2 0 004 20h7.26A6.95 6.95 0 0110 17.5 7.06 7.06 0 0110.17 17H10z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n<\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-569a01e e-con-full e-flex e-con e-parent\" data-id=\"569a01e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8fd0cf0 elementor-widget elementor-widget-html\" data-id=\"8fd0cf0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>Our Roofing Range<\/title>\r\n <style>\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .thirdlandex {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n background: #fffefb;\r\n color: #111;\r\n }\r\n\r\n .roof-section {\r\n background: linear-gradient(to bottom right, #fff, #fff6e3);\r\n padding: 50px 20px;\r\n text-align: center;\r\n }\r\n\r\n .roof-section h2 {\r\n font-size: 2rem;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .roof-section p.subtitle {\r\n font-size: 1rem;\r\n color: #444;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .roof-products {\r\n display: flex;\r\n gap: 24px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .product-card {\r\n background: #fff;\r\n border-radius: 16px;\r\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\r\n width: 100%;\r\n max-width: 460px;\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n }\r\n\r\n .product-image {\r\n width: 100%;\r\n height: 240px;\r\n overflow: hidden;\r\n }\r\n\r\n .product-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .product-info {\r\n padding: 24px;\r\n text-align: left;\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n }\r\n\r\n .product-info h3 {\r\n font-size: 1.25rem;\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .product-info p {\r\n font-size: 0.95rem;\r\n color: #333;\r\n margin-bottom: 12px;\r\n line-height: 1.5;\r\n }\r\n\r\n .product-info ul {\r\n margin: 0 0 20px;\r\n padding-left: 20px;\r\n }\r\n\r\n .product-info ul li {\r\n font-size: 0.9rem;\r\n margin-bottom: 6px;\r\n color: #444;\r\n }\r\n\r\n .btn-view {\r\n align-self: flex-start;\r\n padding: 10px 18px;\r\n background-color: #f3ebe4;\r\n color: #111;\r\n font-weight: 600;\r\n font-size: 0.875rem;\r\n border-radius: 30px;\r\n text-decoration: none;\r\n transition: background 0.3s ease;\r\n border: 1px solid transparent;\r\n }\r\n\r\n .btn-view:hover {\r\n background-color: #e47330;\r\n color: #fff;\r\n border-color: #e47330;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .roof-products {\r\n flex-direction: row;\r\n }\r\n\r\n .product-card {\r\n flex: 1 1 0;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .roof-products {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .product-card {\r\n max-width: 100%;\r\n }\r\n\r\n .roof-section h2 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .roof-section p.subtitle {\r\n font-size: 0.95rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"thirdlandex\">\r\n <section class=\"roof-section\">\r\n <h2>Our Roofing Range<\/h2>\r\n <p class=\"subtitle\">Perroqueta roofs cover a wide spectrum<\/p>\r\n\r\n <div class=\"roof-products\">\r\n\r\n <!-- UPVC Roofing Sheet -->\r\n <div class=\"product-card\">\r\n <div class=\"product-image\">\r\n <img decoding=\"async\" src=\"https:\/\/arun333.lovestoblog.com\/wp-content\/uploads\/2025\/07\/c1901d61ceccb5f3f2a01a4c9127f3fe2c46250b.png\" alt=\"UPVC Roofing Sheets\" \/>\r\n <\/div>\r\n <div class=\"product-info\">\r\n <div>\r\n <h3>UPVC Roofing Sheets<\/h3>\r\n <p>Engineered for insulation, fire-resistance, and long-term durability.<\/p>\r\n <ul>\r\n <li>Lightweight yet impact-resistant<\/li>\r\n <li>Excellent thermal insulation<\/li>\r\n <li>Corrosion & chemical resistant<\/li>\r\n <\/ul>\r\n <\/div>\r\n <a href=\"#\" class=\"btn-view\">View Product \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Stone-Coated Roofing Tiles -->\r\n <div class=\"product-card\">\r\n <div class=\"product-image\">\r\n <img decoding=\"async\" src=\"http:\/\/arun333.lovestoblog.com\/wp-content\/uploads\/2025\/08\/1-1.png\" alt=\"Stone-Coated Roofing Tiles\" \/>\r\n <\/div>\r\n <div class=\"product-info\">\r\n <div>\r\n <h3>Stone-Coated Roofing Tiles<\/h3>\r\n <p>Modern protection with the beauty of natural stone finish. Long-lasting, noise-insulating, and weatherproof.<\/p>\r\n <ul>\r\n <li>Steel-core strength with stone texture<\/li>\r\n <li>Elegant profiles & vibrant color finishes<\/li>\r\n <li>Fire and hail-resistant<\/li>\r\n <\/ul>\r\n <\/div>\r\n <a href=\"#\" class=\"btn-view\">View Product \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n<\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b821e3 e-con-full e-flex e-con e-parent\" data-id=\"6b821e3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61e6187 elementor-widget elementor-widget-html\" data-id=\"61e6187\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Engineered for Indian Conditions<\/title>\r\n <style>\r\n .engineered {\r\n background: #fff;\r\n }\r\n\r\n .segment {\r\n padding: 30px 20px;\r\n }\r\n\r\n .heading-section {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .heading-section #build {\r\n color: #2563eb;\r\n font-size: 14px;\r\n font-weight: 600;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .heading-section #indian {\r\n font-size: 28px;\r\n font-weight: 800;\r\n color: #111827;\r\n }\r\n\r\n .containerue {\r\n max-width: 1200px;\r\n margin: auto;\r\n position: relative;\r\n }\r\n\r\n .rowue {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 20px;\r\n margin-bottom: 60px;\r\n position: relative;\r\n }\r\n\r\n .cardue {\r\n width: 280px;\r\n min-height: 120px;\r\n background: #fff;\r\n border: 1px solid #eee;\r\n border-radius: 16px;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 14px;\r\n padding: 16px;\r\n z-index: 2;\r\n }\r\n\r\n .iconue {\r\n font-size: 24px;\r\n color: #f97316;\r\n flex-shrink: 0;\r\n }\r\n\r\n .textue {\r\n font-size: 14px;\r\n color: #333;\r\n line-height: 1.4;\r\n }\r\n\r\n .textue #strog {\r\n display: block;\r\n font-size: 15px;\r\n font-weight: 700;\r\n color: #000;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .image {\r\n width: 300px;\r\n height: 180px;\r\n position: absolute;\r\n top: 60px;\r\n z-index: 1;\r\n overflow: hidden;\r\n border-radius: 12px;\r\n }\r\n\r\n .image #hide {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 12px;\r\n }\r\n\r\n .left-image {\r\n left: 0;\r\n margin-left: -75px;\r\n margin-top: -32px;\r\n }\r\n\r\n .right-image {\r\n right: 0;\r\n margin-top: -32px;\r\n margin-right: 30px\r\n }\r\n\r\n \/* Tablet View *\/\r\n @media (max-width: 992px) {\r\n .cardue {\r\n width: 45%;\r\n }\r\n\r\n .rowue {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n }\r\n\r\n \/* \u2705 Mobile View (Preserve Web View Images) *\/\r\n @media (max-width: 576px) {\r\n .heading-section #indian {\r\n font-size: 22px;\r\n }\r\n\r\n .rowue {\r\n flex-direction: column;\r\n gap: 16px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .cardue {\r\n width: 100%;\r\n flex-direction: row;\r\n align-items: flex-start;\r\n padding: 14px 16px;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 16px;\r\n box-shadow: none;\r\n }\r\n\r\n .iconue {\r\n font-size: 22px;\r\n color: #f97316;\r\n margin-top: 25px;\r\n }\r\n\r\n .textue {\r\n font-size: 14px;\r\n line-height: 1.5;\r\n margin-top: 10px;\r\n }\r\n\r\n .textue #strog {\r\n font-size: 14px;\r\n margin-bottom: 2px;\r\n }\r\n\r\n \/* Hide only images on mobile *\/\r\n .image {\r\n display: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"segment\">\r\n <!-- Heading -->\r\n <div class=\"heading-section\">\r\n <p id=\"build\">Built to Outperform 95% of Roofing Alternatives<\/p>\r\n <h2 id=\"indian\">Engineered for Indian Conditions.<\/h2>\r\n <\/div>\r\n\r\n <div class=\"containerue\">\r\n <!-- Row 1 -->\r\n <div class=\"rowue\">\r\n <div class=\"cardue\">\r\n <div class=\"iconue\">\ud83c\udf21\ufe0f<\/div>\r\n <div class=\"textue\">\r\n <strong id=\"strog\">Extreme Weather Protection:<\/strong>\r\n Designed to handle heat, rain, and storms effortlessly\r\n <\/div>\r\n <\/div>\r\n <div class=\"cardue\">\r\n <div class=\"iconue\">\ud83d\udca1<\/div>\r\n <div class=\"textue\">\r\n <strong id=\"strog\">Energy Efficient:<\/strong>\r\n Reduces internal heat by up to 20\u201330%\r\n <\/div>\r\n <\/div>\r\n <div class=\"cardue\">\r\n <div class=\"iconue\">\ud83d\udee0\ufe0f<\/div>\r\n <div class=\"textue\">\r\n <strong id=\"strog\">Maintenance-Free:<\/strong>\r\n Resistant to rust, corrosion, algae, and mold\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Row 2 with Side Images -->\r\n <div class=\"rowue\">\r\n <div class=\"image left-image\">\r\n <img decoding=\"async\" id=\"hide\" src=\"http:\/\/arun333.lovestoblog.com\/wp-content\/uploads\/2025\/08\/werwee.png\" alt=\"Left image\">\r\n <\/div>\r\n\r\n <div class=\"cardue\">\r\n <div class=\"iconue\">\ud83c\udf31<\/div>\r\n <div class=\"textue\">\r\n <strong id=\"strog\">Eco-Friendly Manufacturing:<\/strong>\r\n Materials that are recyclable and free from CFCs.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cardue\">\r\n <div class=\"iconue\">\ud83d\udcd0<\/div>\r\n <div class=\"textue\">\r\n <strong id=\"strog\">Customizable:<\/strong>\r\n Sizes, colors, and profiles to match your building style\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cardue\">\r\n <div class=\"iconue\">\ud83d\udd25<\/div>\r\n <div class=\"textue\">\r\n <strong id=\"strog\">Fire Resistance:<\/strong>\r\n Built with flame-retardant materials that slow the spread of fire\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"image right-image\">\r\n <img decoding=\"async\" src=\"http:\/\/arun333.lovestoblog.com\/wp-content\/uploads\/2025\/08\/Untitled-design-4.png\" alt=\"Right image\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-50a7f72 e-con-full e-flex e-con e-parent\" data-id=\"50a7f72\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75c0117 elementor-widget elementor-widget-html\" data-id=\"75c0117\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Built for Every Kind of Space<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n .built {\r\n background-color: #fffaf3;\r\n color: #111;\r\n }\r\n\r\n .space-section {\r\n padding: 60px 20px;\r\n text-align: center;\r\n }\r\n\r\n .space-section .subtitle {\r\n color: #f97316;\r\n font-size: 14px;\r\n font-weight: 600;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .space-section .title {\r\n font-size: 32px;\r\n font-weight: 800;\r\n color: #111827;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .space-grid {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n max-width: 1200px;\r\n margin: auto;\r\n }\r\n\r\n .space-card {\r\n background-color: #fff;\r\n border: 1px dashed #facc15;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n max-width: 260px;\r\n width: 100%;\r\n text-align: left;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.05);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .space-card:hover {\r\n transform: translateY(-4px);\r\n }\r\n\r\n .space-card img {\r\n width: 100%;\r\n height: 160px;\r\n object-fit: cover;\r\n }\r\n\r\n .space-card-content {\r\n padding: 16px;\r\n }\r\n\r\n .space-card-content h4 {\r\n font-size: 16px;\r\n font-weight: 700;\r\n margin-bottom: 6px;\r\n color: #111;\r\n }\r\n\r\n .space-card-content p {\r\n font-size: 14px;\r\n color: #555;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* Mobile-only grid 2x2 layout *\/\r\n @media (max-width: 768px) {\r\n .space-section {\r\n padding: 40px 16px;\r\n }\r\n\r\n .space-section .title {\r\n font-size: 22px;\r\n line-height: 1.3;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .space-section .subtitle {\r\n font-size: 13px;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .space-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 16px;\r\n max-width: 100%;\r\n margin: auto;\r\n }\r\n\r\n .space-card {\r\n max-width: 100%;\r\n \r\n }\r\n\r\n .space-card-content h4,\r\n .space-card-content p {\r\n text-align: center;\r\n }\r\n\r\n .space-card-content h4 {\r\n font-size: 12px;\r\n }\r\n\r\n .space-card-content p {\r\n font-size: 13px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"built\">\r\n <section class=\"space-section\">\r\n <p class=\"subtitle\">Versatile. Reliable. Built to fit.<\/p>\r\n <h2 class=\"title\">Built for Every Kind of Space<\/h2>\r\n\r\n <div class=\"space-grid\">\r\n <div class=\"space-card\">\r\n <img decoding=\"async\" src=\"http:\/\/arun333.lovestoblog.com\/wp-content\/uploads\/2025\/08\/2cafdae1b6b43c4e9e9306e00f40efa65b8b5fa5.png\" alt=\"Residential Homes\" \/>\r\n <div class=\"space-card-content\">\r\n <h4>Residential Homes<\/h4>\r\n <p>Boosts looks and shields from rain and heat.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"space-card\">\r\n <img decoding=\"async\" src=\"http:\/\/arun333.lovestoblog.com\/wp-content\/uploads\/2025\/08\/30fa5bf79e077e1aecfbca0415c96f35d90f91a1.png\" alt=\"Commercial Buildings\" \/>\r\n <div class=\"space-card-content\">\r\n <h4>Commercial Buildings<\/h4>\r\n <p>Energy-efficient, low-maintenance roofing.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"space-card\">\r\n <img decoding=\"async\" src=\"http:\/\/arun333.lovestoblog.com\/wp-content\/uploads\/2025\/08\/6.png\" alt=\"Industrial Sheds & Warehouses\" \/>\r\n <div class=\"space-card-content\">\r\n <h4>Industrial Sheds & Warehouses<\/h4>\r\n <p>Insulated roofing for temperature control and leak prevention.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"space-card\">\r\n <img decoding=\"async\" src=\"http:\/\/arun333.lovestoblog.com\/wp-content\/uploads\/2025\/08\/5.png\" alt=\"Cold Storage Facilities\" \/>\r\n <div class=\"space-card-content\">\r\n <h4>Cold Storage Facilities<\/h4>\r\n <p>Insulated roofing for temperature control and leak prevention.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14b6133 e-con-full e-flex e-con e-parent\" data-id=\"14b6133\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49eefb1 elementor-widget elementor-widget-html\" data-id=\"49eefb1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Customer Feedback Section<\/title>\r\n <style>\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Epilogue';\r\n }\r\n\r\n \r\n\r\n .feeds {\r\n background-color: #ffffff;\r\n color: #111827;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .feedback-wrapper {\r\n width: 100%;\r\n }\r\n\r\n .feedback-section {\r\n padding: 30px 20px;\r\n text-align: center;\r\n background-color: #fff;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n margin-bottom: -30px\r\n }\r\n\r\n .feedback-section .subtitle {\r\n color: #f97316;\r\n font-size: 14px;\r\n font-weight: 600;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .feedback-section .title {\r\n font-size: 28px;\r\n font-weight: 800;\r\n margin-bottom: 40px;\r\n color: #111827;\r\n }\r\n\r\n .feedback-cards {\r\n display: flex;\r\n gap: 20px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .feedback-card {\r\n background: #fff;\r\n border: 1px solid #f3f4f6;\r\n border-radius: 16px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n padding: 20px;\r\n max-width: 500px;\r\n flex: 1 1 45%;\r\n text-align: left;\r\n }\r\n\r\n .feedback-card img {\r\n width: 120px;\r\n height: 100px;\r\n object-fit: cover;\r\n border-radius: 8px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .feedback-content h4 {\r\n font-size: 16px;\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n color: #000;\r\n }\r\n\r\n .feedback-content p {\r\n font-size: 14px;\r\n color: #444;\r\n margin-bottom: 10px;\r\n line-height: 1.5;\r\n }\r\n\r\n .feedback-content .author {\r\n font-size: 13px;\r\n color: #f97316;\r\n font-weight: 500;\r\n }\r\n\r\n \/* \u2705 MOBILE VIEW ONLY: max-width 576px *\/\r\n @media (max-width: 576px) {\r\n .feedback-section {\r\n padding: 30px 16px;\r\n }\r\n\r\n .feedback-section .title {\r\n font-size: 20px;\r\n font-weight: 800;\r\n margin-bottom: 24px;\r\n line-height: 1.4;\r\n }\r\n\r\n .feedback-section .subtitle {\r\n font-size: 13px;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .feedback-cards {\r\n flex-direction: column;\r\n gap: 16px;\r\n align-items: center;\r\n }\r\n\r\n .feedback-card {\r\n flex-direction: row;\r\n align-items: flex-start;\r\n padding: 16px;\r\n max-width: 100%;\r\n border-radius: 12px;\r\n }\r\n\r\n .feedback-card img {\r\n width: 140px;\r\n height: 180px;\r\n border-radius: 10px;\r\n }\r\n\r\n .feedback-content {\r\n padding-left: 10px;\r\n }\r\n\r\n .feedback-content h4 {\r\n font-size: 15px;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .feedback-content p {\r\n font-size: 11px;\r\n margin-bottom: 6px;\r\n line-height: 1.4;\r\n \r\n }\r\n\r\n .feedback-content .author {\r\n font-size: 12px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"feeds\">\r\n <div class=\"feedback-wrapper\">\r\n <section class=\"feedback-section\">\r\n <p class=\"subtitle\">Hear It from Our Customers<\/p>\r\n <h2 class=\"title\">Feedback from builders, architects, and homeowners<\/h2>\r\n\r\n <div class=\"feedback-cards\">\r\n <!-- Card 1 -->\r\n <div class=\"feedback-card\">\r\n <img decoding=\"async\" src=\"http:\/\/arun333.lovestoblog.com\/wp-content\/uploads\/2025\/08\/WhatsApp-Image-2025-08-05-at-4.31.34-PM.jpeg\" alt=\"Factory\" \/>\r\n <div class=\"feedback-content\">\r\n <h4>Perfect!<\/h4>\r\n <p>\u201cWe used Perroqueta\u2019s UPVC sheets for our warehouse. The temperature dropped significantly inside, and installation was a breeze.\u201d<\/p>\r\n <div class=\"author\">Ravi K., Factory Owner, Coimbatore<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 2 -->\r\n <div class=\"feedback-card\">\r\n <img decoding=\"async\" src=\"http:\/\/arun333.lovestoblog.com\/wp-content\/uploads\/2025\/08\/d73531f325ea05a1f15d4dc07224af8e20a03a68.png\" alt=\"Villa Roof\" \/>\r\n <div class=\"feedback-content\">\r\n <h4>Absolutely fantastic!<\/h4>\r\n <p>\u201cThe stone-coated tiles truly enhance the beauty of our villa. We\u2019ve experienced zero leakage, even during the heavy monsoon rains, which gives us great peace of mind.\u201d<\/p>\r\n <div class=\"author\">Priya S., Architect, Bangalore<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e40eb2 e-con-full e-flex e-con e-parent\" data-id=\"3e40eb2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46cb433 elementor-widget elementor-widget-html\" data-id=\"46cb433\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Roofing Banner<\/title>\r\n <style>\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .lastland {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n background-color: #f9f9f9;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 40px 20px;\r\n }\r\n\r\n .banner {\r\n position: relative;\r\n max-width: 1200px;\r\n width: 100%;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n background-image: url('http:\/\/arun333.lovestoblog.com\/wp-content\/uploads\/2025\/08\/Untitled-design-1.png');\r\n background-size: cover;\r\n background-position: center;\r\n padding: 40px 30px;\r\n color: #111827;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n\r\n .banner h1 {\r\n font-size: 2.2rem;\r\n font-weight: 800;\r\n line-height: 1.4;\r\n color: #111827;\r\n max-width: 70%;\r\n }\r\n\r\n .banner h1 .highlight {\r\n color: #f97316;\r\n }\r\n\r\n .quote-box {\r\n background-color: white;\r\n color: #111;\r\n margin-top: 20px;\r\n padding: 15px 20px;\r\n border-radius: 10px;\r\n font-size: 1rem;\r\n max-width: 320px;\r\n box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .banner {\r\n padding: 30px 20px;\r\n background-position: center;\r\n align-items: flex-start;\r\n }\r\n\r\n .banner h1 {\r\n font-size: 1.6rem;\r\n max-width: 100%;\r\n }\r\n\r\n .quote-box {\r\n font-size: 0.95rem;\r\n max-width: 100%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"lastland\">\r\n <div class=\"banner\">\r\n <h1>Ready to <span class=\"highlight\">Elevate Your Roofing<\/span>?<\/h1>\r\n <div class=\"quote-box\">\r\n Speak to our experts and get a customized quote within 24 hours.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PERROQUETA – Roofing Solutions Get Quote Built to Last Designed to Impress. Roofing solutions that stand tall \u2014 from UV-protected UPVC Sheets to premium Stone Coated Tiles. Get Your Free Quote Today! Name * Email * Phone * Project Type * Select Project TypeCommercialResidentialIndustrial Required Area (in Sq. Ft) Get a Quote Why Choose Perroqueta […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/perroqueta.com\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/perroqueta.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/perroqueta.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/perroqueta.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/perroqueta.com\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":11,"href":"http:\/\/perroqueta.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":30,"href":"http:\/\/perroqueta.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/30"}],"wp:attachment":[{"href":"http:\/\/perroqueta.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}