-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
139 lines (132 loc) · 7.31 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Quantum Waves Developers Limitada</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Custom Google font-->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap"
rel="stylesheet" />
<!-- Bootstrap icons-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body class="d-flex flex-column h-100">
<main class="flex-shrink-0">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-light bg-white py-3">
<div class="container px-5">
<a class="navbar-brand" href="index.html"><span class="fw-bolder text-primary">QWD</span></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 ms-auto mb-2 mb-lg-0 small fw-bolder">
<li class="nav-item"><a class="nav-link" href="index.html">Inicio</a></li>
<li class="nav-item"><a class="nav-link" href="resume.html">Equipo</a></li>
<li class="nav-item"><a class="nav-link" href="projects.html">Proyectos</a></li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contacto</a></li>
</ul>
</div>
</div>
</nav>
<!-- Header-->
<header class="py-5">
<div class="container px-5 pb-5">
<div class="row gx-5 align-items-center">
<div class="col-xxl-5">
<!-- Header text content-->
<div class="text-center text-xxl-start">
<div class="construction-message">
<p>¡Sitio en construcción! Estamos trabajando para ofrecerte una mejor experiencia
pronto.</p>
</div>
<br>
<div class="badge bg-gradient-primary-to-secondary text-white mb-4">
<div class="text-uppercase">Soluciones disruptivas</div>
</div>
<div class="fs-3 fw-light text-muted">Transformamos las ideas en realidad</div>
<br>
<h1 class="display-3 fw-bolder mb-5"><span class="text-gradient d-inline">Visión a
futuro</span></h1>
<div
class="d-grid gap-3 d-sm-flex justify-content-sm-center justify-content-xxl-start mb-3">
<a class="btn btn-primary btn-lg px-5 py-3 me-sm-3 fs-6 fw-bolder"
href="resume.html">Equipo</a>
<a class="btn btn-outline-dark btn-lg px-5 py-3 fs-6 fw-bolder"
href="projects.html">Proyectos</a>
</div>
</div>
</div>
<div class="col-xxl-7">
<!-- Header profile picture-->
<div class="d-flex justify-content-center mt-5 mt-xxl-0">
<div class="profile bg-gradient-primary-to-secondary">
<!-- TIP: For best results, use a photo with a transparent background like the demo example below-->
<!-- Watch a tutorial on how to do this on YouTube (link)-->
<img style="border-radius: 5%;" class="profile-img" src="assets/qwdweb.gif" alt="..." />
<div class="dots-1">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- About Section-->
<section class="bg-light py-5">
<div class="container px-5">
<div class="row gx-5 justify-content-center">
<div class="col-xxl-8">
<div class="text-center my-5">
<h2 class="display-5 fw-bolder"><span class="text-gradient d-inline">Sobre nosotros</span>
</h2>
<p class="lead fw-light mb-4">Somos un grupo de estudiantes del Duoc UC, colaboradores
activos en el desarrollo de ideas innovadoras en conjunto con el CITT. Estamos
entusiasmados por crear y ofrecer soluciones innovadoras que aborden desafíos actuales.
</p>
<!-- <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit dolorum itaque qui unde quisquam consequatur autem. Eveniet quasi nobis aliquid cumque officiis sed rem iure ipsa! Praesentium ratione atque dolorem?</p> -->
<div class="d-flex justify-content-center fs-2 gap-4">
<a class="text-gradient" href="#!"><i class="bi bi-twitter"></i></a>
<a class="text-gradient" href="#!"><i class="bi bi-linkedin"></i></a>
<a class="text-gradient" href="#!"><i class="bi bi-github"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Footer-->
<footer class="bg-white py-4 mt-auto">
<div class="container px-5">
<div class="row align-items-center justify-content-between flex-column flex-sm-row">
<div class="col-auto">
<div class="small m-0">Copyright © Your Website 2023</div>
</div>
<div class="col-auto">
<a class="small" href="#!">Privacy</a>
<span class="mx-1">·</span>
<a class="small" href="#!">Terms</a>
<span class="mx-1">·</span>
<a class="small" href="#!">Contact</a>
</div>
</div>
</div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>