forked from benocd/benocd.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex-old.html
More file actions
154 lines (151 loc) · 9.51 KB
/
index-old.html
File metadata and controls
154 lines (151 loc) · 9.51 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
<!DOCTYPE html>
<html>
<head>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-6600318185776337",
enable_page_level_ads: true
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/skel/3.0.0/skel.min.js"></script>
<script src="js/util.js"></script>
<title>BeñoCampos</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="icon" type="image/png" href="images/favicon.png">
</head>
<body id="top" class="w3-light-grey">
<!-- Header -->
<header id="header" style="background-position: 0% 0%, 50% 50%;" class="w3-card-4">
<a href="#" class="image avatar"><img src="images/avatar.jpg" alt=""></a>
<h1><strong>Bernardo Campos Diocaretz</strong> <br> Developer </h1>
</header>
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one">
<header class="major">
<h2>Acerca de mí</h2>
</header>
<p>Mi nombre es Bernardo, vivo en Concepción, Chile y me fascina la informática desde que tengo memoria.
Soy Licenciado en Tecnologías de la Información (University of Newcastle), Analista Programador
Computacional (Duoc UC) y
actualmente estudio Ingeniería en Informática en Duoc UC.</p>
<p>Me interesa poder realizar proyectos de innovación tecnológica que puedan dar solución a problemas
del mundo real de manera eficiente y sustentable.</p>
<p>Si te interesa saber más sobre mí puedes revisar mi perfil de <a href="https://cl.linkedin.com/in/bernardo-campos-diocaretz-7662b378" target="_blank">LinkedIn</a> o bien enviarme un mensaje
de <a href="mailto:bcamposdiocaretz@gmail.com">correo electrónico</a>.</p>
</section>
<!-- Two -->
<section id="two">
<div>
<h2 class="w3-center">¿A qué me dedico?</h2>
<p class="w3-center w3-large">Desarrollo soluciones tecnológicas en las siguientes áreas</p>
<div class="w3-row-padding" style="margin-top:64px">
<div class="w3-col l3 m6 w3-margin-bottom">
<div class="w3-card-2 w3-white">
<img src="/images/iot.jpg" alt="IoT" class="w3-hover-opacity" style="width:100%">
<div class="w3-container">
<h3>IoT</h3>
<p>Internet de las cosas (Internet of Things) se refiere a la conexión de objetos
cotidianos con internet, tales como sensores, circuitos con control, cámaras de
video, etc.</p>
</div>
</div>
</div>
<div class="w3-col l3 m6 w3-margin-bottom">
<div class="w3-card-2 w3-white">
<img src="/images/web.jpg" alt="Web" class="w3-hover-opacity" style="width:100%">
<div class="w3-container">
<h3>Web</h3>
<p>Más de 10 años de experiencia desarrollando proyectos Web. Me dedico tanto al área
de diseño (Front-end) como a la programación (Back-end).
</p>
</div>
</div>
</div>
<div class="w3-col l3 m6 w3-margin-bottom">
<div class="w3-card-2 w3-white">
<img src="/images/apps.jpg" alt="Apps" class="w3-hover-opacity" style="width:100%">
<div class="w3-container">
<h3>Apps</h3>
<p>Desarrollo de aplicaciónes para dispositivos móviles con sistema operativo iOS,
Android y Windows Phone.</p>
</div>
</div>
</div>
<div class="w3-col l3 m6 w3-margin-bottom">
<div class="w3-card-2 w3-white">
<img src="/images/soporte.jpg" alt="Soporte" class="w3-hover-opacity" style="width:100%">
<div class="w3-container">
<h3>Soporte</h3>
<p>Soporte Técnico a pequeñas y medianas empresas en las áreas de Software, Hardware,
Redes y Seguridad Informática.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Three -->
<section id="three">
<h2 class="w3-center">Blog</h2>
<div id="blog" class="row">
</div>
<ul class="actions">
<li><a href="http://blog.beno.cl/" class="button">Ver Blog</a></li>
</ul>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="https://cl.linkedin.com/in/bernardo-campos-diocaretz-7662b378" target="blank" class="icon fa-linkedin-square"><span class="label">Linkedin</span></a></li>
<li><a href="https://www.flickr.com/beno_cd" target="blank" class="icon fa-flickr"><span class="label">Flickr</span></a></li>
<li><a href="https://www.twitter.com/beno_cd" target="blank" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.strava.com/athletes/10881744" target="blank" class="icon fa-bicycle"><span class="label">Strava</span></a></li>
<li><a href="mailto:bcamposdiocaretz@gmail.com" class="icon fa-envelope-o"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© Bernardo Campos Diocaretz</li>
</ul>
</footer>
<!-- Scripts -->
<!--[if lte IE 8]><![endif]-->
<script>(function($) {var settings = {parallax: true,parallaxFactor: 20};skel.breakpoints({xlarge: '(max-width: 1800px)',large: '(max-width: 1280px)',medium: '(max-width: 980px)',small: '(max-width: 736px)',xsmall: '(max-width: 480px)'});$(function() {var $window = $(window),$body = $('body'),$header = $('#header');$body.addClass('is-loading');$window.on('load', function() {$body.removeClass('is-loading');});if (skel.vars.mobile) {$body.addClass('is-touch');window.setTimeout(function() {$window.scrollTop($window.scrollTop() + 1);}, 0);}$('form').placeholder();skel.on('+medium -medium', function() {$.prioritize('.important\\28 medium\\29',skel.breakpoint('medium').active);});if (skel.vars.browser == 'ie'|| skel.vars.mobile)settings.parallax = false;if (settings.parallax) {skel.on('change', function() {if (skel.breakpoint('medium').active) {$window.off('scroll.strata_parallax');$header.css('background-position', 'top left, center center');} else {$header.css('background-position', 'left 0px');$window.on('scroll.strata_parallax', function() {$header.css('background-position', 'left ' + (-1 * (parseInt($window.scrollTop()) / settings.parallaxFactor)) + 'px');});}});}$window.on('load', function() {$('#two').poptrox({caption: function($a) { return $a.next('h3').text(); },overlayColor: '#2c2c2c',overlayOpacity: 0.85,popupCloserText: '',popupLoaderText: '',selector: '.work-item a.image',usePopupCaption: true,usePopupDefaultStyling: false,usePopupEasyClose: false,usePopupNav: true,windowMargin: (skel.breakpoint('small').active ? 0 : 50)});});});})(jQuery);</script>
<div class="poptrox-overlay" style="position: fixed; left: 0px; top: 0px; z-index: 1000; width: 100%; height: 100%; text-align: center; cursor: pointer; display: none;">
<div style="display:inline-block;height:100%;vertical-align:middle;"></div>
<div style="position:absolute;left:0;top:0;width:100%;height:100%;background:#2c2c2c;opacity:0.85;filter:alpha(opacity=85);"></div>
<div class="poptrox-popup" style="display: none; vertical-align: middle; position: relative; z-index: 1; cursor: auto; min-width: 200px; min-height: 100px;">
<div class="loader" style="display: none;"></div>
<div class="pic" style="display: none;"></div>
<div class="caption" style="display: none;"></div>
<span class="closer" style="cursor: pointer; display: none;"></span>
<div class="nav-previous" style="display: none;"></div>
<div class="nav-next" style="display: none;"></div>
</div>
</div>
<!-- blog rss-->
<script>
$.ajax({
url:'http://blog.beno.cl/feeds/posts/default?alt=json',
method: 'GET',
dataType: 'json',
beforeSend: function(xhr){
xhr.setRequestHeader("Access-Control-Allow-Origin", "*");
},
success: function(data){
console.log(data);
for (var i = 0; i < data.rows.length; i++) {
$('#blog').append('<p>' + data.rows[i].realName + '</p>');
}
}
});
</script>
</body>
</html>