-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·242 lines (227 loc) · 14 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
<!doctype html> <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="it"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="it"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="it"> <![endif]-->
<!--[if IE 9]> <html class="no-js ie9 oldie" lang="it"> <![endif]-->
<!--[if gt IE 9]><!-->
<html class="no-js" lang="en" manifest="offline.manifest"><!--<![endif]-->
<head>
<!-- [GENERAL] -->
<title>gianfranco & davide reppucci - gd labs v6 - begin it now</title>
<!-- [META TAGS] -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Pragma" content="no-cache" />
<meta name="author" content="Davide Reppucci, [email protected], Gianfranco Reppucci, [email protected]" />
<meta name="robots" content="index,follow" />
<meta name="keywords" content="Software development, web development, software solutions, mobile application, CMS, communication, design, visual, layout design, SEO" />
<meta name="description" content="gdlabs continously tests new technologies in order to offer good communication solutions." />
<meta property="fb:app_id" content="107517289423446" />
<meta property="fb:admins" content="1374609416,1370110605" />
<meta property="og:title" content="gd labs"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="http://www.gdlabs.it"/>
<meta property="og:image" content="http://www.gdlabs.it/gfx/set/touch-icon-144x144.png" />
<meta property="og:description" content="We are full-stack software developers specialized in web and mobile." />
<!-- [MOBILE] -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=yes" />
<!-- [LINK] -->
<link type="text/plain" rel="author" href="humans.txt" />
<link rel="apple-touch-icon" sizes="57x57" href="gfx/set/touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="gfx/set/touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="gfx/set/touch-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="144x144" href="gfx/set/touch-icon-144x144.png" />
<link rel="apple-touch-startup-image" href="gfx/set/mobile_splash.png" />
<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" type="image/gif" href="favicon.ico" />
<!-- [CSS FILE] -->
<link href="css/common.min.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="js/libs/modernizr.js"></script>
<!--[if lte IE 8]>
<script type="text/javascript" src="libs/warning.js"></script>
<script>window.onload=function(){e("gfx/ie6/")}</script>
<![endif]-->
</head>
<body>
<section data-role="loading">
<p id="percentage">0%</p>
<p id="phrase-1" class="off">whatever you can do or dream you can,<br />begin it.</p>
<p id="phrase-2" class="off">boldness has genius,<br />power and magic in it.</p>
<p id="phrase-3" class="off">begin it now.</p>
<p class="icon-monitor"><!-- --></p>
<p class="icon-mobile"><!-- --></p>
</section>
<section data-role="content" class="off">
<!-- START #wrapper -->
<div id="wrapper">
<!-- START header -->
<header class="clearfix">
<h1><img src="gfx/img/lgo.svg" width="138" height="34" alt="gd labs" title="gd labs" /></h1>
<p id="lnk-back-home"><a href="javascript:void(0)" title="Back home"><img src="gfx/img/lnk-back-home.png" width="25" height="25" alt="Back home" title="Back home" /></a></p>
<ul class="clearfix">
<li id="lnk-contact"><a href="javascript:void(0)" title="Go to contact form" class="icon-mail"><!-- --></a></li>
<!--<li><a href="http://www.facebook.com/pages/gdlabs/194030438316" target="_blank" title="gdlabs on Facebook" class="lnk-fb"><img src="gfx/img/lnk-fb.svg" width="10" height="18" alt="gdlabs on Facebook" title="gdlabs on Facebook" /></a></li>-->
<li><a href="http://www.twitter.com/gdlabs" target="_blank" title="gdlabs on Twitter" class="lnk-twitter"><img src="gfx/img/lnk-twitter.svg" width="13" height="17" alt="gdlabs on Twitter" title="gdlabs on Twitter" /></a></li>
</ul>
</header>
<!-- /END header -->
<!-- START #logo -->
<div id="logo">
<a href="javascript:void(0)" title="" id="lnk-blue"><!-- --></a>
<a href="javascript:void(0)" title="" id="lnk-red"><!-- --></a>
<div id="blue"><img src="gfx/img/lgo-blue.svg" width="221" height="321" alt="" title="" /></div>
<div id="red"><img src="gfx/img/lgo-red.svg" width="221" height="321" alt="" title="" /></div>
</div>
<!-- /END #logo -->
<!-- START #block-intro -->
<section id="block-intro">
<p>Welcome to gdlabs.<br /></p>
<p>We are full-stack software developers specialized in web and mobile.<br />
Our mission is to <em>build up</em> your ideas with passion and experience.</p>
<p class="desktop">Navigate the website using arrow keys and discover who we are.</p>
<p class="mobile">Discover who we are by clicking logo or using swipe.</p>
</section>
<!-- /END #block-intro -->
<!-- START .block-about -->
<article class="block-about" data-name="about-blue">
<figure><img src="gfx/img/about-blue.jpg" width="100" height="100" alt="" title="" /></figure>
<hgroup>
<h2>gianfranco reppucci</h2>
<h3>software developer</h3>
<p class="lnk-read-more"><a href="javascript:void(0)" title="read more about gianfranco reppucci software developer"><span><</span> read more about me</a></p>
</hgroup>
<div>
<!-- START .scroll-pane -->
<div class="scroll-pane">
<p>Born in Naples on June, 24th, 1982, Gianfranco explores the web since 1996.</p>
<p>During the studies at the Federico II University, where he obtains a bachelor in Computer<br />Sciences, he starts working as freelance web developer.</p>
<p>With about 10 years of experience in software development, his expertise includes Python (Django, Flask), PHP (Code Igniter, Slim, Symphony, Zend), Javascript (node.js, socket.io, jQuery), Ruby, SQL and non databases (MySQL, PostgreSQL, Redis). And a strong interest in communication and finance.</p>
<p>In his spare time, he enjoys himself with a Canon EOS 450D and a lot of music to listen to.</p>
</div>
<!-- /END .scroll-pane -->
<ul class="clearfix">
<li><a href="http://www.about.me/giefferre" title="giefferre's profile on about.me" target="_blank"><img src="gfx/img/lnk-aboutme.svg" width="30" height="30" alt="" title="" /></a></li>
</ul>
</div>
</article>
<!-- /END .block-about -->
<!-- START .block-about -->
<article class="block-about" data-name="about-red">
<figure><img src="gfx/img/about-red.jpg" width="100" height="100" alt="" title="" /></figure>
<hgroup>
<h2>davide reppucci</h2>
<h3>front-end developer</h3>
<p class="lnk-read-more"><a href="javascript:void(0)" title="read more about davide reppucci frontend developer"><span>></span> read more about me</a></p>
</hgroup>
<div>
<!-- START .scroll-pane -->
<div class="scroll-pane">
<p>Davide Reppucci was born on June 19th, 1984, in Naples. He nurtures his passion for drawing and, after completing high graduation, he awards a bachelor at "Istituto superiore di design di Napoli" in Digital design course with maximum votes.</p>
<p>He starts working as flash developer, then he grows up as web designer. In this period he improves his knowledge about creativity, concepts, technologies, methods, applications and web world with a continue research and inspirations from whatever he can see around him.</p>
<p>As being graphic&web addicted, his competences are about graphic apps, web trends, markup (HTML5), style (CSS3), validation (w3c), accessibility, user-friendly interface, javascript (jquery, mootools, AJAX, JSON, moustache.js and more over), flash (animation and actionscript), SEO, CMS integration (Django, Joomla!, Wordpress, Squarespace, Magnolia, Alfresco).</p>
<p>In his spare time he loves to use his photocam and to read everything.</p>
</div>
<!-- /END .scroll-pane -->
<ul class="clearfix">
<li><a href="http://www.about.me/dreppucci" title="dreppucci's profile on about.me" target="_blank"><img src="gfx/img/lnk-aboutme.svg" width="30" height="30" alt="" title="" /></a></li>
</ul>
</div>
</article>
<!-- /END .block-about -->
<!-- START #block-contact -->
<section id="block-contact">
<form method="post" action="http://services.apps.gdlabs.it/crm/contact/save" id="contact-form" class="validate-form">
<fieldset>
<legend>Contact form</legend>
<input type="hidden" id="js_request" name="js_request" value="" />
<p><input type="text" id="name" name="name" title="your name is required" value="" placeholder="name *" required="required" /></p>
<p><input type="text" id="surname" name="surname" title="your surname is required" value="" placeholder="surname *" required="required" /></p>
<p><input type="email" id="email" name="email" title="your email is required" value="" placeholder="email *" required="required" /></p>
<p><input type="tel" id="phone" name="phone" title="your phone is required" value="" placeholder="phone *" required="required" /></p>
<p class="desktop"><input type="text" id="organization" name="organization" value="" placeholder="organization" /></p>
<p class="desktop">
<span class="file-fake"><span class="file-target fake-elm" data-text="attach file">attach file</span><span class="file-button">browse</span></span>
<input type="file" id="attachment" name="attachment" value="" size="12" />
</p>
<p>
<span class="select-fake fake-elm" data-text="select reason *"><!-- --></span>
<select id="reason" name="reason" title="your reason is required" required="required">
<option value="">select reason *</option>
<option value="Business Enquiry">Business Enquiry</option>
<option value="Say Hello!">Say Hello!</option>
<option value="Collaboration">Collaboration</option>
</select>
</p>
<p class="desktop">
<span class="select-fake fake-elm" data-text="select budget range"><!-- --></span>
<select id="budget" name="budget">
<option value="">select budget range</option>
<option value="1">less than €5.000</option>
<option value="2">€5.000 - €10.000</option>
<option value="3">€10.000 - €50.000</option>
<option value="7">more than €50.000</option>
</select>
</p>
<p class="all-size clearfix"><textarea id="message" name="message" title="message is required" placeholder="message *" rows="10" cols="60" required="required"></textarea></p>
<p class="check-privacy">
<span class="checkbox-fake"><!-- --></span>
<input type="checkbox" id="privacy" name="privacy" title="it's required to agree with privacy policy" value="" required="required" />
<label for="privacy">I agree with <a href="privacy.html" data-fancybox="true" title="Click to open privacy policy dialog">privacy policy</a></label>
</p>
<p class="submit"><input type="submit" id="submit" name="submit" value="Submit" /></p>
</fieldset>
</form>
</section>
<!-- /END #block-contact -->
<!-- START footer -->
<footer class="clearfix">
<ul class="clearfix">
<li class="first-child">© 2005 - 2013 gdlabs ®</li>
<!-- <li><a href="http://labs.gdlabs.it" target="_blank" title="labs">labs</a></li> -->
<!-- <li><span class="desktop">want to see what we developed? take a tour on our </span><a href="http://portfolio.gdlabs.it" target="_blank" title="portfolio">portfolio</a></li> -->
</ul>
<div class="controller clearfix">
<div class="desktop clearfix">
<ul>
<li class="icon-up"><!-- --></li>
<li class="icon-left"><!-- --></li>
<li class="icon-down"><!-- --></li>
<li class="icon-right"><!-- --></li>
</ul>
</div>
<div class="touch clearfix">
<ul>
<li class="icon-up-hand"><!-- --></li>
<li class="icon-left-hand"><!-- --></li>
<li class="icon-down-hand"><!-- --></li>
<li class="icon-right-hand"><!-- --></li>
</ul>
</div>
</div>
</footer>
<!-- /END footer -->
</div>
<!-- /END #wrapper -->
<div class="topreload" id="bkg-rows"><!-- --></div>
<div class="topreload" id="body"><!-- --></div>
</section>
<!-- [JS FILE] -->
<script type="text/javascript" src="js/libs/jquery.core.min.js"></script>
<script type="text/javascript" src="js/core.min.js"></script>
<!--[if lt IE 8]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-2539795-4']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>