/
index.html
101 lines (90 loc) · 4.49 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
<!doctype html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Adrian Barabino on GitHub</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="css/style.css">
<link href='http://fonts.googleapis.com/css?family=Bitter:400,700' rel='stylesheet' type='text/css'>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-42580994-2', 'adrianbarabino.com');
ga('send', 'pageview');
</script>
</head>
<body>
<section id="container">
<section id="langselect">
<ul>
<li><span data-translate="language">Language:</span></li>
<li><a href="javascript:void(0);" class="lang" id="es">Español</a></li>
<li><a href="javascript:void(0);" class="lang" id="en">English</a></li>
</ul>
</section>
<header>
<div class="title">
<h1>Adrian Barabino</h1>
<h2 data-translate="sub-title">Web Developer / Photographer</h2>
</div>
<picture>
<img src="https://secure.gravatar.com/avatar/7d2f497dbfa029b9b65bb0ad4dabbc71?s=200">
</picture>
<p data-translate="bio">
I am a 20 years old, fan of photography, journalism and web development, i took my first steps in web development in 2007 and in 2010 i started to take photos. <br>I born an august 5 in Rio Gallegos, Santa Cruz, Argentina where i live now, i work as photojournalist and also i do works of photography and web programming.
</p>
</header>
<section id="content">
<h2 data-translate="my-jobs" class="works">My jobs</h2>
<!-- Slider #1 -->
<div id="workscontainer">
<div id="workscontainer_inner" style="display:none;">
</div>
</div>
<ul id="works" class="row">
</ul>
<h2 data-translate="photos" class="social">Photos<small> - <a href="http://500px.com/adrianbarabino">in 500px.com</a></small></h2>
<ul id="photos">
</ul>
<h2 data-translate="contact" class="contact">Contact</h2>
<center>
<form action="">
<input data-translate="name" class="required" placeholder="Name" name="name" type="text">
<input data-translate="email" class="required email" placeholder="Email" name="email" type="text">
<input data-translate="subject" class="required" placeholder="Subject" name="subject" type="text"><br>
<textarea name="message" data-translate="message" class="required" placeholder="Message" name="message"id="message" cols="30" rows="10"></textarea><br>
<input type="button" data-translate="send" id="send" value="Send" />
</form>
<section id="thanks" style="display:none;">
<h2 data-translate="thank-you-contact">Thank you for contact me</h2>
</section>
</center>
<h2 data-translate="me-on-social-networks" class="social">Me on social networks</h2>
<ul id="social" class="row">
<li class="span1"><a href="https://www.github.com/adrianbarabino">Github</a></li>
<li class="span1"><a href="http://ar.linkedin.com/in/adrianbarabino">LinkedIn</a></li>
<li class="span1"><a href="https://www.500px.com/adrianbarabino">500px</a></li>
<li class="span1"><a href="https://www.flickr.com/photos/adrianbarabino">Flickr</a></li>
<li class="span1"><a href="https://www.facebook.com/adrianbarabino">Facebook</a></li>
<li class="span1"><a href="https://www.twitter.com/adrianbarabino">Twitter</a></li>
<li class="span1"><a href="https://plus.google.com/112053613423694679770">Google+</a></li>
<li class="span1"><a data-translate="my-blog" href="http://www.adrianbarabino.net/">My blog</a></li>
</ul>
</section>
</section>
<footer>
<span>Adrian Barabino © 2013</span>
</footer>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jqueryTranslator.js"></script>
<script src="js/jquery.easing.1.2.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js"></script>
<script src="js/site.js"></script>
</body>
</html>