-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
165 lines (137 loc) · 9.29 KB
/
index.html
File metadata and controls
165 lines (137 loc) · 9.29 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
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Gerardo López | Web Development</title>
<meta name="robots" content="index, follow"/>
<meta name="googlebot" content="index, follow"/>
<meta name="hreflang" content="index, follow"/>
<link rel="alternate" href="http://gerardolopez.info/" hreflang="es-sv" />
<link href="assets/vendors/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
<link href="assets/vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="assets/vendors/fullpage/jquery.fullpage.min.css" rel="stylesheet">
<link href="assets/css/custom.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>
<link href="assets/vendors/css-percentage-circle-master/css/circle.css" rel="stylesheet" type="text/css">
<link href="assets/vendors/pace/pace.css" rel="stylesheet">
<link href="assets/vendors/imagehover.css/css/imagehover.min.css" rel="stylesheet">
</head>
<body>
<section>
<div id="fullpage">
<div class="section" id="home">
<div class="intro text-center">
<h1 class="introtext text-center simplifica"><b id="main-text-home"></b></h1>
<img src="assets/img/logos.png" style="padding:20px">
<h2 style="color:#fff;" >Scroll down :)</h2>
</div>
<div class="arrow">
<i class="fa fa-chevron-down fa-2x" style="color:#fff;"></i>
</div>
</div>
<div class="section" id="about">
<div class="intro">
<div class="container">
<div class="col-md-4">
<img src="assets/img/yoround2.png" title="I know you like it ;)" class="col-xs-12">
</div>
<div class="col-md-8">
<h2 class="text-center fjallaone">I am Gerardo López (* 1997) and this is my personal portfolio. I am currently studying engineering in computer science and working as freelancer Web Developer.</h2>
<div class="clearfix"></div>
<div class="col-xs-4">
<!--<div class="col-xs-12 text-center"><img src="assets/img/pinkfloydblack.png" alt="The greatest rock band in the world" title="The greatest rock band in the world! lml" class="col-xs-12 col-md-6 col-md-offset-3 no-padding-horizontal"> </div>
<div class="col-xs-12 text-center abouttext fjallaone"><h3><b id="pinkfloydcounter"></b></h3><h4>Days loving Pink Floyd</h4></div>-->
<figure class="imghvr-zoom-in" style="background-color:transparent;">
<img src="assets/img/pinkfloydblack.png" alt="The greatest rock band in the world" title="The greatest rock band in the world! lml" class="col-xs-12 col-md-8 col-md-offset-2 no-padding-horizontal">
<figcaption class="" style="background-color:rgba(255, 255, 255, 0.8);color:#000;">
<h3 class="black text-center">Hola Mundo</h3>
</figcaption>
</figure>
</div>
<div class="col-xs-4">
<!--<div class="col-xs-12 text-center"><img src="assets/img/codeblack.png" alt="Code is love, code is life" title="Code is love, code is life" class="col-xs-12 col-md-6 col-md-offset-3 no-padding-horizontal"> </div>
<div class="col-xs-12 text-center abouttext fjallaone"><h3><b id="codelines"></b></h3><h4>Code lines</h4></div>-->
<figure class="imghvr-zoom-in" style="background-color:transparent;">
<img src="assets/img/codeblack.png" alt="Code is love, code is life" title="Code is love, code is life" class="col-xs-12 col-md-8 col-md-offset-2 no-padding-horizontal">
<figcaption class="" style="background-color:rgba(255, 255, 255, 0.8);color:#000;">
<h3 class="black text-center">Hola Mundo</h3>
</figcaption>
</figure>
</div>
<div class="col-xs-4">
<figure class="imghvr-zoom-in" style="background-color:transparent;">
<img src="assets/img/scoutsblack.png" alt="Why not?" title="Why not?" class="col-xs-12 col-md-8 col-md-offset-2 no-padding-horizontal">
<figcaption class="" style="background-color:rgba(255, 255, 255, 0.8);color:#000;">
<h3 class="black text-center">Hola Mundo</h3>
</figcaption>
</figure>
<!--<div class="col-xs-12 text-center"><img src="assets/img/scoutsblack.png" alt="Why not?" title="Why not?" class="col-xs-12 col-md-6 col-md-offset-3 no-padding-horizontal"></div>
<div class=" hoverabout text-center abouttext fjallaone"><h3><b id="scoutdays"></b></h3><h4>Days being scout.</h4></div>-->
</div>
</div>
</div>
</div>
</div>
<div class="section" id="experience">
<div class="intro">
<h1 class="fjallaone text-center">My skills</h1>
</div>
</div>
</div>
</section>
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script>
<script src="assets/vendors/jquery/dist/jquery.min.js"></script>
<script src="assets/vendors/pace/pace.min.js"></script>
<script src="assets/vendors/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="assets/vendors/fullpage/jquery.fullpage.min.js"></script>
<script src="assets/vendors/typed.js/dist/typed.min.js"></script>
<script src="assets/vendors/jillix-jQuery-sidebar-e5f8e63/src/jquery.sidebar.js"></script>
<script src="assets/vendors/progressbar.js-master/dist/progressbar.min.js"></script>
<script src="assets/js/progress.js"></script>
<script>
$(".sidebar.left").sidebar().trigger("sidebar:open");
</script>
<script>
$(function(){
$("#main-text-home").typed({
strings: ["Gerardo López^2000", "Web Developer^2000"],
typeSpeed: 50,
loop: true,
});
});
</script>
<script>
$(document).ready(function() {
$('#fullpage').fullpage({
anchors: ['1', '2', '3', '4'],
autoScrolling: true,
fitToSection: true,
scrollBar: true,
menu: true,
});
});
</script>
<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','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-82097539-1', 'auto');
ga('send', 'pageview');
</script>
<script src="assets/js/custom.js"></script>
<script>
var date1="2001,01,01",f=new Date,date2=f.getFullYear()+","+(f.getMonth()+1)+","+f.getDate();date1=date1.split(","),date2=date2.split(","),date1=new Date(date1[0],date1[1],date1[2]),date2=new Date(date2[0],date2[1],date2[2]),date1_unixtime=parseInt(date1.getTime()/1e3),date2_unixtime=parseInt(date2.getTime()/1e3);var timeDifference=date2_unixtime-date1_unixtime,timeDifferenceInHours=timeDifference/60/60,timeDifferenceInDays=timeDifferenceInHours/24,pinkfloydcounter=document.getElementById("pinkfloydcounter");pinkfloydcounter.innerHTML=timeDifferenceInDays;
var d1="2014,03,01",g=new Date,d2=g.getFullYear()+","+(g.getMonth()+1)+","+g.getDate();d1=d1.split(","),d2=d2.split(","),d1=new Date(d1[0],d1[1],d1[2]),d2=new Date(d2[0],d2[1],d2[2]),d1_unixtime=parseInt(d1.getTime()/1e3),d2_unixtime=parseInt(d2.getTime()/1e3);var timeDifference=d2_unixtime-date1_unixtime,timeDifferenceInHours=timeDifference/60/60,timeDifferenceInDays=timeDifferenceInHours/24,codelines=document.getElementById("codelines");codelines.innerHTML=timeDifferenceInDays*97;
var e2="2016,10,08",h=new Date,e3=h.getFullYear()+","+(h.getMonth()+1)+","+h.getDate();e2=e2.split(","),e3=e3.split(","),e2=new Date(e2[0],e2[1],e2[2]),e3=new Date(e3[0],e3[1],e3[2]),e2_unixtime=parseInt(e2.getTime()/1e3),e3_unixtime=parseInt(e3.getTime()/1e3);var timeDifference=date2_unixtime-e2_unixtime,timeDifferenceInHours=timeDifference/60/60,timeDifferenceInDays=timeDifferenceInHours/24,scoutdays=document.getElementById("scoutdays");scoutdays.innerHTML=timeDifferenceInDays;
</script>
<script>
</script>
</body>
</html>