-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
#7. Add the all structure of view contacto - contact to contacto.njk
- Loading branch information
1 parent
bacbcad
commit da2e362
Showing
1 changed file
with
79 additions
and
3 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,11 +1,87 @@ | ||
{% extends "partials/base.njk" %} | ||
|
||
{% block meta %} | ||
<title>Contacto</title> | ||
<title>Contacto</title> | ||
{% endblock %} | ||
|
||
{% block content %} | ||
<div> | ||
<h1>Contacto</h1> | ||
<div> | ||
<div class="contact-content"> | ||
<div class="contact-form-section helvetica-neue-medium"> | ||
<div class="contact-title-container"> | ||
<h1 class="contact-title helvetica-neue-bold">Contáctanos</h1> | ||
<div class="red-decorator"></div> | ||
</div> | ||
<div class="contact-description-container"> | ||
<span class="contact-description">Déjanos tus datos y nos pondremos en contacto.</span> | ||
</div> | ||
<form name="contact-form"> | ||
<div class="contact-form-contents"> | ||
<label class="contact-form-labels">*Nombre</label> | ||
<input class="contact-form-inputs" type="text" name="name" required> | ||
</div> | ||
<div class="contact-form-contents"> | ||
<label class="contact-form-labels">*Correo electrónico</label> | ||
<input class="contact-form-inputs" type="text" name="email" required> | ||
</div> | ||
<div class="contact-form-contents"> | ||
<label class="contact-form-labels">Empresa</label> | ||
<input class="contact-form-inputs" type="text" name="company"> | ||
</div> | ||
<div class="contact-form-contents"> | ||
<label class="contact-form-labels">*Teléfono</label> | ||
<input class="contact-form-inputs" type="text" name="phone" required> | ||
</div> | ||
<div class="contact-form-contents"> | ||
<label class="contact-form-labels">Cuéntanos tu necesidad</label> | ||
<textarea class="contact-form-textarea" name="comments" placeholder="Escribe aquí..."></textarea> | ||
</div> | ||
<button class="dimsa-button" type="submit">enviar</button> | ||
</form> | ||
</div> | ||
<div class="contact-panel"> | ||
<div class="contact-panel-title-container"> | ||
<h1 class="contact-panel-title">Encuéntranos</h1> | ||
</div> | ||
<a href="https://goo.gl/maps/RoPX4roCkkG2" target="_blank"> | ||
<div class="contact-panel-contents"> | ||
<div class="contact-panel-icon-container"> | ||
<img class="contact-panel-icon" src="img/icons/icon-location.png"> | ||
</div> | ||
<span class="contact-panel-description">Calle Lebrija No 151<br>Col. Cerro de la Estrella<br>Del. Iztapalapa, CDMX<br>c.p. 09860</span> | ||
</div> | ||
</a> | ||
<div class="contact-panel-contents"> | ||
<div class="contact-panel-icon-container"> | ||
<img class="contact-panel-icon" src="img/icons/icon-phone.png"> | ||
</div> | ||
<span class="contact-panel-description">54. 26. 52. 08</span> | ||
</div> | ||
<div class="contact-panel-contents"> | ||
<div class="contact-panel-icon-container"> | ||
<img class="contact-panel-icon" src="img/icons/icon-mail.png"> | ||
</div> | ||
<span class="contact-panel-description">informes@dim-sa.com.mx</span> | ||
</div> | ||
<div class="contact-panel-contents"> | ||
<div class="contact-panel-icon-container"> | ||
<img class="contact-panel-icon" src="img/icons/icon-clock.png"> | ||
</div> | ||
<span class="contact-panel-description">Horario de atención<br>De 9:00am a 6:00pm</span> | ||
</div> | ||
<a href="https://www.facebook.com/DIMSA-176436996437469/" target="_blank"> | ||
<div class="contact-panel-contents"> | ||
<div class="contact-panel-icon-container"> | ||
<img class="contact-panel-icon fb-icon" src="img/icons/icon-fb.png"> | ||
</div> | ||
<span class="contact-panel-description">Facebook DIMSA</span> | ||
</div> | ||
</a> | ||
</div> | ||
</div> | ||
<div class="contact-separator-container"> | ||
<div class="contact-separator-background"></div> | ||
<div class="contact-separator animation"></div> | ||
</div> | ||
</div> | ||
{% endblock %} |