-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
157 lines (144 loc) · 7.26 KB
/
index.html
File metadata and controls
157 lines (144 loc) · 7.26 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<<link href="https://fonts.googleapis.com/css?family=Bellefair" rel="stylesheet">
<link rel="stylesheet" href="styles/index.css"/>
<meta name="viewport" content="width = device-width">
<title>Marta Bermejo</title>
</head>
<body>
<header class="nav-content">
<div class="nav" id="nav">
<div class="head-line-container-desktop">
<h1>MARTA BERMEJO LORENZO <br>FrontEnd developer</h1>
</div>
<ul class="nav-desktop">
<li class="nav-small-item"><a class="link-nav" href="#about">Sobre mí</a></li>
<li class="nav-small-item"><a class="link-nav" href="#skill">Habilidades</a></li>
<li class="nav-small-item"><a class="link-nav" href="#project">Proyectos</a></li>
<li class="nav-small-item"><a class="link-nav" href="#contacts">Contacto</a></li>
</ul>
<ul class="nav-mobile" id="js-navShow">
<li class="nav-small-item"><a class="link-nav" href="#about">Sobre mí</a></li>
<li class="nav-small-item"><a class="link-nav" href="#skill">Habilidades</a></li>
<li class="nav-small-item"><a class="link-nav" href="#project">Proyectos</a></li>
<li class="nav-small-item"><a class="link-nav" href="#contacts">Contacto</a></li>
</ul>
</div>
<div class="nav-mobile-container">
<div id="js-navMobile" class="navButton">
<span></span>
<span></span>
<span></span>
</div>
<div class="head-line-container-mobile">
<h1>MARTA BERMEJO LORENZO <br>FrontEnd developer</h1>
</div>
</div>
</header>
<div class="photo">
<img class="my-photo"src="images/foto1.jpg" alt="">
</div>
<div id="about" class="blank blank-about">
</div>
<div class="about-me js-scrollable-block indicated" id="js-about-me">
<h2>- SOBRE MÍ... -</h2>
<p>
Nací en Madrid hace 34 años, Ingeniera de obras públicas,
reinventándome como profesional del desarrollo y aplicando el ingenio en html, css, scss y javascript.
</p>
<p>Formulando la ecuación entre las ganas de aprender multiplicadas por la motivación.</p>
<p>Despejando las incógnitas a base de trabajo en equipo y buena capacidad de comunicación.</p>
<p>Poniendo pasión y esmero en cada línea de código.</p>
</div>
<div id="skill" class="blank blank-skill">
</div>
<div class="skills js-scrollable-block" id="js-skill">
<h2>- HABILIDADES -</h2>
<div class="skillbar clearfix " data-percent="70%">
<div class="skillbar-title" style="background: #978064;"><span>HTML5</span></div>
<div class="skillbar-bar" style="background: #978064;"></div>
<div class="skill-bar-percent">70%</div>
</div>
<div class="skillbar clearfix " data-percent="70%">
<div class="skillbar-title" style="background: #D7A568;"><span>CSS3</span></div>
<div class="skillbar-bar" style="background: #D7A568;"></div>
<div class="skill-bar-percent">70%</div>
</div>
<div class="skillbar clearfix " data-percent="40%">
<div class="skillbar-title" style="background: #978064;"><span>JAVASCRIPT</span></div>
<div class="skillbar-bar" style="background: #978064;"></div>
<div class="skill-bar-percent">40%</div>
</div>
<div class="skillbar clearfix " data-percent="60%">
<div class="skillbar-title" style="background: #D7A568;"><span>SASS</span></div>
<div class="skillbar-bar" style="background: #D7A568;"></div>
<div class="skill-bar-percent">60%</div>
</div>
<div class="skillbar clearfix " data-percent="45%">
<div class="skillbar-title" style="background: #978064;"><span>GIT</span></div>
<div class="skillbar-bar" style="background: #978064;"></div>
<div class="skill-bar-percent">45%</div>
</div>
<div class="skillbar clearfix " data-percent="90%">
<div class="skillbar-title" style="background: #D7A568;"><span>TEAMWORK</span></div>
<div class="skillbar-bar" style="background: #D7A568;"></div>
<div class="skill-bar-percent">90%</div>
</div>
<div class="skillbar clearfix " data-percent="100%">
<div class="skillbar-title" style="background: #978064;"><span>MOTIVACIÓN</span></div>
<div class="skillbar-bar" style="background: #978064;"></div>
<div class="skill-bar-percent">100%</div>
</div>
</div>
<div id="project" class="blank blank-project">
</div>
<div class="projects js-scrollable-block" id="js-project">
<h2>- PROYECTOS -</h2>
<p>
<u><strong>Take-of-team</strong></u><br>
Primer proyecto en Adalab, que consiste en una web de presentación de las integrantesdel equipo usando Html, Css, Mobile First y Responsive.<br>
<a class="link-page" href="https://adalab.github.io/web-take-off-team/" target="_blank"><img class="img-link" src="images/takeOffTeam.png" alt="web Take off Team"></a>
<!-- <em>⇐Ver web</em> -->
</p>
<p>
<u><strong>ScriptInvaders</strong></u><br>
Web que incluye dos juegos básicos,con uso de Html, Css, Javascript, Mobile First y Responsive.<br>
<a class="link-page" href="https://adalab.github.io/ScriptInvaders/" target="_blank"><img class="img-link" src="images/ScriptInvaders.png" alt="web ScriptInvaders"></a>
<!-- <em>⇐Ver web</em> -->
</p>
<p>
<u><strong>reXistance-CRA</strong></u><br>
Colaboración con MEDIALAB-PRADO en la creación de una web de periodismo de datos. Uso de Html, Css, Javascript, Sass, Mobile First y Responsive.<br>
<a class="link-page" href="https://adalab.github.io/reXistance-CRA/" target="_blank"><img class="img-link" src="images/reXistanceCRA.png" alt="web reXistance-CRA"></a>
<!-- <em>⇐Ver web</em> -->
</p>
<p>
<u><strong>LaSonrisaFelina</strong></u><br>
Proyecto en colaboración con la empresa CODESAI, para el rediseño de la web La Sonrisa Felina. Uso de Html, Css, Javascript, Sass, Mobile First y Responsive.<br>
<a class="link-page" href="https://adalab.github.io/laSonrisaFelina/" target="_blank"><img class="img-link" src="images/laSonrisaFelina.png" alt="web La Sonrisa Felina"></a>
<!-- <em>⇐Ver web</em> -->
</p>
</div>
<div id="contacts" class="blank blank-contacts">
</div>
<div class="contact js-scrollable-block" id="js-contacts">
<h2>- CONTACTO -</h2>
<p>m.berlo8583@gmail.com</p>
<p>699.666.957</p>
</div>
<footer class="container-footer">
<div class="container-icons">
<a target="_blank" href="https://www.facebook.com/marta.bermejolorenzo"><img class="icons" src="images/facebook.png" alt="logo facebook"></a>
<a target="_blank" href="https://github.com/martabl"><img class="icons" src="images/github.png" alt="logo github"></a>
<a target="_blank" href="https://www.linkedin.com/in/marta-bermejo-lorenzo/"><img class="icons" src="images/linkedin.png" alt="logo linkedin"></a>
<a target="_blank" href="https://twitter.com/mberlo2"><img class="icons" src="images/twitter.png" alt="logo twitter"></a>
</div>
</footer>
<span class="up-page"><img class="up-image" src="images/up-arrow.png" alt="Icono subida"></span>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/skills.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>