Rehan12345678/Securetronics
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8" />5 <meta name="viewport" content="width=device-width, initial-scale=1" />6 <meta name="description" content="Securetronics — CCTV, Video Door Phones, Biometrics & Access Control | Sales, Installation & AMC in Mumbai" />7 <title>Securetronics | CCTV, Video Door Phone, Biometric & Access Control</title>8 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>9 <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap" rel="stylesheet">10 <link rel="stylesheet" href="styles.css" />11</head>12<body>13<a href="#home" class="skip-link">Skip to content</a>14 15<header class="site-header">16 <div class="container header-container">17 <a href="#home" class="brand"><span class="brand-text">Securetronics</span></a>18 <nav class="site-nav" aria-label="Main navigation">19 <ul>20 <li><a href="#home">Home</a></li>21 <li><a href="#solutions">Solutions</a></li>22 <li><a href="#products">Products</a></li>23 <li><a href="#projects">Projects</a></li>24 <li><a href="#brands">Brands</a></li>25 <li><a href="#services">Services</a></li>26 <li><a href="#contact" class="btn btn-primary">Enquire Now</a></li>27 </ul>28 </nav>29 <button id="mobileMenuBtn" class="mobile-toggle" aria-label="Toggle navigation">☰</button>30 </div>31</header>32 33<main id="home">34 <!-- HERO -->35 <section class="hero">36 <div class="container hero-inner">37 <h1 class="hero-title">Secure<span class="accent">tronics</span></h1>38 <p class="hero-sub">CCTV, Video Door Phones, Biometrics & Access Control — sales, installation, and AMC across Mumbai for homes, retail, and corporate.</p>39 <div class="hero-ctas">40 <a href="#contact" class="btn btn-primary btn-lg">Get Free Site Survey</a>41 <a href="#solutions" class="btn btn-outline btn-lg">Explore Solutions</a>42 </div>43 <ul class="hero-points">44 <li>On-site survey and proposal</li>45 <li>Certified installation team</li>46 <li>AMC & priority support</li>47 </ul>48 </div>49 </section>50 51 <!-- SOLUTIONS -->52 <section id="solutions" class="section">53 <div class="container">54 <h2 class="section-title">Solutions</h2>55 <div class="cards">56 <div class="card"><h3>📹 CCTV Surveillance</h3><p>HD/4K cameras, indoor/outdoor, remote alerts</p></div>57 <div class="card"><h3>🚪 Video Door Phones</h3><p>Hands‑free intercom with secure door release</p></div>58 <div class="card"><h3>🧬 Biometric Access</h3><p>Fingerprint/Face ID, logs & attendance</p></div>59 <div class="card"><h3>🕸️ Networking & Cabling</h3><p>PoE, structured cabling, VLAN setup</p></div>60 </div>61 </div>62 </section>63 64 <!-- PRODUCTS -->65 <section id="products" class="section">66 <div class="container">67 <h2 class="section-title">Products</h2>68 <p class="section-lead">Quality systems from trusted brands.</p>69 <div class="product-grid">70 <div class="product-card">71 <div class="product-media placeholder"><span class="ph-text">Image coming soon</span></div>72 <div class="product-body">73 <h3>HD Dome CCTV Camera</h3>74 <p>Indoor/Outdoor, night vision, remote viewing</p>75 <span class="product-brand">Hikvision / CP Plus / Dahua</span>76 </div>77 </div>78 <div class="product-card">79 <div class="product-media placeholder"><span class="ph-text">Image coming soon</span></div>80 <div class="product-body">81 <h3>Video Door Phone</h3>82 <p>Multi-apartment intercom with secure entry</p>83 <span class="product-brand">CP Plus / Hikvision</span>84 </div>85 </div>86 </div>87 </div>88 </section>89 90 <!-- PROJECTS -->91 <section id="projects" class="section alt">92 <div class="container">93 <h2 class="section-title">Recent Projects</h2>94 <div class="project-grid">95 <div class="project"><h3>Residential Society</h3><p>16-camera coverage, mobile view</p></div>96 <div class="project"><h3>Retail Store</h3><p>CCTV + VDP for store security</p></div>97 <div class="project"><h3>Corporate Office</h3><p>Biometric access with logs</p></div>98 </div>99 </div>100 </section>101 102 <!-- BRANDS (uses your uploaded logos) -->103 <section id="brands" class="section">104 <div class="container">105 <h2 class="section-title">Brands We Work With</h2>106 <div class="brand-row">107 <img src="Honeywell-logo.jpg" alt="Honeywell logo" class="brand-logo">108 <img src="dahua-logo-png_seeklogo-249947.jpg" alt="Dahua logo" class="brand-logo">109 <img src="cp-logo-jpg.jpg" alt="CP Plus logo" class="brand-logo">110 <img src="hikvision-logo-500x500.jpg" alt="Hikvision logo" class="brand-logo">111 </div>112 </div>113 </section>114 115 <!-- SERVICES -->116 <section id="services" class="section">117 <div class="container">118 <h2 class="section-title">Services</h2>119 <div class="services-grid">120 <div class="service"><h3>Sales & Installation</h3><p>Certified install, test & training</p></div>121 <div class="service"><h3>AMC & Maintenance</h3><p>Annual maintenance, priority support</p></div>122 <div class="service"><h3>Site Survey & Proposal</h3><p>Coverage plan, transparent quote</p></div>123 <div class="service"><h3>Upgrades & Integration</h3><p>Expand or integrate systems</p></div>124 </div>125 </div>126 </section>127 128 <!-- CONTACT (kept) -->129 <section id="contact" class="section contact">130 <div class="container contact-grid">131 <div>132 <h2 class="section-title">Contact</h2>133 <p>Serving Mumbai and nearby areas. Get a free site survey.</p>134 <h3>Office Address</h3>135 <address class="contact-address">136 Securetronics Solutions,<br>137 2B-23, 2nd Floor Phoenix Paragon Plaza,<br>138 Phoenix Marketcity, LBS Rd,<br>139 Kurla West, Mumbai, Maharashtra 400070140 </address>141 <ul class="contact-list">142 <li>Mob: <a href="tel:+919819042124">+91-9819042124</a> | <a href="tel:+917738741801">+91-7738741801</a> | <a href="tel:+919011350319">+91-9011350319</a></li>143 <li>WhatsApp: <a href="https://wa.me/+919819042124" target="_blank" rel="noopener">+91-9819042124</a></li>144 <li>Email: <a href="mailto:securetronics21@gmail.com">securetronics21@gmail.com</a> | <a href="mailto:info@securetronics.co.in">info@securetronics.co.in</a></li>145 <li>Web: <a href="https://www.securetronics.co.in" target="_blank" rel="noopener">www.securetronics.co.in</a></li>146 </ul>147 </div>148 149 <form id="contactForm" class="card form-card" aria-label="Contact form">150 <div class="form-row">151 <input type="text" name="name" placeholder="Your Name" required />152 <input type="tel" name="phone" placeholder="Phone Number" required />153 </div>154 <input type="email" name="email" placeholder="Email" required />155 <select name="service" aria-label="Select service">156 <option value="">Select Service</option>157 <option value="cctv">CCTV Surveillance</option>158 <option value="vdp">Video Door Phone</option>159 <option value="biometric">Biometric/Access Control</option>160 <option value="networking">Networking & Cabling</option>161 </select>162 <textarea name="message" rows="4" placeholder="Tell us about your site..." required></textarea>163 <button type="submit" class="btn btn-primary btn-lg">Request Proposal</button>164 </form>165 </div>166 </section>167</main>168 169<!-- FOOTER (contact info removed as requested) -->170<footer class="site-footer">171 <div class="container footer-grid">172 <div>173 <div class="footer-brand">Securetronics</div>174 <p>CCTV, Video Door Phone, Biometrics & Access Control | Sales, Installation & AMC</p>175 </div>176 <div>177 <h4>Quick Links</h4>178 <ul>179 <li><a href="#solutions">Solutions</a></li>180 <li><a href="#products">Products</a></li>181 <li><a href="#projects">Projects</a></li>182 <li><a href="#brands">Brands</a></li>183 <li><a href="#services">Services</a></li>184 <li><a href="#contact">Enquire</a></li>185 </ul>186 </div>187 </div>188</footer>189 190<script src="main.js"></script>191</body>192</html>193