-
Notifications
You must be signed in to change notification settings - Fork 0
/
cosas extra.html
163 lines (148 loc) · 9.25 KB
/
cosas extra.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/tabs.css">
<link rel="preload" href="css/normalize.css" as="style">
<link rel="stylesheet" href="css/normalize.css">
<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:wght@400;700&family=Montserrat:wght@400;700&family=Roboto:wght@400;700&family=PT+Serif&display=swap" rel="stylesheet">
<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>Book</title>
<link rel="icon" type="fav-icon" href="img/vozzoa-sello.svg" href="img/vozzoa-sello.svg">
</head>
<body class="">
<header class="d-flex intro intro-var ">
<nav role="navigation">
<div id="menuToggle">
<input type="checkbox" />
<span></span>
<span></span>
<span></span>
<ul id="menu">
<a href="index.html"><li>Home</li></a>
<a href="about.html"><li>About</li></a>
<a href="https://www.behance.net/fernandadominguez" target="_blank"><li>Behance</li></a>
</ul>
</div>
</nav>
<span>
<a href="index.html" style="font-size:3rem;" class="align-center d-flex pl-3 fs-22 "><h4 class= "m-0" > Fernanda Domínguez </h4>
</a>
</span>
</header>
<section>
<!-- Intro -->
<div class="d-flex align-center p-3 justify-content-around flex-column">
<!-- <img class="absolute intro-zoom" style="opacity: 0.1; z-index: -1; overflow: hidden;" src="img/introMesa de trabajo 1.png" alt="">-->
<div class="text-container primary-container-pale m-0 align-center">
<div class="p-3 heading-var">
<h1>Hi there!<br>
Welcome to my Book
</h1>
<p class="dark">I enjoy developing Interactive solutions<span class="typo-change"> & </span> experiences for web apps(android / iOs) using Angular's Ionic 6 and Bootstrap 5.
Interested in UX/UI,trends, research, performance and everything code related
</p>
</div>
<div class="text-center">
<a class="btn m-0 primary-btn" href="about.html" title="Nosotros>"> About</a>
</div>
</div>
<div class="pt-4 class-center">
<img class="img-container avatar" src="img/1x/vozzoa-Tplay001.png" alt>
</div>
</div>
<!-- Portfolio -->
<div style="border-radius: 6rem 6rem 0 0;" class="p-3 class-center d-flex gray-container">
<div class="class-center d-flex dinamic-col row">
<div class="text-container">
<div class="p-3 text-card">
<h3 class="upper gray m-0"></h3>
<p > Work encompasses
graphics and identity,
websites and digital experiences, product development, strategy
and positioning.
</p>
</div>
</div>
<div class="slider-container tabs m-0">
<a class="card container tablink primary-container class-center slider-item" block-sm>
<h1 class="container negative text-center">Web Dev. </h1>
</a>
<a class="card container tablink primary-container class-center slider-item" block-sm>
<h1 class="container negative text-center">UI</h1>
</a>
<a class="card container tablink primary-container class-center slider-item" block-sm>
<h1 class="container negative text-center">UXD </h1>
</a>
<a class="card container tablink primary-container class-center slider-item" block-sm>
<h1 class="container negative text-center">UXE</h1>
</a>
</div>
</div>
</div>
<div class="tab gray-container p-3">
<div class="d-flex row dinamic-col class-center">
<div class="p-3 align-center">
<a href="img/imagen-vacia.png"><img src="img/1x/vozzoa-img web-finamex.png" alt=""></a>
<div class="pl-1-sm">
<p class="negative fs-22 pt-1 m-0">WEB</p>
<p class="fs-22 m-0 negative"> 💵 Casa de Bolsa 📈</p>
<p class="fs-18 gray negative m-0">
Implementación del rediseño en Ionic6 y Bootstrap</p>
</div>
</div>
<div class="slider-container-y p-3">
<div class="pb-4">
<a class="pb-3 pointer d-flex slider-item " href="concurso.html" title="Concursa">
<img src="img/1x/vozzoa-img web-finamex 2.png" style="width: 136px;" alt="">
<p class="negative pl-1 pt-3 m-0">Time Assistance Services</p>
</a>
<div class="pb-3 d-flex slider-item">
<img src="img/1x/vozzoa-img brochure.png" style="width: 136px;" alt="">
<p class="negative pl-1 pt-3 m-0">Lentes Púrpura</p>
</div>
<div class="pb-3 d-flex slider-item">
<img src="img/1x/vozzoa-img mobil-lentespurpura.png" style="width: 136px;"alt="">
<p class="negative pl-1 pt-3 m-0">Bodyssage</p>
</div>
<a class="pb-3 pointer d-flex slider-item " href="concurso.html" title="Concursa">
<img src="img/1x/vozzoa-img timeassistance-web.png" style="width: 136px;" alt="">
<p class="negative pl-1 pt-3 m-0">IncluyTe</p>
</a>
<div class="pb-3 d-flex slider-item">
<img src="img/1x/vozzoa-img web-finamex 2.png" style="width: 136px;" alt="">
<p class="negative pl-1 pt-3 m-0">SkyGarden</p>
</div>
<div class="pb-3 d-flex slider-item">
<img src="img/1x/vozzoa-img bodyssage-web.png" style="width: 136px;"alt="">
<p class="negative pl-1 pt-3 m-0 uppercase ">Vozzoa - IT</p>
</div>
</div>
</div>
</div>
</div>
Once upon a time, there was a brown haired Fernanda. Every day, she dream of becoming an artist. One day she had to choose a career and decided to study theater and acting, developing a keen eye and shapeshifting habilities, but it wasn’t her calling. Because of that, she jumped to a fashion career, where she could exploit and explore her creativity, she did and launched a fashion brand called Domínguez México and a fashion platform called Vuzzola. Because of that, she started wondering where would she sell and move her proyect, how could she develop an app or a e-commerce solution and boom, there she was designing interphases, becoming aware of the endeless possibilities, she became obsessed and desided to develop a career there. Until finally she had numerous clients and was hired to a beautiful company called Finamex, where she learned a lot and developed habilities that got her hired at a great telecommunications company in mexico called Totalplay.
Ever since, I opened my digital agency, found my calling solving user inquires and improving flows.
<section>
<div class="gallery-wrap">
<div class="item item-1"></div>
<div class="item item-2"></div>
<div class="item item-3"></div>
<div class="item item-4"></div>
<div class="item item-5"></div>
</div>
</section>
</section>
<footer class="container dark-container mt-4">
<img src="img/vozzoa-sello.svg" class="footer-icon" alt="">
<div class="class-center d-flex flex-column">
<div class="class-center d-flex flex-column">
<p class="text-center negative">Copyright 2022 © vozzoa </br>by <h4 class= "m-0" > Fernanda Domínguez </h4></p>
</div>
</footer>
</body>
</html>