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.0"> 6 <title>Contact Us - Olevels.com School</title> 7 <meta name="description" content="Get in touch with Olevels.com School. Contact our admission department for Cambridge O-Levels, A-Levels, IGCSE and other international qualifications."> 8 9 10 11 12 <link rel="icon" href="public/lovable-uploads/84582edc-6202-4474-a00f-a5b11456259a.png" type="image/png"> 13 <link rel="stylesheet" href="styles.css"> 14 <link rel="preconnect" href="https://fonts.googleapis.com"> 15 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 16 <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet"> 17</head> 18<body> 19 20<br> 21<br> 22<br> 23 24 <!-- Navigation --> 25 <nav class="navbar"> 26 <div class="container"> 27 <div class="nav-brand"> 28 <img src="public/lovable-uploads/logo.png" alt="Olevels.com" class="logo"> 29 </div> 30 <div class="nav-links"> 31 <a href="index.php">Home</a> 32 <a href="our-philosophy.php">Our Philosophy</a> 33 <a href="faqs.php">FAQs</a> 34 <a href="contact-us.php">Contact Us</a> 35 <a href="https://www.olevels.com/index.php/registration-page/" class="cta-button" style="background-color: #dc2626; border-color: #dc2626; color: white; text-decoration: none; display: inline-block; padding: 12px 24px; border-radius: 6px;">Log In</a> 36 </div> 37 <div class="mobile-menu-toggle" onclick="toggleMobileMenu()"> 38 <span></span> 39 <span></span> 40 <span></span> 41 </div> 42 </div> 43 </nav> 44 45 46 47 48 <!-- Hero Section --> 49 <section style="background: #f8f9fa; padding: 64px 0; text-align: center;"> 50 <div class="container"> 51 <h1 style="font-size: 2.5rem; font-weight: bold; color: #374151; margin-bottom: 16px;"> 52 Contact Us 53 </h1> 54 <div style="display: flex; align-items: center; justify-content: center; gap: 8px; color: #6b7280;"> 55 <span>ð Home</span> 56 <span>»</span> 57 <span>Contact Us</span> 58 </div> 59 </div> 60 </section> 61 62 <!-- Our Locations --> 63 <section style="padding: 80px 0; background: white;"> 64 <div class="container"> 65 <div class="section-header" style="text-align: center; margin-bottom: 60px;"> 66 <h2 style="font-size: 2.5rem; font-weight: 700; color: #333; margin-bottom: 20px;">Our Locations</h2> 67 <p style="font-size: 1.1rem; color: #666;">Visit us at our main campus or study center</p> 68 </div> 69 70 <div class="locations-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px;"> 71 <!-- Main Branch --> 72 <div style="background: white; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.1); transition: transform 0.3s ease;"> 73 <div style="background: linear-gradient(135deg, #cc0000, #ff4444); padding: 30px; color: white;"> 74 <h3 style="font-size: 1.8rem; font-weight: 600; margin-bottom: 10px;">ð« Main Branch (ISB)</h3> 75 <p style="opacity: 0.9;">Primary Campus - Islamabad</p> 76 </div> 77 <div style="padding: 30px;"> 78 <div style="margin-bottom: 20px;"> 79 <h4 style="font-weight: 600; color: #333; margin-bottom: 8px;">ð Address:</h4> 80 <p style="color: #666; line-height: 1.6;">Plot No. 786, Hill View Rd, Imran Khan Chowk, Bani Gala, Islamabad</p> 81 </div> 82 <div style="margin-bottom: 20px;"> 83 <h4 style="font-weight: 600; color: #333; margin-bottom: 8px;">ð Office Hours:</h4> 84 <p style="color: #666;">Monday - Thursday: 9:00 AM - 4:00 PM</p> 85 <p style="color: #666;">
85Friday: 9:00 AM - 1:00 PM</p> 86 <p style="color: #666;">Saturday: 9:00 AM - 4:00 PM</p> 87 </div> 88 <iframe 89 src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3318.5060977071084!2d73.17470767579985!3d33.72172697328321!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x38dfc15b23eaf6e7%3A0xbecfac5ad5a29427!2sOlevels.Com%20School!5e0!3m2!1sen!2s!4v1756624201271!5m2!1sen!2s" 90 width="100%" 91 height="200" 92 style="border:0; border-radius: 10px;" 93 allowfullscreen="" 94 loading="lazy"> 95 </iframe> 96 </div> 97 </div> 98 99 <!-- Study Center --> 100 <div style="background: white; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.1); transition: transform 0.3s ease;"> 101 <div style="background: linear-gradient(135deg, #1F88E5, #1565C0); padding: 30px; color: white;"> 102 <h3 style="font-size: 1.8rem; font-weight: 600; margin-bottom: 10px;">ð Study Center (KHI)</h3> 103 <p style="opacity: 0.9;">Regional Center - Karachi</p> 104 </div> 105 <div style="padding: 30px;"> 106 <div style="margin-bottom: 20px;"> 107 <h4 style="font-weight: 600; color: #333; margin-bottom: 8px;">ð Address:</h4> 108 <p style="color: #666; line-height: 1.6;">Plot No. A-29, 1st Floor, Collachi Cooperative Housing Society, Dalmia Rd, Karachi</p> 109 </div> 110 <div style="margin-bottom: 20px;"> 111 <h4 style="font-weight: 600; color: #333; margin-bottom: 8px;">ð Office Hours:</h4> 112 <p style="color: #666;">Monday - Thursday: 9:00 AM - 4:00 PM</p> 113 <p style="color: #666;">Friday: 9:00 AM - 1:00 PM</p> 114 <p style="color: #666;">Saturday: 9:00 AM - 4:00 PM</p> 115 </div> 116 <iframe 117 src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3618.706988892968!2d67.1007556!3d24.9079744!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3eb3391ce448c53b%3A0xe8128e845aead0da!2sOLevels.com%20Campus!5e0!3m2!1sen!2s!4v1756624302639!5m2!1sen!2s" 118 width="100%" 119 height="200" 120 style="border:0; border-radius: 10px;" 121 allowfullscreen="" 122 loading="lazy"> 123 </iframe> 124 </div> 125 </div> 126 </div> 127 </div> 128 </section> 129 130 131 <!-- Contact Information Section --> 132 <section style="padding: 80px 0; background: #f8f9fa;"> 133 <div class="container"> 134 <div class="section-header" style="text-align: center; margin-bottom: 60px;"> 135 <h2 style="font-size: 2.5rem; font-weight: 700; color: #333; margin-bottom: 20px;">Get In Touch</h2> 136 <p style="font-size: 1.1rem; color: #666; max-width: 600px; margin: 0 auto;">We're here to help you start your journey with Cambridge international qualifications.</p> 137 </div> 138 139 <!-- Quick Contact Methods --> 140 <div class="contact-cards-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-bottom: 60px;"> 141 <div style="background: white; padding: 40px 30px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); text-align: center; transition: transform 0.3s ease; display: flex; flex-direction: column; min-height: 280px;"> 142 <div style="width: 80px; height: 80px; background: linear-gradient(135deg, #cc0000, #ff4444); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; color: white; font-size: 2rem;">ð</div> 143 <h3 style="font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px;">Call Us</h3> 144 <p style="color: #666; margin-bottom: auto; flex-grow: 1;">Speak directly with our admission team</p> 145 <a href="tel:+923185605906" class="primary-button" style="text-decoration: none; margin-top: 20px;">+92 318 5605906</a> 146 </div> 147 148 <div style="background: white; padding: 40px 30px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); text-align: center; transition: transform 0.3s ease; display: flex; flex-direction: column; min-height: 280px;"> 149 <div style="width: 80px; height: 80px; background: linear-gradient(135deg, #25D366, #128C7E); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; color: white; font-size: 2rem;">
149ð¬</div> 150 <h3 style="font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px;">WhatsApp</h3> 151 <p style="color: #666; margin-bottom: auto; flex-grow: 1;">Quick responses via WhatsApp</p> 152 <a href="https://wa.me/923185605906" class="primary-button" style="background: #25D366; text-decoration: none; margin-top: 20px;">Message Us</a> 153 </div> 154 155 <div style="background: white; padding: 40px 30px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); text-align: center; transition: transform 0.3s ease; display: flex; flex-direction: column; min-height: 280px;"> 156 <div style="width: 80px; height: 80px; background: linear-gradient(135deg, #1F88E5, #1565C0); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; color: white; font-size: 2rem;">âï¸</div> 157 <h3 style="font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px;">Email Us</h3> 158 <p style="color: #666; margin-bottom: auto; flex-grow: 1;">Send us your detailed inquiries</p> 159 <a href="/cdn-cgi/l/email-protection#4821262e270827242d3e2d243b662b2725" class="primary-button" style="background: #1F88E5; text-decoration: none; margin-top: 20px;"><span class="__cf_email__" data-cfemail="d2bbbcb4bd92bdbeb7a4b7bea1fcb1bdbf">[email protected]</span></a> 160 </div> 161 </div> 162 </div> 163 </section> 164 165 166 167 168 169 170 <!-- Footer --> 171 <footer style="background: #2c3e50; color: white; padding: 3rem 0 1rem;"> 172 <div class="container"> 173 <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-bottom: 2rem;"> 174 <div> 175 <img src="public/lovable-uploads/96f88a3a-d119-453c-9930-32630bbd5267.png" alt="Olevels.com" style="height: 40px; margin-bottom: 1rem;"> 176 <p style="color: #bdc3c7; line-height: 1.6;">Where love for learning begins. Accelerated Learning with Modern Technology.</p> 177 </div> 178 179 <div> 180 <h4 style="color: white; margin-bottom: 1rem;">Quick Links</h4> 181 <ul style="list-style: none; padding: 0; margin: 0;"> 182 <li style="margin-bottom: 0.5rem;"><a href="index.php" style="color: #bdc3c7; text-decoration: none;">Home</a></li> 183 <li style="margin-bottom: 0.5rem;"><a href="our-philosophy.php" style="color: #bdc3c7; text-decoration: none;">Our Philosophy</a></li> 184 <li style="margin-bottom: 0.5rem;"><a href="faqs.php" style="color: #bdc3c7; text-decoration: none;">FAQs</a></li> 185 <li style="margin-bottom: 0.5rem;"><a href="contact-us.php" style="color: #bdc3c7; text-decoration: none;">Contact Us</a></li> 186 </ul> 187 <br> 188 <h4 style="color: white; margin-bottom: 1rem;">Policies</h4> 189 <ul style="list-style: none; padding: 0; margin: 0;"> 190 <li style="margin-bottom: 0.5rem;"><a href="https://storage.googleapis.com/olevels/2026/06/9b47799b-refund-policy.pdf" style="color: #bdc3c7; text-decoration: none;">Refund Policy</a></li> 191 <li style="margin-bottom: 0.5rem;"><a href="https://storage.googleapis.com/olevels/2026/06/91acad1a-return-cancellation-policy.pdf" style="color: #bdc3c7; text-decoration: none;">Return & Cancellation Policy</a></li> 192 </ul> 193 </div> 194 195 <div> 196 <h4 style="color: white; margin-bottom: 1rem;">Contact Info</h4> 197 <ul style="list-style: none; padding: 0; margin: 0;"> 198 <li style="margin-bottom: 0.5rem;">ð§ <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0e676068614e61626b786b627d206d6163">[email protected]</a></li> 199 <li style="margin-bottom: 0.5rem;">ð± WhatsApp: <a href="https://wa.me/923185605906" target="_blank" style="color: #25D366; text-decoration: none;">+92 318 5605906</a></li> 200 <li style="margin-bottom: 0.5rem;">ð Global Online Access</li> 201 <li style="margin-bottom: 0.5rem;">ð¢ Physical Campuses in Islamabad & Karachi</li> 202 <li style="margin-bottom: 0.5rem;">ð <b>Main Campus - Islamabad</b>: Plot No. 786, Hill View Rd, Imran Khan Chowk, Bani Gala, Islamabad</li> 203 <li style="margin-bottom: 0.5rem;">ð <b>Study Center - Karachi</b>: Plot No. A-29, 1st Floor, Collachi Cooperative Housing Society, Dalmia Rd, Karachi</li> 204 </ul> 205 </div> 206 </div> 207 208 <div style="border-top: 1px solid #34495e; padding-top: 1rem; text-align: center; color: #bdc3c7;"> 209 <p>© 2026 Olevels.com. All rights reserved.</p> 210 </div> 211 </div> 212 </footer> 213 214 215 216 217 <style> 218 219 220 /* Enhanced hover effects */ 221 .contact-card:hover { 222 transform: translateY(-5px); 223 } 224 225 input:focus, textarea:focus, select:focus { 226 border-color: #cc0000 !important; 227 box-shadow: 0 0 0 3px rgba(204, 0, 0, 0.1) !important; 228 } 229 230 button:hover { 231 transform: translateY(-2px); 232 box-shadow: 0 6px 20px rgba(204, 0, 0, 0.4) !important; 233 } 234 235 .location-card:hover { 236 transform: translateY(-5px); 237 } 238 239 @media (max-width: 768px) { 240 .hero h1 { 241 font-size: 2rem !important; 242 } 243 244 .section-header h2 { 245 font-size: 2rem !important; 246 } 247 248 form { 249 padding: 30px !important; 250 } 251 252 .cta-section h2 { 253 font-size: 2rem !important; 254 } 255 256 .contact-cards-grid { 257 grid-template-columns: 1fr !important; 258 gap: 20px !important; 259 padding: 0 15px; 260 } 261 262 .locations-grid { 263 grid-template-columns: 1fr !important; 264 gap: 20px !important; 265 padding: 0 20px; 266 margin: 0 auto; 267 } 268 269 .locations-grid > div { 270 min-width: auto !important; 271 width: 100% !important; 272 margin: 0 auto; 273 max-width: 100%; 274 } 275 276 /* Additional mobile location card styling */ 277 .locations-grid > div > div:first-child { 278 padding: 15px !important; 279 } 280 281 .locations-grid > div > div:first-child h3 { 282 font-size: 1.4rem !important; 283 } 284 285 .locations-grid > div > div:last-child { 286 padding: 15px !important; 287 } 288 289 .locations-grid iframe { 290 height: 150px !important; 291 } 292 } 293 </style>
vendor: 118 bytes, lines 293-295
293 294 295 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
295<script src="script.js"></script>
295 296</body> 297</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.