markstory.github.io/nosotros.html at main · dapv67/markstory.github.io · 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
<!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>Markstory Inc</title>
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="css/styles.css" />
    <link rel="stylesheet" href="css/about-us.css" />
    <link rel="shortcut icon" href="imgs/astronauta.png" />
  </head>
  <body>
    <!-- Btn flotante -->
    <a
      href="https://api.whatsapp.com/send?phone=3411002730&text=Hola!%20Quisiera%20informaci%C3%B3n%20sobre%20sus%20servicios."
      class="float"
      target="_blank"
    >
      <img
        class="btn-float"
        src="./imgs/whatsapp_icon.svg"
        alt="icon whatsapp"
      />
    </a>
    <header>
      <nav class="navbar navbar-expand-lg navbar-light">
        <div class="container-fluid">
          <a class="navbar-brand" href="index.html">
            <img src="/imgs/logo-azul.png" alt="" height="50px" />
          </a>
          <button
            class="navbar-toggler"
            type="button"
            data-bs-toggle="collapse"
            data-bs-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent"
            aria-expanded="false"
            aria-label="Toggle navigation"
          >
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
              <li class="nav-item selector">
                <a class="nav-link" href="nosotros.html">Nosotros</a>
              </li>
              <li class="nav-item selector">
                <a class="nav-link" href="index.html">Servicios</a>
              </li>

              <li class="nav-item selector">
                <a class="nav-link" href="index.html">Portafolio</a>
              </li>
              <li class="nav-item selector">
                <a class="nav-link" href="contacto.html">Contacto</a>
              </li>
            </ul>
          </div>
          <div class="vacio">
            <a class="" href="./en/index.html"
              ><img src="./imgs/eua.png" alt="" style="width: 22px"
            /></a>
          </div>
        </div>
      </nav>
    </header>
    <section class="space">
      <div class="encabezado-img">
        <h1 class="encabezados">Agencia de Marketing Profesional</h1>
        <div class="cohete">
          <img src="imgs/cohete-chido.png" alt="" class="" />
        </div>
      </div>
      <p class="secundary-phrase">
        Somos un equipo especialista en crear herramientas digitales
        personalizadas, modernas y creativas para lograr tus resultados
      </p>
      <div class="btn-container">
        <a
          class="btn btn-main spacer-banner btn-desktop"
          href="tel:+523411002730"
          >Let's talk</a
        >
      </div>
    </section>
    <section class="description-values">
      <div class="header-nosotros">
        <h2 class="encabezados">Valores núcleo</h2>
        <p class="text-general">
          Somos un equipo de autónomos remotos, lo que significa que todos
          trabajamos mejor de diferentes maneras, pero aún aplicamos algunos
          conceptos básicos que garantizan que somos el equipo más eficaz. Nos
          une la curiosidad, la creatividad y el aprendizaje. Ya sea a través de
          la estrategia y la identidad de la marca, los libros de estrategias de
          marketing o la ejecución en el panorama de los medios digitales,
          ayudamos a construir negocios duraderos.
        </p>
      </div>
      <div class="values">
        <div class="value">
          <h2 class="encabezados-dos">Honesty</h2>
          <p class="text-general-dos">
            Si algo sale mal, o simplemente podría ser mejor, siempre buscamos
            que nuestro equipo sea honesto y nos lo haga saber para seguir
            mejorando.
          </p>
        </div>
        <div class="value">
          <h2 class="encabezados-dos">Collaborative</h2>
          <p class="text-general-dos">
            Brindamos apoyo para que nuestro equipo trabaje en conjunto de la
            mejor manera, incluso a través de zonas horarias. Trabajamos bajo
            metodologías ágiles.
          </p>
        </div>
        <div class="value">
          <h2 class="encabezados-dos">Trusting</h2>
          <p class="text-general-dos">
            Con un equipo totalmente remoto y global, tenemos que confiar y
            apoyarnos mutuamente para que todos podamos trabajar de una manera
            que se adapte a nuestros necesidades individuales.
          </p>
        </div>
        <div class="value">
          <h2 class="encabezados-dos">Supporting</h2>
          <p class="text-general-dos">
            Ya sea dentro o fuera del trabajo, las cosas no siempre salen como
            esperamos, así que cuando eso sucede, escuchamos los problemas de
            los demás y encontramos la mejor solución.
          </p>
        </div>
      </div>
      <a href="contacto.html" class="">Ready? Let’s get to it. </a>
    </section>
    <iframe class="ifFooter" src="footer.html" frameborder="0"></iframe>
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
      crossorigin="anonymous"
    ></script>
  </body>
</html>