101 lines
10 KiB
PHP
101 lines
10 KiB
PHP
<section class="con-header">
|
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3622.6692367345922!2d-107.44532304898458!3d24.772527454798077!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x86bcd0e99c9709ab%3A0x67cabc5b60f2d83a!2sDrenax!5e0!3m2!1ses-419!2smx!4v1559760076691!5m2!1ses-419!2smx" width="100%" height="100%" frameborder="0" style="border:0" allowfullscreen></iframe> </section>
|
|
<section class="con-white">
|
|
<div class="con-doble row">
|
|
<div class="col-lg-5 con-doble--left">
|
|
<h4>UBÍCANOS</h4>
|
|
<div class="cont-doble--card">
|
|
<div class="card-tit"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="map-marker-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="svg-inline--fa fa-map-marker-alt fa-w-12 fa-3x"><path fill="currentColor" d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z" class=""></path></svg><strong>Sucursal Culiacán</strong></div>
|
|
<div class="card-bot" id="cln">
|
|
<div><p>Calle Diez #3482 Col. San Rafael
|
|
Culiacán, Sinaloa CP 80150</p>
|
|
<p>Oficina <a href="tel:6677139250">(667) 713 9250/60</a></p>
|
|
<p class="whatsapp"><span></span>WhatsApp: (667) 431 9211</p>
|
|
<p><a href="mainto:atencionaclientes@drenax.mx">atencionaclientes@drenax.mx</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="cont-doble--card">
|
|
<div class="card-tit"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="map-marker-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="svg-inline--fa fa-map-marker-alt fa-w-12 fa-3x"><path fill="currentColor" d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z" class=""></path></svg><strong>Sucursal Los Mochis</strong></div>
|
|
<div class="card-bot" id="mzt">
|
|
<div>
|
|
<p>Blvd. Bienestar No. 973 Col. Toledo
|
|
Corro C. P. 81290
|
|
Los Mochis, Sinaloa
|
|
</p>
|
|
<p>Oficina <a href="tel:6681009191">(668)100 9191</a>
|
|
</p>
|
|
<p class="whatsapp"><span></span>WhatsApp: (668) 162 0261</p>
|
|
<p><a href="mainto:losmochis@drenax.mx">losmochis@drenax.mx</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="cont-doble--card">
|
|
<div class="card-tit"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="map-marker-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="svg-inline--fa fa-map-marker-alt fa-w-12 fa-3x"><path fill="currentColor" d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z" class=""></path></svg><strong>Sucursal Mazatlán</strong></div>
|
|
<div class="card-bot" id="mch">
|
|
<div>
|
|
<p>Oñate L8 Fracc. Corredor de Abastos
|
|
CP 82159 Mazatlán, Sinaloa.
|
|
</p>
|
|
<p>Oficina <a href="tel:6691351212">(669) 135-1212</a>
|
|
</p>
|
|
<p class="whatsapp"><span></span>WhatsApp: (669) 441 4500</p>
|
|
<p><a href="mainto:mazatlan@drenax.mx">mazatlan@drenax.mx</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-7 con-doble--right">
|
|
<div class="cot-card">
|
|
<div id="form-content">
|
|
<h5>¡Mándanos mensaje!</h5>
|
|
<form id="form" action="views/correo.php">
|
|
<label for="name">Nombre</label>
|
|
<input type="text" id="name" name="name" required>
|
|
<label for="tel">Teléfono</label>
|
|
<input type="text" id="tel" name="tel" required>
|
|
<label for="email">Correo</label>
|
|
<input type="email" type="email" id="email" name="email" required>
|
|
<label for="para">Para</label>
|
|
<select id="para" name="para">
|
|
<option value="culiacan">Culiacán</option>
|
|
<option value="mochis">Mazatlán</option>
|
|
<option value="mazatlan">Los Mochis</option>
|
|
</select>
|
|
<label for="tipo">Tipo de servicio</label>
|
|
<div class="radio-buttons">
|
|
<label for="para">Residencial</label>
|
|
<input type="radio" name="tipo" id="tipo" value="res">
|
|
<label for="para">Empresarial</label>
|
|
<input type="radio" name="tipo" id="tipo" value="emp">
|
|
</div>
|
|
<label for="message">Mensaje</label>
|
|
<textarea name="message" id="message" cols="30" rows="10" required></textarea>
|
|
<button id="submit" type="submit" name="submit" class="btn btn-primary btn-sm">Enviar</button>
|
|
</form>
|
|
</div>
|
|
<div class="loader hidden"></div>
|
|
<div id="success" class="hidden">
|
|
<h3>MENSAJE ENVIADO</h3>
|
|
<p>Lo atenderemos lo antes posible</p>
|
|
<button type="button" name="volver" class="btn btn-primary btn-sm btn-volver">Volver</button>
|
|
</div>
|
|
<div id="error" class="hidden">
|
|
<h3>ERROR</h3>
|
|
<p>Intente de nuevo más tarde</p>
|
|
<button type="button" name="volver" class="btn btn-primary btn-sm btn-volver">Volver</button>
|
|
</div>
|
|
</div>
|
|
<h5>O comunícate con nosotros vía:</h5>
|
|
<div class="social-icons">
|
|
<a href="mailto:atencionaclientes@drenax.com.mx"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="envelope" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-envelope fa-w-16 fa-3x"><path fill="currentColor" d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z" class=""></path></svg></a>
|
|
<a href="https://messenger.com/t/drenaxoficial" target="_blank"><svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook-messenger" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-facebook-messenger fa-w-16 fa-3x"><path fill="currentColor" d="M256.55 8C116.52 8 8 110.34 8 248.57c0 72.3 29.71 134.78 78.07 177.94 8.35 7.51 6.63 11.86 8.05 58.23A19.92 19.92 0 0 0 122 502.31c52.91-23.3 53.59-25.14 62.56-22.7C337.85 521.8 504 423.7 504 248.57 504 110.34 396.59 8 256.55 8zm149.24 185.13l-73 115.57a37.37 37.37 0 0 1-53.91 9.93l-58.08-43.47a15 15 0 0 0-18 0l-78.37 59.44c-10.46 7.93-24.16-4.6-17.11-15.67l73-115.57a37.36 37.36 0 0 1 53.91-9.93l58.06 43.46a15 15 0 0 0 18 0l78.41-59.38c10.44-7.98 24.14 4.54 17.09 15.62z" class=""></path></svg></a>
|
|
<a href="https://www.instagram.com/drenaxoficial/" target="_blank"><svg viewBox="0 0 512.00096 512.00096" xmlns="http://www.w3.org/2000/svg" class="svg-inline--fa fa-envelope fa-w-16 fa-3x"><path fill="currentColor" d="m373.40625 0h-234.8125c-76.421875 0-138.59375 62.171875-138.59375 138.59375v234.816406c0 76.417969 62.171875 138.589844 138.59375 138.589844h234.816406c76.417969 0 138.589844-62.171875 138.589844-138.589844v-234.816406c0-76.421875-62.171875-138.59375-138.59375-138.59375zm-117.40625 395.996094c-77.195312 0-139.996094-62.800782-139.996094-139.996094s62.800782-139.996094 139.996094-139.996094 139.996094 62.800782 139.996094 139.996094-62.800782 139.996094-139.996094 139.996094zm143.34375-246.976563c-22.8125 0-41.367188-18.554687-41.367188-41.367187s18.554688-41.371094 41.367188-41.371094 41.371094 18.558594 41.371094 41.371094-18.558594 41.367187-41.371094 41.367187zm0 0"/><path fill="currentColor" d="m256 146.019531c-60.640625 0-109.980469 49.335938-109.980469 109.980469 0 60.640625 49.339844 109.980469 109.980469 109.980469 60.644531 0 109.980469-49.339844 109.980469-109.980469 0-60.644531-49.335938-109.980469-109.980469-109.980469zm0 0"/><path d="m399.34375 96.300781c-6.257812 0-11.351562 5.09375-11.351562 11.351563 0 6.257812 5.09375 11.351562 11.351562 11.351562 6.261719 0 11.355469-5.089844 11.355469-11.351562 0-6.261719-5.09375-11.351563-11.355469-11.351563zm0 0"/></svg></a>
|
|
</div>
|
|
|
|
<div class="con-sucursal">
|
|
<div class="con-sucursal-ban"><p>Sucursal culiacán</p></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> |