This repository has been archived on 2025-06-21. You can view files and clone it, but you cannot make any changes to it's state, such as pushing and creating new issues, pull requests or comments.
suitedesk/themes/zuitedesk/templates/page-front.tpl.php

453 lines
20 KiB
PHP
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html <?php print $html_attributes; ?>>
<head>
<?php print $head; ?>
<title><?php print $head_title ?></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]>
<link type="text/css" rel="stylesheet" media="all" href="<?php print $base_path . $directory; ?>/css/ie8.css" />
<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>';
?>
<?php print $secondary_links; ?>
</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 $language->language != 'es' ? "$base_url/$language->language" : $base_url; ?>" title="<?php print t('@site_name homepage', array('@site_name' => $site_name)); ?>" class="logo"><?php print '<img src="'. check_url($logo) .'" alt="'. $site_name .'" id="logo" />'; ?></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 a 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/login" 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('A SIMPLE 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.jpg" 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/Documentation.jpg" alt="<?php print t('Doks & Notes'); ?>" />
</div>
<div class="span6">
<div class="project-description">
<div class="project-title clearfix">
<h3><?php print t('Doks & Notes'); ?></h3>
<span class="show_hide close"><i class="icon-cancel"></i></span>
</div>
<p><?php print t('Documents and notes 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.jpg" 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/Costs.jpg" alt="<?php print t('Expenses & Time tracking'); ?>" />
</div>
<div class="span6">
<div class="project-description">
<div class="project-title clearfix">
<h3><?php print t('Expenses & Time tracking'); ?></h3>
<span class="show_hide close"><i class="icon-cancel"></i></span>
</div>
<p><?php print t('Keep track of how money and time is being spent by project or by customer organization for accurate planning and budget management.'); ?></p>
<div class="project-info">
<div><?php print t('<span>Log</span> spent effort to the detail you need'); ?></div>
<div><?php print t('<span>Monitor</span> how much time you have spent on your activities'); ?></div>
<div><?php print t('<span>Reports</span> to control de cost of your projects'); ?></div>
<div><?php print t('<span>Plan</span> the cost for each project phase'); ?></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/Invoicing.jpg" alt="<?php print t('Invoicing'); ?>" />
</div>
<div class="span6">
<div class="project-description">
<div class="project-title clearfix">
<h3><?php print t('Invoicing'); ?></h3>
<span class="show_hide close"><i class="icon-cancel"></i></span>
</div>
<p><?php print t('Create invoices in few clicks. You will be able to add invoice items from your projects, save it, print it or send it to your customers.'); ?></p>
<div class="project-info">
<div><?php print t('<span>Compile</span> invoices according to the work done'); ?></div>
<div><?php print t('<span>Time</span> billing and automated invoicing'); ?></div>
<div><?php print t('<span>Choose</span> which units to include: hours, days, fixed'); ?></div>
<div><?php print t('<span>View</span> lists for both billable and unbilled items'); ?></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/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>Its</span> what Google demands'); ?></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.jpg" 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/Documentation.jpg" alt="<?php print t('Doks & Notes'); ?>" />
<a href="#single-project" class="show_hide more" rel="#slidingDiv1">
<i class="icon-plus"></i>
</a>
<h3><?php print t('Doks & Notes'); ?></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.jpg" 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 photo">
<div class="thumbnail">
<img src="<?php print $base_path . $directory; ?>/images/frontpage/Costs.jpg" alt="<?php print t('Expenses & Time tracking'); ?>" />
<a href="#single-project" class="show_hide more" rel="#slidingDiv3">
<i class="icon-plus"></i>
</a>
<h3><?php print t('Expenses & Time tracking'); ?></h3>
<p><?php print t('Keep track of costs and time'); ?></p>
<div class="mask"></div>
</div>
</li>
<li class="span4 mix identity">
<div class="thumbnail">
<img src="<?php print $base_path . $directory; ?>/images/frontpage/Invoicing.jpg" alt="<?php print t('Invoicing'); ?>" />
<a href="#single-project" class="show_hide more" rel="#slidingDiv4">
<i class="icon-plus"></i>
</a>
<h3><?php print t('Invoicing'); ?></h3>
<p><?php print t('Managing your cash flow'); ?></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="#slidingDiv5">
<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>
</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'><?php print date('Y') . ' &copy; ' . ($site_name ? check_plain($site_name) : 'SuiteDesk'); ?></span>
<?php if ($secondary_links): ?>
<ul class="social-menu">
<?php print $secondary_links; ?>
</ul>
<?php endif; ?>
</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>