This repository has been archived by the owner on Jun 1, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·223 lines (194 loc) · 9.52 KB
/
index.html
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
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="assets/logo/favicon.png" />
<link rel="manifest" href="manifest.json">
<title>Rocket Code</title>
<link rel="stylesheet" href="styles/index.css">
<link rel="stylesheet" href="styles/header.css">
<link rel="stylesheet" href="styles/nav.css">
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="styles/footer.css">
<link rel="stylesheet" href="styles/pages/development.css">
<link rel="stylesheet" href="styles/pages/about.css">
<link rel="stylesheet" href="styles/viewTransitions.css">
<script src="scripts/events.js" defer></script>
<script src="scripts/viewTransition.js" defer></script>
</head>
<body>
<header class="header-container">
<div class="header-content">
<a href="./" class="header-home-button">
<img class="header-logo-img" src="assets/logo/logo.webp" alt="Rocket Code">
<h2 class="header-title">Rocket Code</h2>
</a>
<img src="assets/icons/menu-2.svg" class="menu-button-icon" alt="menu-icon">
</div>
</header>
<nav class="nav-container">
<a class="nav-item" href="./">
<img src="assets/icons/users.svg" class="nav-item-icon" alt="users-icon">
Sobre Nosotros
</a>
<a class="nav-item" href="clients">
<img src="assets/icons/coins.svg" class="nav-item-icon" alt="coins-icon">
Nuestros Clientes
</a>
<a class="nav-item" href="software">
<img src="assets/icons/code.svg" class="nav-item-icon" alt="code-icon">
Solución de Software
</a>
<a class="nav-item" href="network">
<img src="assets/icons/world.svg" class="nav-item-icon" alt="world-icon">
Solución de Red
</a>
<a class="nav-item" href="office">
<img src="assets/icons/table.svg" class="nav-item-icon" alt="table-icon">
Solución Ofimática
</a>
<a class="nav-item" href="price">
<img src="assets/icons/coin.svg" class="nav-item-icon" alt="coin-icon">
Presupuesto
</a>
<a class="nav-item" href="development">
<img src="assets/icons/settings.svg" class="nav-item-icon" alt="settings-icon">
Desarrollo
</a>
</nav>
<main class="main-container">
<article class="slogan-container">
<h1 class="page-title">
Rocket Code
</h1>
<p class="slogan-text">
Llevando tus ideas al infinito digital.
</p>
</article>
<!-- Page title -->
<h2 class="page-title">
Sobre Nosotros
</h2>
<!-- Mission -->
<article>
<header class="article-title">
<img src="assets/icons/flag.svg" alt="flag-icon">
<h3>Misión</h3>
</header>
<p>
En <b>Rocket Code</b>, nuestra misión es impulsar la innovación tecnológica al ofrecer soluciones de software
a medida que superen las expectativas de nuestros clientes. Nos esforzamos por convertir ideas en realidades
digitales, contribuyendo al éxito de empresas y emprendedores a través de la excelencia en el desarrollo de
software.
</p>
</article>
<!-- Vision -->
<article>
<header class="article-title">
<img src="assets/icons/eye-star.svg" alt="eye-star-icon">
<h3>Visión</h3>
</header>
<p>
Ser líderes reconocidos a nivel nacional e internacional en el desarrollo de software a medida, proporcionando soluciones tecnológicas de vanguardia que transformen negocios y marquen la pauta en la industria. Queremos ser la firma de confianza a la que acudan las organizaciones en busca de soluciones digitales innovadoras y personalizadas.
</p>
</article>
<!-- Goals -->
<article>
<header class="article-title">
<img src="assets/icons/target-arrow.svg" alt="target-arrow-icon">
<h3>Objetivos</h3>
</header>
<p>
<ul class="article-list">
<li>Desarrollar soluciones de software de alta calidad que se adapten a las necesidades específicas de cada cliente.</li>
<li>Ampliar nuestra presencia en el mercado nacional e internacional, estableciendo alianzas estratégicas y expandiendo nuestra cartera de clientes.</li>
<li>Fomentar la formación continua y el crecimiento profesional de nuestro equipo de desarrollo.</li>
<li>Promover la innovación tecnológica a través de la investigación y el desarrollo de soluciones de vanguardia.</li>
<li>Mantener un compromiso constante con la satisfacción del cliente, la transparencia y la ética en todos nuestros procesos.</li>
</ul>
</p>
</article>
<!-- Values -->
<article>
<header class="article-title">
<img src="assets/icons/diamond.svg" alt="diamond-icon">
<h3>Valores</h3>
</header>
<p>
<ul class="article-list empty">
<li><b>Excelencia:</b> Buscamos la perfección en todo lo que hacemos y nos esforzamos por superar las expectativas de nuestros clientes. </li>
<li><b>Innovación:</b> Promovemos la creatividad y la búsqueda de soluciones tecnológicas novedosas. </li>
<li><b>Colaboración:</b> Trabajamos en equipo y fomentamos un ambiente de colaboración y apoyo mutuo. </li>
<li><b>Integridad:</b> Actuamos con honestidad, transparencia y ética en todas nuestras relaciones y procesos. </li>
<li><b>Pasión:</b> Nos apasiona la tecnología y estamos comprometidos con el éxito de nuestros clientes. </li>
<li><b>Adaptabilidad:</b> Nos adaptamos a los cambios y desafíos con agilidad y flexibilidad para cumplir con las expectativas de nuestros clientes. </li>
</ul>
</p>
</article>
<!-- Team members -->
<article>
<header class="article-title">
<img src="assets/icons/user-plus.svg" alt="user-plus-icon">
<h3>Nuestro Equipo</h3>
</header>
<div class="members">
<article class="member">
<img class="member" src="assets/members/ismael.webp" alt="member-avatar">
<div class="member">
<b>Ismael Cortés Gutiérrez</b>
<bi>Líder de equipo</bi>
<p>Líder de proyecto, programador web y de apps con más de 6 años de experiencia en el sector.</p>
</div>
</article>
<article class="member">
<img class="member" src="assets/members/rodolfo.webp" alt="member-avatar">
<div class="member">
<b>Jose Rodolfo Briseño Pulido</b>
<bi>Ingeniero de Redes</bi>
<p>Especialista en redes con 15 años de experiencia, encargado del desarrollo y la gestión de las soluciones de red, asegurando un buen funcionamiento.</p>
</div>
</article>
<article class="member">
<img class="member" src="assets/members/jannay.webp" alt="member-avatar">
<div class="member">
<b>Jannay Manzo Díaz</b>
<bi>Programadora</bi>
<p>Programadora Senior con 10 años de experiencia, encargada del desarrollo de soluciones de desarrollo de software a medida para clientes.</p>
</div>
</article>
<article class="member">
<img class="member" src="assets/members/javier.webp" alt="member-avatar">
<div class="member">
<b>Francisco Javier Zepeda Jiménez</b>
<bi>Analista</bi>
<p>Especialista con 5 años de experiencia en el sector, encargado de realizar estudios de campo y probar el desempeño de los productos desarrollados, además de asegurar el cumplimiento de los requerimientos del proyecto.</p>
</div>
</article>
</div>
</article>
</main>
<footer class="footer-container">
<div class="footer-first">
<a href="https://www.instagram.com/utj_oficial/" target="_blank" rel="noopener noreferrer" class="footer-button">
<img class="footer-icon" src="assets/icons/brand-instagram.svg" alt="icon-instagram">
</a>
<a href="https://www.facebook.com/utj.universidad" target="_blank" rel="noopener noreferrer" class="footer-button">
<img class="footer-icon" src="assets/icons/brand-facebook.svg" alt="icon-facebook">
</a>
<a href="https://twitter.com/utj_oficial" target="_blank" rel="noopener noreferrer" class="footer-button">
<img class="footer-icon" src="assets/icons/brand-twitter.svg" alt="icon-twitter">
</a>
<a href="https://www.youtube.com/@OFICIALUTJ" target="_blank" rel="noopener noreferrer" class="footer-button">
<img class="footer-icon" src="assets/icons/brand-youtube.svg" alt="icon-youtube">
</a>
<a href="https://github.com/IsmaCortGtz/rocket-code/" target="_blank" rel="noopener noreferrer" class="footer-button">
<img class="footer-icon" src="assets/icons/brand-github.svg" alt="icon-github">
</a>
</div>
<div class="footer-second">
2024. Rocket Code
</div>
</footer>
</body>
</html>