-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·245 lines (179 loc) · 9.48 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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jose David David Rodriguez</title>
<meta name="description" content="Portfolio senior developer"/>
<meta name="keywords" content="portfolio, webdeveloper, developer"/>
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lato:400,300,100,700,900&subset=latin,latin-ext">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/style-responsive.css" />
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="preloader" id="preloader">
<div class="item">
<img src="img/loading.gif">
</div>
</div>
<div class="container">
<!-- section start-page -->
<section class="start-page parallax-background" id="home">
<div class="opacity"></div> <!-- Opacity color -->
<div class="content">
<div class="text">
<div class="logo circle"><img height="123" width="123" src="img/logo1.png"></div>
<h1>Jose D. Rodriguez</h1><hr/>
<p>I am a senior web developer currently living in Miami. I enjoy building everything, from small landing pages to web and mobile apps. You can get in touch with me <a class="contact-link" href="#contact">here.</a></p>
<a href="#about-us"><div class="read-more">Read more about me</div></a>
</div>
<div class="arrow-down"></div>
</div>
</section>
<!-- section menu mobile -->
<section class="menu-media">
<div class="menu-content">
<div class="icon"><a href="#"><img src="img/icons/menu-media.png"/></a></div>
</div>
</section>
<ul class="menu-click">
<a href="#home"><li href="#home">HOME</li></a>
<a href="#about-us"><li href="#about-us">ABOUT ME</li></a>
<a href="#portfolio"><li href="#portfolio">PORTFOLIO</li></a>
<a href="#contact"><li href="#contact">CONTACT</li></a>
</ul>
<!-- section menu -->
<section class="menu">
<div class="menu-content">
<div class="logo">Jose D. Rodriguez</div>
<ul id="menu">
<li><a href="#home">HOME</a></li>
<li><a href="#about-us">ABOUT ME</a></li>
<li><a href="#portfolio">PORTFOLIO</a></li>
<li><a href="#contact">CONTACT</a></li>
</ul>
</div>
</section>
<!-- section about us -->
<section class="about-us" id="about-us">
<div class="content">
<h1>ABOUT ME</h1>
<hr/>
<p class="title">Senior Software Engineer, web enthusiast, with a proven record designing and architecting high performance and scalable platforms and products. Obsessed with collaboration, standardization and simplification, with a soft spot for innovation and research. One of the top performers at Figmenta since 2012. Part of my toolkit includes extensive knowledge of software engineering principles and methodologies as well as great analytical skills, fast learner, and experienced team player. </p>
</div>
</section>
<div class="clear"></div>
<!-- portoflio-->
<section class="portfolio" id="portfolio">
<div class="portfolio-margin">
<h1>PORTFOLIO</h1>
<hr/>
<!-- 1 item portoflio-->
<ul class="grid">
<li>
<a href="http://fashionlook.co" target="_blank">
<img src="img/portfolio/fashionlook.jpg" alt="Fashionlook" />
<div class="text">
<h3>Fashionlook</h3>
<p class="description">A free Iphone app that allows users to keep up with their favorite fashion bloggers and buy items and looks from the best stores around the world with just one tap, everywhere and anytime they want.</p>
</div>
</a>
</li>
<li>
<a href="http://www.soglamcoiffeur.it/" target="_blank">
<img src="img/portfolio/soglam.png" alt="SoGlam! Coiffeur" />
<div class="text">
<h3> SoGlam! Coiffeur</h3>
<p class="description">SOGLAM! is the group that has the objective of proposing a new philosophy of work that goes beyond the French-inspired geometric patterns by offering a creative and artistic approach unique in the market.</p>
</div>
</a>
</li>
<li>
<a href="http://www.doppiozero.com/" target="_blank">
<img src="img/portfolio/doppiozero.png" alt="Doppiozero" />
<div class="text">
<h3>Doppiozero</h3>
<p class="description">Doppiozero is a website and a publishing house with a setting non-profit, active network from 14 February 2011, With over 800 writers, critics, journalists, researchers, scholars of different disciplines, in an ecosystem that brings together well-known intellectuals, young authors and established scholars. The site publishes about 20 articles a week and hosts 20 thematic sections and 60 personal blogs.</p>
</div>
</a>
</li>
<li>
<a href="http://mitu.it/" target="_blank">
<img src="img/portfolio/mitu.jpg" alt="Mitu/Mline" />
<div class="text">
<h3> Mitu/Mline</h3>
<p class="description">Mitù is a group of hairdressers partners Wella Professionals on the market since 1989. Today it includes about 200 salons spread throughout the Italian territory</p>
</div>
</a>
</li>
<li>
<a href="http://bestclub.it/" target="_blank">
<img src="img/portfolio/bestclub.png" alt="Bestclub" />
<div class="text">
<h3>Bestclub</h3>
<p class="description">The Club is a group of hairdressers with a style especially English.
Hairstylists TheClub create looks inspired by the London Fashion Week. Energy, rigor, dynamism are key words behind the project.</p>
</div>
</a>
</li>
<li>
<a href="http://arthairstudios.it/" target="_blank">
<img src="img/portfolio/arthairstudios.jpg" alt="Art Hair Studios" />
<div class="text">
<h3>Art Hair Studios</h3>
<p class="description">Art Hair Studios was founded in 1976 as an association of hairdressers, partner of Wella Professionals. Today the group is composed of about 100 of the most prestigious names in the world dell'Hairstyle Italian. The method AHS look at the market proactively: always experimenting with new ideas for the living room according to an entrepreneurial management, which favors the development of the category.</p>
</div>
</a>
</li>
<li>
<a href="http://www.paulshark.it/" target="_blank">
<img src="img/portfolio/paulshark.jpeg" alt="Paul & Shark" />
<div class="text">
<h3>Paul & Shark</h3>
<p class="description">Founded in 1975 by the Dini family, Paul & Shark is today synonymous with Italian elegance and style, with its Men's, Women's, Children's and Accessories collections available in 73 different countries.</p>
</div>
</a>
</li>
</ul>
</div>
</section>
<div class="clear"></div>
<!-- Contact-->
<section class="contact" id="contact">
<h1>Contact</h1>
<hr/>
<div class="content">
<p class="contact-text">
You can contact me anytime via: <a href="https://www.linkedin.com/in/josedavidrodriguezvelasco" target="_blank"><img src="img/icons/linkedin-icon.jpg"> Linkedin</a>, <a href="skype:jodarove1?call"><img width="16px" height="16px" src="img/icons/skype.png"> Skype</a> (jodarove1</a>), or simply <a href="mailto:[email protected]">send me an email</a> (<strong>[email protected]</strong>).
</p>
</div>
</section>
<section class="footer">
<div class="copyright">©2015. All Rights Reserved</div>
</section>
</div>
<!-- Scripts -->
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.10.4.min.js" type="text/javascript"></script> <!-- jQuery -->
<script src="js/jquery.nicescroll.js"></script> <!-- jQuery NiceScroll -->
<script src="js/jquery.sticky.js"></script> <!-- jQuery Stick Menu -->
<script src="js/masonry.pkgd.min.js"></script> <!-- All script -->
<script src="js/imagesloaded.pkgd.min.js"></script> <!-- All script -->
<script>
$(function(){
var $container = $('.grid');
$container.imagesLoaded( function(){
$container.masonry({
itemSelector : 'li'
});
});
});
</script>
<script src="js/jquery.parallax.js"></script> <!-- jQuery Parallax -->
<script src="js/script.js"></script> <!-- All script -->
</body>
</html>