LGAWebSite/contactUs.html at main · DigitalD0t/LGAWebSite · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html>
  <head>
    <title>Servicios</title>
    <meta http="contect-type" content="text/html;" charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
    <link rel="icon" href="img/imagotipoWhite.png" />
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">
    <link rel="stylesheet" href="css/monStylo.css">
  </head>
  <body>
    <nav class="navigation">
    <div class="logo">
      <img src="img/logoWhite.png" width="60%" height="70%">
      </div>
      <div class="iz">
        <div class="service">
          <a href="index.html"><i class="fas fa-hands"></i> <span>Servicios</span></a>
        </div>
        <div class="contact">
          <a href="#" class="active"><i class="far fa-handshake"> </i> <span>Contáctanos</span></a>
        </div>
        <div class="galery">
        <a href="#"><i class="far fa-images"></i> <span>Galeria</span></a>
        </div>
        <div class="clients">
          <a href="clients.html"><i class="far fa-copyright"></i> <span>Clientes</span></a>
        </div>
        <div class="whoWeAre">
          <a href="aboutUs.html"><i class="fas fa-question"> </i> <span>Acerca de...</span></a>
        </div>
      </div>
    </nav>
    <hr />
    <div class="containerContact">
      <h1 class="desk">Equipo de logística</h1>
      <div class="lgstTeam">
      <h1 class="mobile">Equipo <br />de<br /> logística</h1>
      <div class="nnc">
        <img src="img/profile.jpg"/>
        <h3>Nancy Estrada</h3>
        <h5>Administrador</h5>
        <span><i class="far fa-envelope"></i><a href="mailto:nancyestrada@logisticaga.com.mx"> nancyestrada@logisticaga.com.mx</a></span>
      </div>
      <div class="jspht">
        <img src="img/profile.jpg" />
        <h3>Josafat Galicia</h3>
        <h5>Coordinador Operativo</h5>
        <span><i class="far fa-envelope"></i><a href="mailto:josafatgalicia@logisticaga.com.mx"> josafatgalicia@logisticaga.com.mx</a></span>
      </div>
      <div class="mrln">
      <img src="img/profile.jpg">
      <h3>Marlene Hernandez</h3>
      <h5>Facturación</h5>
      <span><i class="far fa-envelope"></i><a href="mailto:marlenehernandez@logisticaga.com.mx"> marlenehernandez@logisticaga.com.mx</a></span>
      </div>
      <div class="dnl">
      <img src="img/profile.jpg">
      <h3>Daniel Galicia</h3>
      <h5>Director General</h5>
      <span><i class="far fa-envelope"></i><a href="mailto:danielgalicia@logisticaga.com.mx"> danielgalicia@logisticaga.com.mx</a></span>
      </div>
      </div>
      <hr />
      <div class="db">
        <h1 style="margin:30px 0px 100px 0px;"> Contactanos</h1>
      <form>
      <input type="text" name="name" spaceholder="Pablo Garcia"><br/>
      <label for="name">Nombre</label><br/>
      <input type="mail" name="mail" spaceholder="email@anydomain"><br/>
      <label for="mail">Correo</label><br/>
      <input type="text" maxlength="10"><br/>
      <label for="phone">Teléfono</label><br /><br />
      <button class="send"><i class="fas fa-paper-plane"></i> Enviar</button>
      <button class="cancel"><i class="fas fa-trash-alt"></i> Cancelar</button>
      </form>
      </div>
    </div>
    <hr />


    <footer>
      <div class="we">
        <p>
          Logistica GA &reg<br />
          Calle 25 Col. Prohogar,<br />
          Alcaldía Azcapotzalco,<br />
          CDMX, C.P. 02600<br />
          version D.1.0.1
        </p>
      </div>
      <div class="pNt">
        <div class="politics">
          <a href="politics.html" target="_blank">Políticas de Privacidad.</a>
        </div>
        <div class="terms">
          <a href="terms.html" target="_blank">Términos y Condiciones.</a>
        </div>
      </div>
      <div class="socials">
        <div class="title">
           <p>Encuentranos en:</p>
        </div>
        <div class="face">
          <a href="https://www.facebook.com/LogistiqueGA" target="_blank"><i class="fab fa-facebook"></i></a>
        </div>
        <div class="ins">
          <a href="https://www.instagram.com/LogistiqueGA" target="_blank"><i class="fab fa-instagram"></i></a>
        </div>
        <div class="link">
          <a href="https://www.linkedin.com/company/logisatica-ga" target="_blank"><i class="fab fa-linkedin"></i></a>
        </div>
        <div class="youtube">
          <a href="https://www.youtube.com/channel/UCZPkhOXI_9HYifB3QXXTvPg" target="_blank"><i class="fab fa-youtube"></i></a>
        </div>
        <div class="wpp">
          <a href="https://api.whatsapp.com/send?phone=5215514267190" target="_blank"><i class="fab fa-whatsapp"></i></a>
        </div>
      </div>
    </footer>
  </body>
</html>