-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
152 lines (145 loc) · 8.97 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Marco Guerrera Portfolio</title>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"/>
<link rel="stylesheet" type="text/css" media="all" href="style/style.css">
<link rel="stylesheet" type="text/css" media="all" href="style/responsive.css">
<!--[if lt IE 9]>
<script src="js/html5.js" type="text/javascript"></script>
<![endif]-->
</head>
<body class="home blog dark" style="background-image: url(/myPictures/wp2.jpg); background-repeat: no-repeat; background-size: auto; background-attachment:fixed;">
<div class="hfeed site" id="page">
<header role="banner" class="site_header" id="header">
<div class="social_links">
<ul>
<li class="fb"><a href="https://www.facebook.com/marco.guerrera.developer/" target="_blank" title="Facebook">Facebook</a></li>
<li class="lnkd"><a href="https://www.linkedin.com/in/marco-guerrera/" target="_blank" title="Linkedin">Linkedln</a></li>
</ul>
</div>
</header>
<div id="main" >
<div class="content_area" id="primary">
<div role="main" class="site_content" id="content">
<section class="section profile_section first odd" id="profile"> <!--<a id="blog_page_link" href="blog-category-arhive.html"><span class="icon-pencil icon"></span><span class="label">Blog</span></a>-->
<div class="section_header profile_section_header opened">
<h2 class="section_title profile_section_title vis"><a href="#"><span class="icon icon-user"></span><span class="section_name">Profile</span></a><span class="section_icon"></span></h2>
<div id="profile_header">
<div id="profile_user">
<div id="profile_photo"><img src="/myPictures/pxArt512.png" alt="Guerrera Marco" /></div>
<div id="profile_name_area">
<div id="profile_name">
<h1 id="profile_title"><span class="firstname">Marco</span> <span class="lastname">Guerrera</span></h1>
<h4 id="profile_position">Software Developer</h4>
</div>
</div>
</div>
<div id="profile_data">
<div class="profile_row name"> <span class="th">Name:</span><span class="td">Marco Guerrera</span> </div>
<div class="profile_row birth"> <span class="th">Generation:</span><span class="td">Millennial</span> </div>
<div class="profile_row address"> <span class="th">Location:</span><span class="td">Palermo, CAP 90100, IT</span> </div>
<!--<div class="profile_row phone"> <span class="th">Phone:</span><span class="td">+1-541-754-3010</span> </div>-->
<div class="profile_row email"> <span class="th">Email:</span><span class="td"><a href="mailto:[email protected]">[email protected]</a></span> </div>
<!--<div class="profile_row website"> <span class="th">Linkedln:</span><span class="td"><a target="_blank" href="https://www.linkedin.com/in/marco-guerrera/">linkedin.com/in/marco-guerrera</a></span> </div>-->
</div>
</div>
</div>
<div class="section_body profile_section_body">
<div class="proile_body"> I'm Marco Guerrera, an indie software developer. I have developed Web Games, Mobile Applications and Mobile Games. </div>
</div>
</section>
<div id="mainpage_accordion_area">
<!-- PORTFOLIO -->
<section class="section portfolio_section odd" id="portfolio">
<div class="section_header portfolio_section_header">
<h2 class="section_title portfolio_section_title"><a href="#"><span class="icon icon-briefcase"></span><span class="section_name">Portfolio</span></a><span class="section_icon"></span></h2>
</div>
<div class="section_body portfolio_section_body">
<div class="portfolio_wrapper">
</ul>
<div class="portfolio_items">
<article class="post portfolio_post portfolio_post_1 first even category_4 category_6">
<div class="post_pic portfolio_post_pic"> <a class="w_hover img-link img-wrap" href="https://play.google.com/store/apps/details?id=it.marcoguerrera.info.PixelSnake" target="_blank"> <span class="overlay"></span> <span class="link-icon"></span> <img src="/myPictures/snake.jpg" alt="Pixel Snake"/> </a> </div>
<h4 class="post_title"><a href="portfolio.html">Pixel Snake</a></h4>
</article>
<article class="post portfolio_post portfolio_post_2 odd category_4 category_6">
<div class="post_pic portfolio_post_pic"> <a class="w_hover img-link img-wrap" href="https://play.google.com/store/apps/details?id=com.gmail.marcoguerrera84.PixelPong" target="_blank"> <span class="overlay"></span> <span class="link-icon"></span> <img src="/myPictures/pong.jpg" alt="Pixel Pong" /> </a> </div>
<h4 class="post_title"><a href="portfolio.html">Pixel Pong</a></h4>
</article>
<!--https://play.google.com/store/apps/details?id=it.marcoguerrera.info.PixelSnake-->
<article class="post portfolio_post portfolio_post_3 even category_4 category_6">
<div class="post_pic portfolio_post_pic"> <a class="w_hover img-link img-wrap" href="https://play.google.com/store/apps/details?id=com.github.mguerrera.blasterocks" target="_blank"> <span class="overlay"></span> <span class="link-icon"></span> <img src="/myPictures/bsrs.jpg" alt="Blasterocks" /> </a> </div>
<h4 class="post_title"><a href="portfolio.html">Blasterocks</a></h4>
</article>
<article class="post portfolio_post portfolio_post_4 odd category_4 category_6">
<div class="post_pic portfolio_post_pic"> <a class="w_hover img-link img-wrap" href="https://play.google.com/store/apps/details?id=com.gmail.marcoguerrera84.Gorillas" target="_blank"> <span class="overlay"></span> <span class="link-icon"></span> <img src="/myPictures/gorillas.jpg" alt="Gorillas" /> </a> </div>
<h4 class="post_title"><a href="portfolio.html">Gorillas</a></h4>
</article>
<article class="post portfolio_post portfolio_post_5 even category_6">
<div class="post_pic portfolio_post_pic"> <a class="w_hover img-link img-wrap" href="https://play.google.com/store/apps/details?id=it.marcoguerrera.stickystyluswidget" target="_blank"> <span class="overlay"></span> <span class="link-icon"></span> <img src="/myPictures/sswidget.jpg" alt="Sticky Stylus Widget" /> </a> </div>
<h4 class="post_title"><a href="portfolio.html">Sticky Stylus Widget</a></h4>
</article>
</div>
<div class="portfolio_iso_pages">
<ul id="portfolio_iso_pages">
</ul>
<div id="portfolio_iso_pages_2"> Page <span id="portfolio_iso_pages_current">1</span> of <span id="portfolio_iso_pages_total"></span> </div>
</div>
</div>
</div>
<!-- .section_body -->
</section>
<!-- /PORTFOLIO -->
<!-- CONTACTS -->
<section class="section contact_section even" id="contact">
<div class="section_header contact_section_header">
<h2 class="section_title contact_section_title"><a href="#"><span class="icon icon-envelope-alt"></span><span class="section_name">Contacts</span></a><span class="section_icon"></span></h2>
</div>
<div class="section_body contact_section_body">
<div id="googlemap_data">
<div class="googlemap_img" style="background-image: url('../myPictures/myPosition.png'); width:100%; height:50vh; background-size: contain; background-repeat: no-repeat; background-position-x: 50%"></div>
<!--<div id="sc_googlemap" style="width:100%;height:294px;" class="sc_googlemap"></div>-->
<div class="add_info">
<div class="profile_row header "> Contact Info </div>
<div class="profile_row address"> <span class="th">Address</span><span class="td"></span> </div>
<div class="profile_row email"> <span class="th">E-mail</span><span class="td"></span> </div>
</div>
</div>
</div>
<!-- .section_body -->
</section>
<!-- /CONTACT -->
</div>
<!-- #mainpage_accordion_area -->
</div>
<!-- #content -->
</div>
<!-- #primary -->
</div>
<!-- #main -->
<footer role="contentinfo" class="site_footer" id="footer">
<div class="footer_copyright"> ThemeREX © 2013 All Rights Reserved </div>
</footer>
</div>
<!-- #page -->
<!-- connect js -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.tools.custom.js"></script>
<script type="text/javascript" src="js/jquery.flexslider.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/mediaelement.min.js"></script>
<script type="text/javascript" src="js/jquery.qrcode-0.6.0.min.js"></script>
<script type="text/javascript" src="js/googlemap_init.js"></script>
<script type="text/javascript" src="js/jquery.easing.js"></script>
<script type="text/javascript" src="js/jquery.reject.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/utils.js"></script>
<script type="text/javascript" src="js/lib.js"></script>
<!--Javascript code chart-->
</body>
</html>