<!DOCTYPE html>
<html <?php print $html_attributes; ?>>

<head>
<?php print $head; ?>
<title>manuel.cillero.es | SuiteDesk</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<?php
global $base_url;

print '<meta property="og:url" content="'. url(isset($_GET['q']) ? $_GET['q'] : '<front>', array('absolute' => TRUE)) ."\" />\n";
print '<meta property="og:title" content="'. ($title ? $title : $head_title) ."\" />\n";
$view_image = $node->field_imagen_adjunta[0]['view'];
if ($node && !empty($view_image)) {
	$ini = strpos($view_image, '"') + 1;
	$end = strpos($view_image, '"', $ini);
	$og_image = substr($view_image, $ini, $end - $ini);
} else {
	$og_image = $base_url . '/' . $directory . '/images/manuel.cillero.es.jpg';
}
print '<meta property="og:image" content="'. $og_image ."\" />\n";
if ($site_name) print '<meta property="og:site_name" content="'. $site_name ."\" />\n";
?>
<?php print $styles; ?>
<link type="text/css" rel="stylesheet" media="all" href="//fonts.googleapis.com/css?family=Lato:300,400,700" />
<?php if (user_is_anonymous()): ?>
<link type="text/css" rel="stylesheet" media="all" href="<?php print $base_path . $directory; ?>/css/frontpage.css" />
<link type="text/css" rel="stylesheet" media="all" href="<?php print $base_path . $directory; ?>/css/frontpage-responsive.css" />
<link type="text/css" rel="stylesheet" media="all" href="<?php print $base_path . $directory; ?>/css/frontpage-cslider.css" />
<link type="text/css" rel="stylesheet" media="all" href="<?php print $base_path . $directory; ?>/css/frontpage-bxslider.css" />
<link type="text/css" rel="stylesheet" media="all" href="<?php print $base_path . $directory; ?>/css/frontpage-animate.css" />
<?php endif; ?>
<?php print $scripts; ?>
<!--[if lt IE 9]>
<script src="<?php print $base_path . $directory; ?>/js/respond.min.js"></script>
<script src="<?php print $base_path . $directory; ?>/js/html5shiv.min.js"></script>
<![endif]-->
</head>

<body class="<?php print $classes; ?>">
<div id="skip-link"><a href="#main-content"><?php print t('Skip to main content'); ?></a></div>

<div id="page-wrapper">

<?php if ($primary_links || $navigation): ?>
<div id="navigation-top"><div class="section clearfix">
<ul class="social-menu">
<?php
  $currenturl = drupal_get_path_alias($_GET['q']);
  $ESlink = '<a href="/' . $currenturl . '" title="Español">ES</a>';
  $ENlink = '<a href="/en/' . $currenturl . '" title="English">EN</a>';
  if ($language->language != 'es') {
    $ENlink = '<strong>' . $ENlink . '</strong>';
  } else {
    $ESlink = '<strong>' . $ESlink . '</strong>';
  }
  print '<li class="lang-item">' . $ESlink . '</li>';
  print '<li class="lang-item">' . $ENlink . '</li>';
?>
  <li class="social-link-rss"><a href="http://manuel.cillero.es/feed" title="Rss" class="icon-rss"><span class="element-invisible">RSS</span></a></li>
  <li class="social-link-twitter"><a href="http://twitter.com/manuelcillero" title="Twitter" target="_blank" class="icon-twitter"><span class="element-invisible">Twitter</span></a></li>
  <li class="social-link-facebook"><a href="http://facebook.com/manuelcillero" title="Facebook" target="_blank" class="icon-facebook"><span class="element-invisible">Facebook</span></a></li>
  <li class="social-link-linkedin"><a href="http://es.linkedin.com/in/manuelcillero" title="Linkedin" target="_blank" class="icon-linkedin"><span class="element-invisible">LinkedIn</span></a></li>
  <li class="social-link-mail"><a href="http://manuel.cillero.es/contact" title="Mail" target="_blank" class="icon-mail"><span class="element-invisible">Mail</span></a></li>
</ul>
</div></div><!-- /.section, /#navigation-top -->

<div id="navigation" class="navbar navbar-default"><div class="section clearfix">
<nav id="main-menu" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-main">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
  </button>
  <a href="<?php print $base_url . ($language->language != 'es' ? '/' . $language->language : '') . (user_is_logged_in() ? '/user' : ''); ?>" title="<?php print t('SuiteDesk homepage'); ?>" class="logo"><?php print '<img src="' . $base_path . $directory . '/images/suitedesk.png" alt="manuel.cillero.es" />'; ?></a>
</div>
<div id="navbar-main" class="collapse navbar-collapse">
<?php print $primary_links; ?>
</div><!-- /#navbar-main -->
</nav><!-- /#main-menu -->
<?php print $navigation; ?>
</div></div><!-- /.section, /#navigation -->
<?php endif; ?>

<?php if (user_is_anonymous()): ?>

<div id="frontpage">

<!-- Start home section -->
<div id="home">
  <!-- Start cSlider -->
  <div id="da-slider" class="da-slider">
    <!-- All slides centred in container element -->
    <div class="container">
      <!-- Start slide 1 -->
      <div class="da-slide">
        <h2><?php print t('Welcome to SuiteDesk'); ?></h2>
        <h4><?php print t('Collaboration & Planning Tool'); ?></h4>
        <p><?php print t('!suitedesk is my own web based app for planning, knowledge sharing, clients support, collaboration and personal productivity, with both powerful and simplicity in mind.', array('!suitedesk' => '<strong>SuiteDesk</strong>')); ?></p>
        <a href="/user" class="da-link button"><?php print t('Log in'); ?></a>
        <div class="da-img">
          <img src="<?php print $base_path . $directory; ?>/images/frontpage/Slider01.png" alt="<?php print t('Welcome to SuiteDesk'); ?>" width="320" />
        </div>
      </div>
      <!-- End slide -->
      <!-- Start slide 2 -->
      <div class="da-slide">
        <h2><?php print t('From Ideas To Code'); ?></h2>
        <h4><?php print t('Solving Real-World Problems'); ?></h4>
        <p><?php print t('I like to indulge in my own projects like !suitedesk and create something fun that adds to my daily life. I have a special appreciation for creative concepts and new technologies.', array('!suitedesk' => '<strong>SuiteDesk</strong>')); ?></p>
        <a href="http://manuel.cillero.es/about" class="da-link button"><?php print t('More about me'); ?></a>
        <div class="da-img">
          <img src="<?php print $base_path . $directory; ?>/images/frontpage/Slider02.png" alt="<?php print t('Professional Programmer'); ?>" width="320" />
        </div>
      </div>
      <!-- End slide -->
      <!-- Start slide 3 -->
      <div class="da-slide">
        <h2><?php print t('Sharing Expertise'); ?></h2>
        <h4><?php print t('Get in touch'); ?></h4>
        <p><?php print t('Whether you\'re an individual, a corporation, a non-profit or an online retailer, I\'m all over the web. It\'s my job.'); ?></p>
        <a href="http://manuel.cillero.es/contact" class="da-link button"><?php print t('Contact me'); ?></a>
        <div class="da-img">
          <img src="<?php print $base_path . $directory; ?>/images/frontpage/Slider03.png" width="320" alt="<?php print t('Want to Start a Project'); ?>" />
        </div>
      </div>
      <!-- End slide -->
      <!-- Start cSlide navigation arrows -->
      <div class="da-arrows">
        <span class="da-arrows-prev"></span>
        <span class="da-arrows-next"></span>
      </div>
      <!-- End cSlide navigation arrows -->
    </div>
  </div>
</div>
<!-- End home section -->

<div class="page-section secondary-section" id="elegance">
  <div class="container centered">
    <p class="large-text"><?php print t('MY WAY TO GET WORK DONE') . ' &nbsp; ;&nbsp;)'; ?></p>
  </div>
</div>

<!-- SuiteDesk section start -->
<div class="page-section secondary-section " id="suitedesk">
  <div class="triangle"></div>
  <div class="container">
    <div class=" title">
      <h1><?php print t('SuiteDesk Features'); ?></h1>
    </div>
    <!-- Start details for 1 -->
    <div id="single-project">
      <div id="slidingDiv" class="toggleDiv row-fluid single-project">
        <div class="span6">
          <img src="<?php print $base_path . $directory; ?>/images/frontpage/ProjectsAndTasks.png" alt="<?php print t('Projects & Tasks'); ?>" />
        </div>
        <div class="span6">
          <div class="project-description">
            <div class="project-title clearfix">
              <h3><?php print t('Projects & Tasks'); ?></h3>
              <span class="show_hide close"><i class="icon-cancel"></i></span>
            </div>
            <p><?php print t('Keep track of everything, with visual indicators and Gantt charts to monitorize tasks and subtasks in order to stay up to date with milestones, track of time, workflows and all that requires your attention.'); ?></p>
            <div class="project-info">
              <div><?php print t('<span>Simple</span> but powerful tool'); ?></div>
              <div><?php print t('<span>Easy</span> online collaboration'); ?></div>
              <div><?php print t('<span>Access</span> to project shared files'); ?></div>
              <div><?php print t('<span>Agile</span> management with Kanban boards'); ?></div>
            </div>
          </div>
        </div>
      </div>
      <!-- End details -->
      <!-- Start details for 2 -->
      <div id="slidingDiv1" class="toggleDiv row-fluid single-project">
        <div class="span6">
          <img src="<?php print $base_path . $directory; ?>/images/frontpage/Doks.png" alt="Doks" />
        </div>
        <div class="span6">
          <div class="project-description">
            <div class="project-title clearfix">
              <h3>Doks</h3>
              <span class="show_hide close"><i class="icon-cancel"></i></span>
            </div>
            <p><?php print t('Documents are "web documents", availables wherever you are. Use the book project to keep project requeriments, attached files, install and user guides, or meeting minutes at your fingertips.'); ?></p>
            <div class="project-info">
              <div><?php print t('<span>Doks</span> are documents and knowledge'); ?></div>
              <div><?php print t('<span>With</span> hyperlinking and taxonomies'); ?></div>
              <div><?php print t('<span>Attach</span> any file to any document'); ?></div>
              <div><?php print t('<span>Basic</span> hierarchy easy to manage'); ?></div>
            </div>
          </div>
        </div>
      </div>
      <!-- End details -->
      <!-- Start details for 3 -->
      <div id="slidingDiv2" class="toggleDiv row-fluid single-project">
        <div class="span6">
          <img src="<?php print $base_path . $directory; ?>/images/frontpage/Tickets.png" alt="<?php print 'Issue Tracking'; ?>" />
        </div>
        <div class="span6">
          <div class="project-description">
            <div class="project-title clearfix">
              <h3><?php print t('Issue Tracking'); ?></h3>
              <span class="show_hide close"><i class="icon-cancel"></i></span>
            </div>
            <p><?php print t('You can report and interact on every issue that arise in your project and easily track it and get all needed information until get fixed and tested.'); ?></p>
            <div class="project-info">
              <div><?php print t('<span>Reduce</span> miscommunication'); ?></div>
              <div><?php print t('<span>Get</span> non-technical users involved'); ?></div>
              <div><?php print t('<span>Quick</span> and easy issue creating and updating'); ?></div>
              <div><?php print t('<span>Attach</span> files or images directly to tickets'); ?></div>
            </div>
          </div>
        </div>
      </div>
      <!-- End details -->
      <!-- Start details for 4 -->
      <div id="slidingDiv3" class="toggleDiv row-fluid single-project">
        <div class="span6">
          <img src="<?php print $base_path . $directory; ?>/images/frontpage/Responsive.png" alt="<?php print 'Responsive Design'; ?>" />
        </div>
        <div class="span6">
          <div class="project-description">
            <div class="project-title clearfix">
              <h3><?php print t('Responsive Design'); ?></h3>
              <span class="show_hide close"><i class="icon-cancel"></i></span>
            </div>
            <p><?php print t('SuiteDesk is optimized to look great on mobile devices thanks to its responsive design. All pages adapt automatically to the screen size on a mobile phone, tablet or desktop computer.'); ?></p>
            <div class="project-info">
              <div><?php print t('<span>Get</span> complete multi-platform support'); ?></div>
              <div><?php print t('<span>Content</span> moves freely across all screen resolutions'); ?></div>
              <div><?php print t('<span>Provide</span> an optimal user experience'); ?></div>
              <div><?php print t('<span>It’s</span> what Google demands'); ?></div>
            </div>
          </div>
        </div>
      </div>
      <!-- End details -->
      <!-- Start details for 5 -->
      <div id="slidingDiv4" class="toggleDiv row-fluid single-project">
        <div class="span6">
          <img src="<?php print $base_path . $directory; ?>/images/frontpage/SuiteCRM.png" alt="CRM" />
        </div>
        <div class="span6">
          <div class="project-description">
            <div class="project-title clearfix">
              <h3><?php print t('Also CRM, with SuiteCRM'); ?></h3>
              <span class="show_hide close"><i class="icon-cancel"></i></span>
            </div>
            <p><?php print t('SuiteCRM offers everything you need to find and keep customers, improve sales and marketing workflow and focus on creating and capturing opportunities.'); ?></p>
            <div class="project-info">
              <div><?php print t('<span>Track</span> all accounts and related contacts'); ?></div>
              <div><?php print t('<span>Never</span> lose track of an important email'); ?></div>
              <div><?php print t('<span>Create</span> and execute campaigns'); ?></div>
              <div><?php print t('<span>Close</span> deals and keep customers happy'); ?></div>
            </div>
          </div>
        </div>
      </div>
      <!-- End details -->
      <!-- Start details for 6-->
      <div id="slidingDiv5" class="toggleDiv row-fluid single-project">
        <div class="span6">
          <img src="<?php print $base_path . $directory; ?>/images/frontpage/Gitlab.png" alt="<?php print 'I love Gitlab'; ?>" />
        </div>
        <div class="span6">
          <div class="project-description">
            <div class="project-title clearfix">
              <h3>I &hearts; Gitlab</h3>
              <span class="show_hide close"><i class="icon-cancel"></i></span>
            </div>
            <p><?php print t('I have my own Gitlab server fully functional to manage git repositories with fine grained access controls that keep code secure.'); ?></p>
            <div class="project-info">
              <div><?php print t('<span>Git</span> advanced repository management'); ?></div>
              <div><?php print t('<span>Code</span> reviews with activity feeds'); ?></div>
              <div><?php print t('<span>Fine</span> grained access controls'); ?></div>
              <div><?php print '<span>' . t('Link') . '</span> <a href="https://gitlab.cillero.es">https://gitlab.cillero.es</a>'; ?></div>
            </div>
          </div>
        </div>
      </div>
      <!-- End details -->
      <ul id="portfolio-grid" class="thumbnails row">
        <li class="span4 mix web">
          <div class="thumbnail">
            <img src="<?php print $base_path . $directory; ?>/images/frontpage/ProjectsAndTasks.png" alt="<?php print t('Projects & Tasks'); ?>" />
            <a href="#single-project" class="more show_hide" rel="#slidingDiv">
              <i class="icon-plus"></i>
            </a>
            <h3><?php print t('Projects & Tasks'); ?></h3>
            <p><?php print t('Keep up to date'); ?></p>
            <div class="mask"></div>
          </div>
        </li>
        <li class="span4 mix photo">
          <div class="thumbnail">
            <img src="<?php print $base_path . $directory; ?>/images/frontpage/Doks.png" alt="Doks" />
            <a href="#single-project" class="show_hide more" rel="#slidingDiv1">
              <i class="icon-plus"></i>
            </a>
            <h3>Doks</h3>
            <p><?php print t('Capture every action'); ?></p>
            <div class="mask"></div>
          </div>
        </li>
        <li class="span4 mix identity">
          <div class="thumbnail">
            <img src="<?php print $base_path . $directory; ?>/images/frontpage/Tickets.png" alt="<?php print 'Issue Tracking'; ?>" />
            <a href="#single-project" class="more show_hide" rel="#slidingDiv2">
              <i class="icon-plus"></i>
            </a>
            <h3><?php print t('Issue Tracking'); ?></h3>
            <p><?php print t('Fixing everything'); ?></p>
            <div class="mask"></div>
          </div>
        </li>
        <li class="span4 mix web">
          <div class="thumbnail">
            <img src="<?php print $base_path . $directory; ?>/images/frontpage/Responsive.png" alt="<?php print 'Responsive Design'; ?>" />
            <a href="#single-project" class="show_hide more" rel="#slidingDiv3">
              <i class="icon-plus"></i>
            </a>
            <h3><?php print t('Responsive Design'); ?></h3>
            <p><?php print t('Adapting to the viewing device'); ?></p>
            <div class="mask"></div>
          </div>
        </li>
        <li class="span4 mix photo">
          <div class="thumbnail">
            <img src="<?php print $base_path . $directory; ?>/images/frontpage/SuiteCRM.png" alt="CRM" />
            <a href="#single-project" class="show_hide more" rel="#slidingDiv4">
              <i class="icon-plus"></i>
            </a>
            <h3>CRM</h3>
            <p><?php print t('Following opportunities'); ?></p>
            <div class="mask"></div>
          </div>
        </li>
        <li class="span4 mix identity">
          <div class="thumbnail">
            <img src="<?php print $base_path . $directory; ?>/images/frontpage/Gitlab.png" alt="<?php print 'I love Gitlab'; ?>" />
            <a href="#single-project" class="show_hide more" rel="#slidingDiv5">
              <i class="icon-plus"></i>
            </a>
            <h3>I &hearts; Gitlab</h3>
            <p><?php print t('Sharing code'); ?></p>
            <div class="mask"></div>
          </div>
        </li>
      </ul>
    </div>
  </div>
</div>
<!-- Portfolio section end -->

</div><!-- /#frontpage -->

<?php else: ?>

<div id="page-title"><div class="section clearfix">
<h1 class="title"><?php print $title; ?></h1>
</div></div><!-- /.section, /#page-title -->

<div id="page">

<header id="header" role="banner"><div class="section clearfix">

<?php if ($search_box): ?>
<div id="search-box"><?php print $search_box; ?></div>
<?php endif; ?>

<?php print $header; ?>

</div></header><!-- /.section, /#header -->

<div id="main-wrapper"><div id="main" class="clearfix<?php if ($primary_links || $navigation) { print ' with-navigation'; } ?>">

<div id="main-content" class="column">

<?php if ($tabs): ?>
<div class="tabs"><?php print $tabs; ?></div>
<?php endif; ?>

<div class="section">

<?php print $highlight; ?>

<?php print $messages; ?>

<?php print $help; ?>

<?php print $content_top; ?>

<div id="content-area">
<?php print $content; ?>
</div>

<?php print $content_bottom; ?>

</div></div><!-- /.section, /#main-content -->

<?php print $sidebar_main; ?>

</div></div><!-- /#main, /#main-wrapper -->

</div><!-- /#page -->

<?php if ($footer || $footer_message): ?>
<div id="footer">
<div class="section">
<?php if ($footer_message): ?>
<div id="footer-message"><?php print $footer_message; ?></div>
<?php endif; ?>
<?php print $footer; ?>
</div><!-- /.section -->
</div><!-- /#footer -->
<?php endif; ?>

<?php endif; ?>

<!-- ScrollUp button -->
<a href="#" id="scroll-top-link" class="icon-up-open"></a>

<footer id="socket"><div class="section">
<span class='copyright'>2009-<?php print date('Y'); ?> &copy; manuel.cillero.es</span>
<ul class="social-menu">
  <li class="social-link-rss"><a href="http://manuel.cillero.es/feed" title="Rss" class="icon-rss"><span class="element-invisible">RSS</span></a></li>
  <li class="social-link-twitter"><a href="http://twitter.com/manuelcillero" title="Twitter" target="_blank" class="icon-twitter"><span class="element-invisible">Twitter</span></a></li>
  <li class="social-link-facebook"><a href="http://facebook.com/manuelcillero" title="Facebook" target="_blank" class="icon-facebook"><span class="element-invisible">Facebook</span></a></li>
  <li class="social-link-linkedin"><a href="http://es.linkedin.com/in/manuelcillero" title="Linkedin" target="_blank" class="icon-linkedin"><span class="element-invisible">LinkedIn</span></a></li>
  <li class="social-link-mail"><a href="http://manuel.cillero.es/contact" title="Mail" target="_blank" class="icon-mail"><span class="element-invisible">Mail</span></a></li>
</ul>
</div></footer><!-- /.section, /#socket -->

<?php if (user_is_anonymous()): ?>
<script type="text/javascript" src="<?php print $base_path . $directory; ?>/js/modernizr.custom.js"></script>
<script type="text/javascript" src="<?php print $base_path . $directory; ?>/js/jquery.mixitup.js"></script>
<script type="text/javascript" src="<?php print $base_path . $directory; ?>/js/jquery.bxslider.js"></script>
<script type="text/javascript" src="<?php print $base_path . $directory; ?>/js/jquery.cslider.js"></script>
<script type="text/javascript" src="<?php print $base_path . $directory; ?>/js/jquery.placeholder.js"></script>
<script type="text/javascript" src="<?php print $base_path . $directory; ?>/js/jquery.inview.js"></script>
<script type="text/javascript" src="<?php print $base_path . $directory; ?>/js/frontapp.js"></script>
<?php endif; ?>

</div><!-- /#page-wrapper -->

<?php print $page_closure; ?>
<?php print $closure; ?>

</body>

</html>
