-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
138 lines (115 loc) · 6.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
<!DOCTYPE html>
<html lang="es">
<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">
<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=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!-- Bootstrap -->
<link href="css/bootstrap.css" rel="stylesheet">
<!-- CSS Local -->
<link rel="stylesheet" href="css/style.css">
<!-- SEO -->
<meta name="description"
content="Servicios profesionales a medida. Potenciá tu equipo para lograr los mejores resultados. Servicios de Ux Design, Account Managing y Team Building a medida. Potenciate con Manuel Leiva.">
<meta name="keywords"
content="MANUEL LEIVA, UX, UI, DESIGN, CLIENTES, VENTAS, EJECUTIVO DE CUENTAS, MANAGER, EQUIPO, CREACIÓN, FORTALECIMIENTO, TEAM BUILDING">
<title>
Potenciá tu equipo con Manuel Leiva - Servicios profesionales.
</title>
</head>
<body>
<!-- Top -->
<header class="navbar">
<a href="index.html"><img class="navbar__logo" src="multimedia/firmaManuelLeiva.png" alt="Firma de Manuel Leiva servicios profesionales."></a>
<nav>
<ul class="navbar__ul">
<li class="navbar__ul__li"><a class="navbar__a" href="index.html">Inicio</a></li>
<li class="navbar__ul__li"><a class="navbar__a" href="paginas/quien_soy.html">¿Quién Soy?</a></li>
<li class="navbar__ul__li"><a class="navbar__a" href="paginas/experiencia.html">Experiencia</a></li>
<li class="navbar__ul__li"><a class="navbar__a" href="paginas/proyectos.html#">Proyectos</a></li>
<li class="navbar__ul__li"><a class="navbar__a" href="paginas/contacto.html">Contacto</a></li>
</ul>
</nav>
</header>
<!-- Main -->
<section class="main">
<div>
<video src="multimedia/notebook.mp4" class="main__videoBackground" autoplay loop></video>
</div>
<div class="main__space">
<!-- Espaciado -->
</div>
<div class="main__title">
<h1>
Construir <br>
Soluciones.
</h1>
<h2 class="main__subtitle">Manuel Leiva - Lead Account Manager & Ux Designer</h2>
<p class="main__text"><span class="main__text__hightlited">Construir equipos</span>, articular con clientes y tomar decisiones en base a datos es lo que vengo desarrollando hace más de 6 años en diferentes roles que me ha tocado encabezar.</p>
<p class="main__text"><b>Pongámonos a trabajar juntos para </b><span class="main__text__hightlited">potenciar tu espacio.</span></p>
<form action="/paginas/contacto.html">
<input class="main__button" type="submit" value="Contactar" />
</form>
</section>
<section class="cards">
<div class="cards__item">
<img src="https://www.ux-ui.net/ux/uploads/2017/03/ux-ui-logo.svg" alt="Ux Ui Design" id="cards__item__img1">
<h3 class="cards__title">Diseño UX</h3>
<p>Líder del equipo de Ux/Ui Desing.</p>
<h4><a class="cards__link" href="paginas/proyectos.html">Ver Proyectos.</a></h4>
</div>
<div class="cards__item">
<img src="https://static.thenounproject.com/png/2227280-200.png" alt="Account Managing" id="cards__item__img2">
<h3 class="cards__title">Account Managing</h3>
<p>Lead Account Manager en Cooperativa de Desarrollo Redjar.</p>
<h4><a class="cards__link" href="paginas/experiencia.html">Ver Experiencia.</a></h4>
</div>
<div class="cards__item">
<img src="https://advocate.berkeley.edu/wp-content/uploads/2017/02/group-copy-1416476921gn4k8.png" alt="Team Building" id="cards__item__img2">
<h3 class="cards__title">Team Builder</h3>
<p>Planificación de ampliación y gestión de equipos para lograr los mejores resultados.</p>
<h4><a class="cards__link" href="paginas/quien_soy.html">Ver Quién soy.</a></h4>
</div>
</section>
<section class="container w-50 h-50">
<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="multimedia/FirstImgUx.png" class="d-block w-100" alt="Desarrollo profesional a medida.">
</div>
<div class="carousel-item">
<img src="multimedia/SecondImgUx.png" class="d-block w-100" alt="Diseños centrados en el Usuario para mejores resultados.">
</div>
<div class="carousel-item">
<img src="multimedia/ThirdImgUx.png" class="d-block w-100" alt="Fortalecimiento de grupos con las técnicas más efectivas.">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</section>
<hr class="separador">
<!-- Bottom -->
<footer>
<div class="socialMedia">
<a class="footer__a" href="https://www.instagram.com/manuleiva91/">Instagram</a>
<a class="footer__a" href="https://www.linkedin.com/in/manuleiva/">LinkedIn</a>
<a class="footer__a" href="mailto:[email protected]">E-Mail</a>
</div>
<div>
<p>© 2021 - Manuel Leiva</p>
</div>
</footer>
<!-- Bootstrap JS -->
<script src="./js/bootstrap.js"></script>
</body>
</html>