
<!-- Welcome to personal site of Ismael Serrano, senior web developer, specialized in CakePHP, Symfony, React, Magento, HTML5, mobile hybrid -->
<!-- If you want to hire me, please contact at info@ismaserrano.com -->
<!--


                                                                `,,.
                                                               .,::::
                                                               ,,:::;.
                                                               ,,:::;:
                                                               ,,:::;;
                                                               ,,,::;;
                                                   .:::,       ,,,::;;,
                                                  `,::::,      ,,,::;;;
                                                  ,,::::;      ,,,::;;;
                                                  ,,::::;      .,,::;;;
                                                  ,,,::;;`     `,,::;;;
                                                  .,:::;;.      ,,,::;;
                                                  ,,,::;;:      ,,,::;;`
                                                  .,,::;;;      ,,,,:;;,
                                                  `,,::;;;      ,,,,::;;
                                                   ,,:::;;     `,,,,::;;
                                                   ,,,::::     `,,,,::;;
                                                   ,,,,:::,    `,,,,::;;`
                                                   ,,,,,:::    `,,,,::;;.
                                                   .,,,,:::    `,,,,::;;,
                                  `,,              `,,,,,::.   `,,,,::;;:
                                 .,,::`             ,,,,,::;   `,,,,,:::;
                                 ,,:::;             ,,,,,:::   `,,,,,::;;
                                 ,::::;:            ,,,,,:::.  :,,,,::::;
                                 ,:::::;.           ,,,,,:,:;  ;,,,,::;;;
                                 `:::::;;           .,,,,,,::. :,,,,::;;;
                                  :::::;;:          `,,,,,:::: ::,,,::;;;
                                  `:::::;;           ,,,,,:::: ;:,,:::;;;
                                   ,:::::::          ,,,,,::::.;;:,::;;;;
                                   `,::::::,         `,,,,:::::;;::::;;;;        ``
                                    ,,::::::,        `,,,,:::::;':::;;;;;       .,,,,.`
                                     ::,,,:::,        ,,,,::::;'';::;;;;:      .,,,,,,,,:`
                                     `,,,,,,::,       ,,,,:::;;'''::;;;;,     `,,,,,,,,,,::
                                      ,,,,,::::,      ,,,,:::;;'''::;;;;`     ,,,,,,,,,,,:::
                                       ,,,,,::::.     ,,,,::;;;'''::;;;;`    ,,,,,,,,,,,,,:;.
                                       `,,,,:::::`    ,,,,::;;;'':,:::::.   ,,,:::::,,,,,::;;
                                        ,,,,::::::    .:,,,:::;':,,::::::  .,,:;';;;:,,:::;;;
                                         ,,::::::::   `::,,:::::,,:::::::,,,,::;'+'''::,:::;; `,:
                                          :::,,::::,   ::,,::::,,,::::::::;::::;'++++;::::::;,::::
                                          .::,,:::::   ::,,::::,,::::::::::';;;'''++++;::,::;::::;.
                                           :,,,,:::::  ;,,,::,:,,::;::::;::;+;;''+++++.;::::;::::;,
                                           `,,,,:::::, :,,:::,,::::;;:::;:;;;+'''++++. :;;;':::::;.
                                            ,,,,::::::::,,::::::::;;;;;:;;;'''++++++:   `;''::::;'`
                                            `,,::::::::,,,::::::::;;;;;:;';;''+++++:       :::;;;',
                                             ,,::::::::,,::::::::;;;;;;:;'''''++++        `::;;;'';
                                             `,,:::::,,::::::::::;;;;;;;;'+''''++,        ,:;;;;''',
                                              ,,::::,,::::::::::;;;;;;';;'++'''++.        :;;;;;''';
                                              `,,,,,,,,,::::::::;;;;;;';;'++'''''         .;;;;'''';:
                                               ,,,,,,,,,:::::;::;;;;;;'''''++''+:         ,;;;;''''';
                                                ,,,,,,:::::::;;;;;;;;;''''''+++':         ;;;;;''''';
                                                ,,,,,,,:::::;;;;;;;;;''''''';'';:.        :;;;;''''''
                                                .,,,,,,::::;;;;;;;;;;''''';:;::;:::      .::;;;''''',
                                                `,,,,,:::::;;;;;;;;;;''''';:::::::::     ::::;''''''
                                                 ,,,,,::::;;;;;;;;;;;;''';;::::::::;;    :::;;;;''';
                                                 ,,,,,::::::;;;;;;;;;;;'';::::::::::;;'.`::::;;;''',
                                                 .,,,:::::::;;;;;;;;;;;;;;:::::,:::::;:::;:::;;;'''
                                                 `,,,,,,:::::;;;;;;;;;;;;:::::::,,,:::;:::;:;;;;'''
                                                  ,,,,,:::::;;;;;;;;;;;;;::::::::::::::;:::;;;;;'':
                                                  ,,,,,:::::;;;;;;;;;;;;:::::,,,,:::::::':::;;;'''`
                                                  ,,,,,,:::::;;;;;;;;:;;:::::,,,,,,::::::';::;;'''
                                                  ,,,,,::::::;;;;;;;;:::::,,,,:,,,,,:::::;;:;;;'';
                                                  ,,,,:::::::;;;;;:;;:::,,,,,::,,,,:::::::;;;;;''.
                                                  ,,,,,:::::::;;;;;;::::,,,,,:,,,,,::::::;';;''''
                                                  ,,,,::::::::;;;;::;:::,,,,,,,,:,:::::;;;;''''';
                                                  .,,,::::::::;;;;;;;:::,,,,,,,:::::::;;;;;'''''
                                                  `,,,::::::::;;;;;;;:::,,,,,:::,:::;;;;''''''',
                                                   ,,:::::::::;;;;;;;:,:,,,,::::::;:;;;;;''''';
                                                   ,,,::::::::;;;;;;::,:,,,,:::::::;;;;';'''';
                                                   ,,,::::::::;;;;;::;,:,,:::::::;;;;';''''':
                                                   .,,::::::::;;;;;;:;:::,::::;;:;;;;;''''';
                                                   .,,,:::::::;;;;;;:::::::::::;;;;;;;'''''
                                                   `,,::::::::;;;;;::::::::::;:;;;;;''''''
                                                    ,,,::::::;;;;;::::;::::::;;;;;';'''''.
                                                    ,,,:::::::;;;;;;::;;::;:;;;;;;'''''':
                                                    .,,:::::::;;;;;;;;;;::;;;;;';'''''';
                                                    `,,:::::::;;;;;;;;;;;:;;;;'';''''';
                                                     ,,:::::::;;;;;;;;;;;;;;''''';''';
                                                     .,,::::::;;;;;;;;;'';;;;''''''';
                                                     `,,::::::;;;;;;;;;''';';'''''''
                                                      ,,::::::;;;;;;;;;;''';'''''''
                                                      ,,:::::;;;;;;;;;;;''''''''''`
                                                      ,,,:::::;;;;;;;;;'''';''''''
                                                      .,,::::::;;;;;;;;;;'''''''';
                                                       ,,::::::;;;;;;';';'''''''';
                                                       ,,,:::;:;;;;';;'''';'''''':
                                                       .,,,:::;;;;'''''';'''''''':
                                                        ,,,:::;;;;''''''';';''''';
                                                        ,,,:::::;;;;''''';;;''''''
                                                        ,,,::::;;;;;;''';;;;''''''
                                                        .,,,::,:;;;;;;'''';;;;;''':
                                                         ,,,::,:;;;;;;'';;;;'''''''
                                                         ,,,,,,::;;;;;;;;;;;;''';''`
                                                         `,,,,,,:;;;;;;;;;;;;;'';;':
                                                          :,,:,,::;;;;;;;;;;;;;';;''
                                                          `,,:,:::;;;;;;;;;;;;;;;;''.
                                                           ,,,:,,::;:;;;;;;;;;;;;;;';
                                                           ,,,:,,:::;;;;;:;;;;;;;;'''
                                                           `:,,:::::;;;;;;;;;;;;;;''':
                                                            :,,,::::;;;;;;;;;;;;;;;'''
                                                            :,,:,:::;;;;;;;;;;;;;;;'''`
                                                            ,,,,::::;;;;;;;;;;;;;;;''';
                                                            .,,,::::;:;;;;;;;;;;;;;''''
                                                            `,,,:::::;::;;;;;;;;;';;'''`
                                                            `,,,,::::::::;;:;;;;;;''''';
                                                             ,,,,,::::::::;;;;;;;;;'''''
                                                             ,,,,::::::::::;;;;;;;;'''''
                                                             ,,,,,:::::::::;;;;;;;;''''',
                                                             :,,:::::::::::::;;;;;;''''''

-->
<!DOCTYPE HTML>
<html>
	<head>
		<title>Ismael Serrano · Senior developer</title>
		<meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />
        <meta name="description" content="ismaserrano.com personal & portfolio website. Senior web developer, specialized in CakePHP, Symfony, Magento, HTML5, mobile hybrid." />
        <meta name="author" content="Ismael Serrano" />

        <!-- Schema.org markup for Google+ -->
        <meta itemprop="name" content="Ismael Serrano · Senior developer">
        <meta itemprop="description" content="ismaserrano.com personal & portfolio website. Senior web developer, specialized in CakePHP, Symfony, Magento, HTML5, mobile hybrid.">
        <meta itemprop="image" content="http://www.ismaserrano.com/images/social.jpg">

        <!-- Twitter Card data -->
        <meta name="twitter:card" content="summary_large_image">
        <meta name="twitter:site" content="@ismaserrano">
        <meta name="twitter:title" content="Ismael Serrano · Senior developer">
        <meta name="twitter:description" content="ismaserrano.com personal & portfolio website. Senior web developer, specialized in CakePHP, Symfony, Magento, HTML5, mobile hybrid.">
        <meta name="twitter:creator" content="@ismaserrano">
        <!-- Twitter summary card with large image must be at least 280x150px -->
        <meta name="twitter:image:src" content="http://www.ismaserrano.com/images/social.jpg">

        <!-- Open Graph data -->
        <meta property="og:title" content="Ismael Serrano · Senior developer" />
        <meta property="og:image" content="http://www.ismaserrano.com/images/social.jpg" />
        <meta property="og:description" content="ismaserrano.com personal & portfolio website. Senior web developer, specialized in CakePHP, Symfony, Magento, HTML5, mobile hybrid." />
        <meta property="og:site_name" content="Ismael Serrano · Senior developer" />

		<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
        <link rel="stylesheet" href="assets/css/owl.carousel.css" />
		<link rel="stylesheet" href="assets/css/main.css" />
		<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
		<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
        <link rel="shortcut icon" href="/favicon.ico" />
	</head>
	<body>
		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Header -->
					<header id="header">
						<div class="inner">
                            
						</div>
					</header>
                
				<!-- Main -->
					<div id="main">
						<div class="inner">
							<header>
								<h1>Ismael Serrano</h1>
                                <h2>Senior developer</h2>
								<p>Frontend and backend developer, specialized on HTML5 (MVC JS frameworks, React), CakePHP, Symfony, Magento. E-commerce, application optimization and improvement, ad-hoc development. More than ten years of professional experience making creativity and technology together.</p>
                                <p>I've been working for some of the main spanish agencies. Worldwide and local customers. Warner, ICEX, Air Europa, Pepsi Canada, Groupe CPI, Loreak Mendian, BBVA, Pascual, Aramon, Telefonica, Movistar, Veet, Clinique, EON, Richmond, Cabreiroa...</p>
							</header>
							<section class="tiles">
                <article class="style1">
                  <span class="image">
                    <img src="images/project09_1.jpg" alt="" />
                  </span>
                  <a href="#projects/gobus" class="project-link">
                    <h2>GoBus</h2>
                    <div class="content">
                      <p>React Native</p>
                    </div>
                  </a>
                </article>
                <article class="style1">
                  <span class="image">
                    <img src="images/project08_1.jpg" alt="" />
                  </span>
                  <a href="#projects/reparatodo" class="project-link">
                    <h2>Reparatodo.com ERP/CRM</h2>
                    <div class="content">
                      <p>CakePHP 2.9 + Design + Responsive</p>
                    </div>
                  </a>
                </article>
								<article class="style1">
									<span class="image">
										<img src="images/project02_1.jpg" alt="" />
									</span>
									<a href="#projects/fine-food-fans" class="project-link">
										<h2>Fine Food Fans</h2>
										<div class="content">
											<p>Magento 1.9 + Ad-hoc development</p>
										</div>
									</a>
								</article>
                                <article class="style1">
									<span class="image">
										<img src="images/project01_1.jpg" alt="" />
									</span>
                                    <a href="#projects/air-europa" class="project-link">
                                        <h2>Air Europa</h2>
                                        <div class="content">
                                            <p>HTML5 / API Rest</p>
                                        </div>
                                    </a>
                                </article>
                                <article class="style1">
									<span class="image">
										<img src="images/project04_1.jpg" alt="" />
									</span>
                                    <a href="#projects/groupe-cpi" class="project-link">
                                        <h2>Groupe CPI</h2>
                                        <div class="content">
                                            <p>CakePHP 2.3 + Responsive design</p>
                                        </div>
                                    </a>
                                </article>
                                <article class="style1">
									<span class="image">
										<img src="images/project05_1.jpg" alt="" />
									</span>
                                    <a href="#projects/distrito-negocio" class="project-link">
                                        <h2>Distrito Negocio</h2>
                                        <div class="content">
                                            <p>CakePHP 2.4 ad-hoc development</p>
                                        </div>
                                    </a>
                                </article>
								<article class="style1">
									<span class="image">
										<img src="images/project03_1.jpg" alt="" />
									</span>
									<a href="#projects/loreak-mendian" class="project-link">
										<h2>Loreak Mendian</h2>
										<div class="content">
											<p>Magento 1.6 + ERP connection + Ad-hoc development</p>
										</div>
									</a>
								</article>
                                <article class="style1">
									<span class="image">
										<img src="images/project06_1.jpg" alt="" />
									</span>
                                    <a href="#projects/clickregalo" class="project-link">
                                        <h2>Clickregalo</h2>
                                        <div class="content">
                                            <p>CakePHP 1.3 ad-hoc development</p>
                                        </div>
                                    </a>
                                </article>
                                <article class="style1">
									<span class="image">
										<img src="images/project07_1.jpg" alt="" />
									</span>
                                    <a href="#projects/icex" class="project-link">
                                        <h2>ICEX</h2>
                                        <div class="content">
                                            <p>Flash + ActionScript 3</p>
                                        </div>
                                    </a>
                                </article>
							</section>
						</div>
                        <!-- Detail for each project -->
                        <div class="detail">
                            <div class="overlay scrollable">
                                <a class="close-button" href="#"></a>
                                <div class="pre-loader"><div class="loader"></div></div>
                                <div class="icon-swipe animation-target"><i class="fa fa-hand-pointer-o" aria-hidden="true"></i></div>
                                <div class="content"></div>
                            </div>
                        </div>
					</div>

				<!-- Footer -->
					<footer id="footer">
						<div class="inner">
							<section>
								<h2>Contact</h2>
                                <p>Available for freelance</p>
								<a href="mailto:info@ismaserrano.com">info@ismaserrano.com</a>
							</section>
							<section>
								<h2>Follow</h2>
								<ul class="icons">
								<li><a href="https://github.com/ismaserrano" target="_blank" class="icon style2 fa-github"><span class="label">Github</span></a></li>
								<li><a href="https://es.linkedin.com/in/ismaserrano" target="_blank" class="icon style2 fa-linkedin"><span class="label">Linkedin</span></a></li>
                  <li><a href="https://soundcloud.com/ethan-poe" target="_blank" class="icon style2 fa-soundcloud"><span class="label">Soundcloud</span></a></li>
									<li><a href="https://www.instagram.com/ismaserrano/" target="_blank" class="icon style2 fa-instagram"><span class="label">Instagram</span></a></li>
								</ul>
							</section>
							<ul class="copyright">
								<li>Made with <i class="fa fa-heart" aria-hidden="true"></i> in Vigo</li>
							</ul>
						</div>
					</footer>

			</div>

		<!-- Scripts -->
        <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
        <script src="js/app.min.js"></script>
        <script type="text/javascript">
            (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-7794422-1', 'auto');
            ga('send', 'pageview');
        </script>
	</body>
</html>