-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
141 lines (141 loc) · 7.32 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
<!DOCTYPE html>
<html lang="es" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Samahara Fernández</title>
<link rel="icon" href="assets/images/favi.ico">
<link rel="stylesheet" href="css/fonts.css">
<link href="assets/icon/web-fonts-with-css/css/fontawesome-all.css" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/media.css">
</head>
<!-- <body> -->
<body onload="splash(1500)">
<div id="Home" class="container-fluid">
<!-- splash(2500) -->
<div id="splashview" class="row align-items-end">
<div class="offset-9 col-3 offset-md-11 col-md-1 offset-lg-11 col-lg-1">
<img id="logo" class="img-fluid" src="assets/images/carga.png" alt="logo">
</div>
</div>
<!-- Home -->
<div id="logohome" class="">
<div class="row">
<!-- Samahara Fernández -->
<div class="offset-1 col-10 offset-md-1 col-md-11 offset-lg-1 col-lg-11">
<h1 class="portfolioname">Samahara Fernández</h1>
</div>
<!-- UX Designer -->
<div class="offset-1 col-11 offset-md-1 col-md-11 offset-lg-1 col-lg-11 ">
<p class="userposition">UX DESIGNER</p>
</div>
<!-- ENTRAR -->
<div class="col-7 offset-md-3 col-md-1 offset-lg-3 col-lg-1 text-right">
<button id="enterbutton" class="enterbutton">Entrar</button>
</div>
<!-- Copyright -->
<div class="copyright col-md-12 col-lg-12">
<p> ©2018 Samahara</p>
</div>
</div>
</div>
<div id="mainmenu" class="">
<div class="row">
<div class="menu mx-auto" class="col-md-12">
<span class="sobre_mi" data-name="sobre_mi">Acerca de mí</span>
<span class="portafolio" data-name="portafolio">Portafolio</span>
<span class="contacto" data-name="contacto">Contacto</span>
</div>
<div id="content" class="offset-md-1 col-md-10">
<div id="sobre_mi" class="col-md-12">
<div class="row">
<div class="col-md-6 align-middle">
<p class="">
Entregada en cuerpo y alma a los proyectos o actividades que me gustan. Me inspira seguir aprendiendo, descubrir nuevos caminos y personas.
</p>
</div>
<div class="col-md-6">
<img class="img-fluid" src="assets/images/Samaharaferher.png" alt="Samahara">
</div>
</div>
</div>
<div id="portafolio" class="col-md-12">
<div class="row">
<div class="col-md-4">
<a class="bbvaplan">BBVAPlan</a>
<a class="foodmap">Foodmap</a>
<a class="twitter">Twitter v2</a>
</div>
<div id="infoportafolio" class="col-md-7">
<div class="row">
<div id="infotwitter" class="col-md-12">
<p>Réplica del microblogging.</p>
<p>1. Maquetado inspirado en el Twitter original de Samahara</p>
<p>2. Framework: Bootstrap v3.3.7</p>
<p>3. Funcionalidad: jQuery</p>
<p>4. Mobile Friendly</p>
<p class="font-light">Desarrollado para Laboratoria</p>
<div class="col-md-12">
<a href="https://github.com/Samahara/twitter-v2" target="_blank" class="buttongithub"><i class="fab fa-github"></i> Repositorio Github</a>
<a href="https://samahara.github.io/twitter-v2/" target="_blank" class="buttonshow"><i class="fas fa-desktop"></i> Muestra</a>
</div>
</div>
<div id="infofoodmap" class="col-md-12">
<p>Foodmap es una aplicación para encontrar información sobre restaurantes, contiene un buscador el cual te ayuda a filtrar los restaurantes por tipo de comida.</p>
<p>1. Framework: Materialize</p>
<p>2. Funcionalidad: jQuery / JavaScript</p>
<p>3. Desktop Friendly</p>
<p class="font-light">Desarrollado para Laboratoria</p>
<div class="col-md-12">
<a href="https://github.com/Samahara/foodmap" target="_blank" class="buttongithub"><i class="fab fa-github"></i> Repositorio Github</a>
<a href="https://samahara.github.io/foodmap/" target="_blank" class="buttonshow"><i class="fas fa-desktop"></i> Muestra</a>
</div>
</div>
<div id="infobbvaplan" class="col-md-12">
<p>BBVA Plan es una aplicación que te ayuda a crear metas de ahorro personalizado, escogiendo reglas de ahorro a tu gusto de manera gratuita y sin comisiones.</p>
<p>1. Optimización de la app, agregando metas compartidas</p>
<p>2. Diseñado en figma</p>
<p>3. Prototipado en inVision</p>
<p>4. Product Owner del proyecto</p>
<p class="font-light">Elaborado para Laboratoria</p>
<div class="col-md-12">
<a href="https://github.com/Samahara/BBVAPlanCobraUnit" target="_blank" class="buttongithub"><i class="fab fa-github"></i> Repositorio Github</a>
<a href="https://invis.io/M7GS95C9SCA" target="_blank" class="buttonshow"><i class="fas fa-desktop"></i> Muestra</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="contacto" class="col-md-12">
<div class="row">
<div class="col-md-1">
<i class="far fa-envelope"></i>
<i class="fab fa-linkedin-in"></i>
<i class="fas fa-code"></i>
<i class="fab fa-github"></i>
<i class="fas fa-mobile-alt"></i>
<i class="far fa-file"></i>
</div>
<div class="col-md-11">
<a>[email protected]</a>
<a class="link" href="https://www.linkedin.com/in/samaharafernandez/" target="_blank">samaharafernandez</a>
<a class="link" href="https://app.talento.laboratoria.la/" target="_blank">Samahara Fernández</a>
<a class="link" href="https://github.com/Samahara" target="_blank">Samahara</a>
<a>(55) 83954268 </a>
<a class="link" href="https://user-images.githubusercontent.com/32861693/43669220-0dd4d638-9747-11e8-8e04-1ee90c6ffc87.png" target="_blank">Resumen Samahara</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/popper.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</body>
</html>