Ecommerce_CH24/about.html at develop · CoffeeInDevs/Ecommerce_CH24 · 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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Nosotros</title>

  <!-- Bootstrap 5.3 -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">

  <!-- Estilos CSS generales -->
  <link rel="stylesheet" href="styles/styles.css">

  <!-- Estilos CSS about -->
  <link rel="stylesheet" href="styles/about.css">

  <!-- Iconos bootstrap -->
  <!-- Example: <i class="bi-alarm"></i> -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">

  <!-- iconos font awesome -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">
</head>

<body>

  <!-- div Navbar -->
  <div id="navbar" class="sticky-top"></div>

  <!-- div de titulo -->
  <div class="container container-about">
    <div class="row-title">
      <div class="col">
        <!-- <h3 id="title">CoffeInDevs</h1> -->
        <img src = "./assets/img/logo-cid-blanco.png" id="logo-cid" alt="logo de CoffeInDevs">
        <hr>
        <h5 id="subtitle">Nuestro equipo de desarrolladores web se esfuerza por crear soluciones digitales innovadoras que mejoren la vida de las personas. Nos comprometemos a proporcionar productos y servicios de alta calidad que satisfagan las necesidades de nuestros clientes y superen sus expectativas.</h3>
      </div>
    </div>
  </div>
  <!-- cierre div titulo -->

  <!-- Tarjetas de Participantes -->
  <div class="container container-about">
    <div class="row justify-content-center mt-3">
      <!-- carta de bootstrap Nataly -->
      <div class="col-lg-4 col-md-6 col-sm-12">
        <div class="card">
          <img src="./assets/img/about/nataly.png" class="card-img-top" alt="Imagen Nataly">
          <div class="card-body">
            <h5 class="card-title">Nataly Paulina López Salazar</h5>
            <p class="card-text">Ingeniera en Sistemas Computacionales, amante de la teconologia, amante de los
              videojuegos y del aprendizaje.</p>
          </div>
          <!-- links -->
          <div class="links">
            <span>Links</span>
            <nav>
              <a href="https://github.com/nplopezs" target="_blank"><i class="fab fa-github"></i></a>
              <a href="https://www.linkedin.com/in/nataly-paulina-lopez-salazar/" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
              <a href="https://github.com/nplopezs" target="_blank"><i class="fa-solid fa-link"></i></a>
            </nav>
          </div>
        </div>
      </div>

      <!-- carta de bootstrap Santiago-->
      <div class="col-lg-4 col-md-6 col-sm-12">
        <div class="card">
          <img src="./assets/img/about/santiago.png" class="card-img-top" alt="Imagen Santiago">
          <div class="card-body">
            <h5 class="card-title">Santiago Pérez Cervera</h5>
            <p class="card-text">Licenciado en Ingeniería en sistemas computacionales, con fuertes conocimientos en
              programación, desarollador full stack.
            </p>
          </div>

          <div class="links">
            <span>Links</span>
            <nav>
              <a href="https://github.com/SantiagoPerezCervera" target="_blank"><i class="fab fa-github"></i></a>
              <a href="https://www.linkedin.com/in/santiago-antonio-p%C3%A9rez-cervera/" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
              <a href="https://github.com/SantiagoPerezCervera" target="_blank"><i class="fa-solid fa-link"></i></a>
            </nav>
          </div>
        </div>
      </div>

      <!-- carta de bootstrap Baudelio-->
      <div class="col-lg-4 col-md-6 col-sm-12">
        <div class="card">
          <img src="./assets/img/about/baudelio.png" class="card-img-top" alt="Imagen Baudelio">
          <div class="card-body">
            <h5 class="card-title">Baudelio Cuen Flores</h5>
            <p class="card-text">Autodidacta apasionado por la ciencia, la programación y la electrónica, con un
              fuerte
              interés en aprender y desarrollar habilidades en estas áreas.</p>
          </div>

          <div class="links">
            <span>Links</span>
            <nav>
              <a href="https://github.com/baudeliocuen" target="_blank"><i class="fab fa-github"></i></a>
              <a href="https://www.linkedin.com/in/baudelio-cuen-205517265/" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
              <a href="https://github.com/baudeliocuen" target="_blank"><i class="fa-solid fa-link"></i></a>
            </nav>
          </div>
        </div>
      </div>

      <!-- carta de bootstrap Carlos-->
      <div class="col-lg-4 col-md-6 col-sm-12">
        <div class="card">
          <img src="./assets/img/about/carlos.png" class="card-img-top" alt="Imagen Carlos">
          <div class="card-body">
            <h5 class="card-title">Carlos Iturbe Gil</h5>
            <p class="card-text">Ingeniero Biomédico con gran interés por el área TI, Ingeniería, Diseño y MTB</p>
          </div>

          <div class="links">
            <span>Links</span>
            <nav>
              <a href="https://github.com/megath12" target="_blank"><i class="fab fa-github"></i></a>
              <a href="https://www.linkedin.com/in/carlos-itgiv/" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
              <a href="https://github.com/megath12" target="_blank"><i class="fa-solid fa-link"></i></a>
            </nav>
          </div>
        </div>
      </div>

        <!-- carta de bootstrap Alejandro-->
      <div class="col-lg-4 col-md-6 col-sm-12">
        <div class="card">
          <img src="./assets/img/about/alex.png" class="card-img-top" alt="Imagen Alejandro">
          <div class="card-body">
            <h5 class="card-title">Alejandro Sainz Morales</h5>
            <p class="card-text">Licenciado en Ingeniería en sistemas computacionales, con fuertes conocimientos en
              programación, desarollador full stack (Provisional).</p>
          </div>

          <div class="links">
            <span>Links</span>
            <nav>
              <a href="https://github.com/AlexSainzM" target="_blank"><i class="fab fa-github"></i></a>
              <a href="https://www.linkedin.com/in/alejandro-sainz-ab5751137/" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
              <a href="https://github.com/AlexSainzM" target="_blank"><i class="fa-solid fa-link"></i></a>
            </nav>
          </div>
        </div>
      </div>

      <!-- carta de bootstrap Edgar-->
      <div class="col-lg-4 col-md-6 col-sm-12">
        <div class="card">
          <img src="./assets/img/about/edgar.png" class="card-img-top" alt="Imagen Edgar">
          <div class="card-body">
            <h5 class="card-title">Edgar Valentin Ruiz Padilla</h5>
            <p class="card-text">Ing. Electrico, Estudiante de Maestria en Ciencias Computacionales.</p>
          </div>

          <div class="links">
            <span>Links</span>
            <nav>
              <a href="https://github.com/EdgarVRP" target="_blank"><i class="fab fa-github"></i></a>
              <a href="https://www.linkedin.com/in/edgarvrp/" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
              <a href="https://github.com/EdgarVRP" target="_blank"><i class="fa-solid fa-link"></i></a>
            </nav>
          </div>
        </div>
      </div>

    </div> <!-- Cierre de row -->
  </div><!-- cierre div Tarjetas de participantes-->

  <!-- Div footer -->
  <article></article>
  <div id="footer"></div>

  <!-- Script de about -->
  <script src="scripts/about.js"></script>

  <!-- Script para todos los archivos -->
  <script src="scripts/scripts.js"></script>

  <!-- Script Bootstrap 5.3 -->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN"
    crossorigin="anonymous"></script>
</body>

</html>