<!DOCTYPE html>
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 8)|!(IE)]><!--><html class="no-js" lang="en"> <!--<![endif]-->
<head>
            <meta charset="utf-8" />
        <title>Personal | Grav</title>
        <meta name="generator" content="GravCMS" />
<meta name="description" content="Grav is an easy to use, yet powerful, open source flat-file CMS" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <link rel="icon" type="image/png" href="/user/themes/ceevee/images/favicon.png" />

                                                                                 
        <script src="/user/themes/ceevee/js/modernizr.js"></script>

                    <link href="/user/plugins/markdown-notices/assets/notices.css" type="text/css" rel="stylesheet">
<link href="/user/plugins/form/assets/form-styles.css" type="text/css" rel="stylesheet">
<link href="/user/plugins/login/css/login.css" type="text/css" rel="stylesheet">
<link href="/user/themes/ceevee/css/default.css" type="text/css" rel="stylesheet">
<link href="/user/themes/ceevee/css/layout.css" type="text/css" rel="stylesheet">
<link href="/user/themes/ceevee/css/media-queries.css" type="text/css" rel="stylesheet">
<link href="/user/themes/ceevee/css/magnific-popup.css" type="text/css" rel="stylesheet">

                    </head>
    <body>
                     <header id="home">
    <nav id="nav-wrap">
    <a class="mobile-btn" href="#nav-wrap" title="Show navigation">Show navigation</a>
    <a class="mobile-btn" href="#close" title="Hide navigation">Hide navigation</a>

        
    <ul id="nav" class="nav">
                                                                    <li class="current">
                    <a class="smoothscroll" href="#home">
                        home
                    </a>
                </li>
                                                                                                <li class="">
                    <a class="smoothscroll" href="#about">About</a>
                </li>
                                                                <li class="">
                    <a class="smoothscroll" href="#resume">Resume</a>
                </li>
                        </ul>
</nav>
    <div class="row banner">
    <div class="banner-text">
      <h1 class="responsive-headline"></h1>
      <h3></h3>
      <hr />
          </div>
  </div>
  <p class="scrolldown">
    <a class="smoothscroll" href="#about"><i class="icon-down-circle"></i></a>
  </p>
</header>
                                
    <div id="content">
                        <section id="about">
    <div class="row">
        <div class="three columns">
            <img class="profile-pic"  src="/user/pages/01.home/_about/profilepic.jpg" alt="" />
        </div>

        <div class="nine columns main-col">
            <h2>About Me</h2>
<p>Long experience in IT more than 10 years . Experience on Automate everything: rapid deployment, scaling, monitoring and troubleshooting. Management and support server infrastructure (physical and virtual).</p>
            <div class="row">
                <div class="columns contact-details">
                                        <h2>Contact Details</h2>
                                        <p class="address">
                                                Pablo Serrano <br />
                                                Alcala de henares <br />
                                                28805 Madrid, Spain <br />
                                                                        &#105;nfo &#97;t p&#97;b&#108;o&#115;e&#114;ran&#111;&#46;&#110;et <br />
                                            </p>
                </div>
                                <div class="columns download">
                    <p>
                                                    <a href="#" class="button"><i class="fa fa-download"></i>Download Resume</a>
                                            </p>
                </div>
                            </div>
        </div>
    </div>
</section>

                        <section id="resume">
        <div class="row education">
        <div class="three columns header-col">
            <h1><span>Education</span></h1>
        </div>
        <div class="nine columns main-col">
                        <div class="row item">
                <div class="twelve columns">
                                        <h3>I.E.S Antonio Machado, Alcalá de henares (Spain)</h3>
                                                            <p class="info">Junior College Telecommunications and Computing <span>&bull;</span> <em class="date">April 2005</em></p>
                                        <p>
                        
                    </p>

                    
                </div>
            </div>
                    </div>
    </div>
        <div class="row work">
        <div class="three columns header-col">
            <h1><span>Work</span></h1>
        </div>
        <div class="nine columns main-col">
                        <div class="row item">
                <div class="twelve columns">
                                        <h3>​Soltia Consulting</h3>
                                                            <p class="info">​Devops & Networking technician <span>&bull;</span> <em class="date">November 2017 - March 2018</em></p>
                                        <p>
                        Fabric, Puppet, Ansible for configuration management. Physical servers, AWS, and local VMs (proxmox, openvz, lxc, Docker) . CI/CD via Jenkins and Travis CI. MySQL, Percona, MongoDB and Redis databases. Automation; rapid deployment, scaling, monitoring and troubleshooting on data center. Manage and support our server infrastructure (physical and virtual). Manage and support our network infrastructure (switches, router, fiber). Optimize our stack for performance and fault tolerance. Monitoring tools (nagios, pingdom and zabbix). Design and implement security policies across our entire stack. Research, experiment and recommend new technologies to accomplish any of the above goals. Deploy a new system for simplify old developments to a modern platform and versions of software homogenize and make code more clean.
                    </p>

                    
                </div>
            </div>
                        <div class="row item">
                <div class="twelve columns">
                                        <h3>Super Cool Studio</h3>
                                                            <p class="info">UX Designer <span>&bull;</span> <em class="date">March 2007 - February 2010</em></p>
                                        <p>
                        This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat
                    </p>

                    
                </div>
            </div>
                    </div>
    </div>
        <div class="row skill">
        <div class="three columns header-col">
            <h1><span>Skills</span></h1>
        </div>
        <div class="nine columns main-col">
                        <div class="row item">
                <div class="twelve columns">
                                                            <p>
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Nullam dictum felis eu pede mollis pretium.
                    </p>

                                        <div class="bars">
                        <ul class="skills">
                                                        <li><span class="bar-expand" style="width: 95%;animation: linux 2s ease;"></span><em>Linux</em></li>
                                                        <li><span class="bar-expand" style="width: 85%;animation: shell scripting 2s ease;"></span><em>Shell scripting</em></li>
                                                        <li><span class="bar-expand" style="width: 60%;animation: python 2s ease;"></span><em>Python</em></li>
                                                        <li><span class="bar-expand" style="width: 70%;animation: aws 2s ease;"></span><em>AWS</em></li>
                                                        <li><span class="bar-expand" style="width: 90%;animation: web servers 2s ease;"></span><em>Web servers</em></li>
                                                        <li><span class="bar-expand" style="width: 70%;animation: databases 2s ease;"></span><em>Databases</em></li>
                                                        <li><span class="bar-expand" style="width: 70%;animation: jenkins 2s ease;"></span><em>Jenkins</em></li>
                                                    </ul>
                    </div>
                    
                </div>
            </div>
                    </div>
    </div>
    </section>

            </div>
                             <footer>
    <div class="row">
        <div class="twelve columns">
            <ul class="social-links">
                            </ul>
            <ul class="copyright">
                            </ul>
        </div>
        <div id="go-top"><a class="smoothscroll" title="Back to Top" href="#home"><i class="icon-up-open"></i></a></div>
    </div>
</footer>
                                        <script>window.jQuery || document.write('<script src="/user/themes/ceevee/js/jquery-1.10.2.min.js"><\/script>')</script>
            <script type="text/javascript" src="/user/themes/ceevee/js/jquery-migrate-1.2.1.min.js"></script>
                                                                        <script>
 /*********************************************************************
 *  #### Twitter Post Fetcher v12.0 ####
 *  Coded by Jason Mayes 2013. A present to all the developers out there.
 *  www.jasonmayes.com
 *  Please keep this disclaimer with my code if you use it. Thanks. :-)
 *  Got feedback or questions, ask here:
 *  http://www.jasonmayes.com/projects/twitterApi/
 *  Github: https://github.com/jasonmayes/Twitter-Post-Fetcher
 *  Updates will be posted to this site.
 *********************************************************************/

var twitterFetcher=function(){function w(a){return a.replace(/<b[^>]*>(.*?)<\/b>/gi,function(a,f){return f}).replace(/class=".*?"|data-query-source=".*?"|dir=".*?"|rel=".*?"/gi,"")}function m(a,c){for(var f=[],g=new RegExp("(^| )"+c+"( |$)"),h=a.getElementsByTagName("*"),b=0,k=h.length;b<k;b++)g.test(h[b].className)&&f.push(h[b]);return f}var x="",k=20,y=!0,p=[],s=!1,q=!0,r=!0,t=null,u=!0,z=!0,v=null,A=!0,B=!1;return{fetch:function(a){void 0===a.maxTweets&&(a.maxTweets=20);void 0===a.enableLinks&&
(a.enableLinks=!0);void 0===a.showUser&&(a.showUser=!0);void 0===a.showTime&&(a.showTime=!0);void 0===a.dateFunction&&(a.dateFunction="default");void 0===a.showRetweet&&(a.showRetweet=!0);void 0===a.customCallback&&(a.customCallback=null);void 0===a.showInteraction&&(a.showInteraction=!0);void 0===a.showImages&&(a.showImages=!1);if(s)p.push(a);else{s=!0;x=a.domId;k=a.maxTweets;y=a.enableLinks;r=a.showUser;q=a.showTime;z=a.showRetweet;t=a.dateFunction;v=a.customCallback;A=a.showInteraction;B=a.showImages;
var c=document.createElement("script");c.type="text/javascript";c.src="https://cdn.syndication.twimg.com/widgets/timelines/"+a.id+"?&lang="+(a.lang||"en")+"&callback=twitterFetcher.callback&suppress_response_codes=true&rnd="+Math.random();document.getElementsByTagName("head")[0].appendChild(c)}},callback:function(a){var c=document.createElement("div");c.innerHTML=a.body;"undefined"===typeof c.getElementsByClassName&&(u=!1);a=[];var f=[],g=[],h=[],b=[],n=[],e=0;if(u)for(c=c.getElementsByClassName("tweet");e<
c.length;){0<c[e].getElementsByClassName("retweet-credit").length?b.push(!0):b.push(!1);if(!b[e]||b[e]&&z)a.push(c[e].getElementsByClassName("e-entry-title")[0]),n.push(c[e].getAttribute("data-tweet-id")),f.push(c[e].getElementsByClassName("p-author")[0]),g.push(c[e].getElementsByClassName("dt-updated")[0]),void 0!==c[e].getElementsByClassName("inline-media")[0]?h.push(c[e].getElementsByClassName("inline-media")[0]):h.push(void 0);e++}else for(c=m(c,"tweet");e<c.length;)a.push(m(c[e],"e-entry-title")[0]),
n.push(c[e].getAttribute("data-tweet-id")),f.push(m(c[e],"p-author")[0]),g.push(m(c[e],"dt-updated")[0]),void 0!==m(c[e],"inline-media")[0]?h.push(m(c[e],"inline-media")[0]):h.push(void 0),0<m(c[e],"retweet-credit").length?b.push(!0):b.push(!1),e++;a.length>k&&(a.splice(k,a.length-k),f.splice(k,f.length-k),g.splice(k,g.length-k),b.splice(k,b.length-k),h.splice(k,h.length-k));c=[];e=a.length;for(b=0;b<e;){if("string"!==typeof t){var d=new Date(g[b].getAttribute("datetime").replace(/-/g,"/").replace("T",
" ").split("+")[0]),d=t(d);g[b].setAttribute("aria-label",d);if(a[b].innerText)if(u)g[b].innerText=d;else{var l=document.createElement("p"),C=document.createTextNode(d);l.appendChild(C);l.setAttribute("aria-label",d);g[b]=l}else g[b].textContent=d}d="";y?(r&&(d+='<div class="user">'+w(f[b].innerHTML)+"</div>"),d+='<p class="tweet">'+w(a[b].innerHTML)+"</p>",q&&(d+='<p class="timePosted">'+g[b].getAttribute("aria-label")+"</p>")):a[b].innerText?(r&&(d+='<p class="user">'+f[b].innerText+"</p>"),d+=
'<p class="tweet">'+a[b].innerText+"</p>",q&&(d+='<p class="timePosted">'+g[b].innerText+"</p>")):(r&&(d+='<p class="user">'+f[b].textContent+"</p>"),d+='<p class="tweet">'+a[b].textContent+"</p>",q&&(d+='<p class="timePosted">'+g[b].textContent+"</p>"));A&&(d+='<p class="interact"><a href="https://twitter.com/intent/tweet?in_reply_to='+n[b]+'" class="twitter_reply_icon">Reply</a><a href="https://twitter.com/intent/retweet?tweet_id='+n[b]+'" class="twitter_retweet_icon">Retweet</a><a href="https://twitter.com/intent/favorite?tweet_id='+
n[b]+'" class="twitter_fav_icon">Favorite</a></p>');B&&void 0!==h[b]&&(l=h[b],void 0!==l?(l=l.innerHTML.match(/data-srcset="([A-z0-9%_\.-]+)/i)[0],l=decodeURIComponent(l).split('"')[1]):l=void 0,d+='<div class="media"><img src="'+l+'" alt="Image from tweet" /></div>');c.push(d);b++}if(null===v){a=c.length;f=0;g=document.getElementById(x);for(h="<ul>";f<a;)h+="<li>"+c[f]+"</li>",f++;g.innerHTML=h+"</ul>"}else v(c);s=!1;0<p.length&&(twitterFetcher.fetch(p[0]),p.splice(0,1))}}}();

var config1 = {
  "id": '',
  "domId": '',
  "maxTweets": ,
  "enableLinks": ,
  "showInteraction": ,
  "showImages": ,
  "showUser": ,
};
twitterFetcher.fetch(config1);
</script>
                
                    <script src="/system/assets/jquery/jquery-2.x.min.js"></script>
<script src="/user/themes/ceevee/js/jquery.flexslider.js"></script>
<script src="/user/themes/ceevee/js/waypoints.js"></script>
<script src="/user/themes/ceevee/js/jquery.fittext.js"></script>
<script src="/user/themes/ceevee/js/magnific-popup.js"></script>
<script src="/user/themes/ceevee/js/init.js"></script>

            
            </body>
</html>
