You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
274 lines
9.3 KiB
274 lines
9.3 KiB
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<title>deiform - Free CSS Template by ZyPOP</title>
|
|
|
|
|
|
<link rel="stylesheet" href="css/reset.css" type="text/css" />
|
|
<link rel="stylesheet" href="css/styles.css" type="text/css" />
|
|
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
|
|
|
|
|
|
<!--[if lt IE 9]>
|
|
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
<![endif]-->
|
|
|
|
<script type="text/javascript" src="js/jquery.js"></script>
|
|
<script type="text/javascript" src="js/slider.js"></script>
|
|
<script type="text/javascript" src="js/superfish.js"></script>
|
|
|
|
<script type="text/javascript" src="js/custom.js"></script>
|
|
|
|
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
|
|
|
|
<!--
|
|
deiform, a free CSS web template by ZyPOP (zypopwebtemplates.com/)
|
|
|
|
Download: http://zypopwebtemplates.com/
|
|
|
|
License: Creative Commons Attribution
|
|
//-->
|
|
</head>
|
|
<body>
|
|
<div id="container" class="width">
|
|
|
|
<header>
|
|
<div class="width">
|
|
|
|
<h1><a href="/">hola mundo</a></h1>
|
|
|
|
<nav>
|
|
|
|
<ul class="sf-menu dropdown">
|
|
|
|
|
|
<li class="selected"><a href="index.html">Home</a></li>
|
|
|
|
<li>
|
|
|
|
<a href="examples.html">Style examples</a>
|
|
|
|
<ul>
|
|
<li><a href="three-column.html">Three Column</a></li>
|
|
<li><a href="one-column.html">One Column</a></li>
|
|
<li><a href="#">Another link</a></li>
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
<li><a href="#">Services</a></li>
|
|
|
|
<li>
|
|
|
|
<a href="#">Products</a>
|
|
|
|
<ul>
|
|
<li><a href="#">Product One</a></li>
|
|
<li><a href="#">Product Two</a></li>
|
|
<li><a href="#">Product Three</a></li>
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
<li><a href="#">Contact</a></li>
|
|
</ul>
|
|
|
|
|
|
<div class="clear"></div>
|
|
</nav>
|
|
</div>
|
|
|
|
<div class="clear"></div>
|
|
|
|
|
|
</header>
|
|
|
|
|
|
<div id="intro">
|
|
|
|
<div class="width">
|
|
|
|
<div class="intro-content">
|
|
|
|
<h2>Introducción a OpenShift V3!!! </h2>
|
|
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
|
|
|
|
<p><a href="#" class="button button-slider"><i class="fa fa-gbp"></i> Lorem ipsum dolor</a>
|
|
<a href="#" class="button button-reversed button-slider"><i class="fa fa-info"></i> Consectetuer adipiscing</a></p>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<div id="body" class="width">
|
|
|
|
|
|
|
|
<section id="content" class="two-column with-right-sidebar">
|
|
|
|
<article>
|
|
|
|
|
|
<h2>Introduction to deiform</h2>
|
|
<div class="article-info">Posted on <time datetime="2013-05-14">14 May</time> by <a href="#" rel="author">Joe Bloggs</a></div>
|
|
|
|
<p>Welcome to deiform, a free valid CSS3 & HTML5 responsive web template from <a href="http://zypopwebtemplates.com/" title="ZyPOP">ZyPOP</a>. This template is completely <strong>free</strong> to use permitting a link remains back to <a href="http://zypopwebtemplates.com/" title="ZyPOP">http://zypopwebtemplates.com/</a>.</p>
|
|
|
|
<p> Should you wish to use this template unbranded you can buy a template license from our website for 8.00 GBP, this will allow you remove all branding related to our site, for more information about this see below.</p>
|
|
|
|
<p>The image in the header is in the public domain, downloaded from <a href="http://unsplash.com/">UnSplash</a></p>
|
|
|
|
<p>This template has been tested in:</p>
|
|
|
|
|
|
<ul class="styledlist">
|
|
<li>Firefox</li>
|
|
<li>IE</li>
|
|
<li>Safari</li>
|
|
<li>Chrome</li>
|
|
</ul>
|
|
|
|
<a href="#" class="button">Read more</a>
|
|
<a href="#" class="button button-reversed">Comments</a>
|
|
|
|
|
|
|
|
</article>
|
|
|
|
<article class="expanded">
|
|
|
|
<h2>Buy unbranded</h2>
|
|
<div class="article-info">Posted on <time datetime="2013-05-14">14 May</time> by <a href="#" rel="author">Joe Bloggs</a></div>
|
|
|
|
|
|
<p>Purchasing a template license for 8.00 GBP (at time of writing around 12 USD) gives you the right to remove any branding including links, logos and source tags relating to ZyPOP. As well as waiving the attribution requirement, your payment will also help us provide continued support for users as well as creating new web templates. Find out more about how to buy at the licensing page on our website which can be accessed at <a href="http://zypopwebtemplates.com/licensing" title="template license">http://zypopwebtemplates.com/licensing</a></p>
|
|
|
|
<h3>Lorem lipsum</h3>
|
|
|
|
<p>Morbi fermentum condimentum felis, commodo vestibulum sem mattis sed. Aliquam magna ante, mollis vitae tincidunt in, malesuada vitae turpis. Sed aliquam libero ut velit bibendum consectetur. Quisque sagittis, est in laoreet semper, enim dui consequat felis, faucibus ornare urna velit nec leo. Maecenas condimentum velit vitae est lobortis fermentum. In tristique sem vitae metus ornare luctus tempus nisl volutpat. Integer et est id nisi tempus pharetra sagittis et libero.</p>
|
|
|
|
|
|
<a href="#" class="button">Read more</a>
|
|
<a href="#" class="button button-reversed">Comments</a>
|
|
</article>
|
|
</section>
|
|
|
|
<aside class="sidebar big-sidebar right-sidebar">
|
|
|
|
|
|
<ul>
|
|
<li>
|
|
<ul class="blocklist">
|
|
<li><a class="selected" href="index.html">Home Page</a></li>
|
|
<li><a href="examples.html">Style Examples</a>
|
|
<ul>
|
|
<li><a href="three-column.html">Three Column</a></li>
|
|
<li><a href="one-column.html">One column / no sidebar</a></li>
|
|
<li><a href="#">Another link</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="three-column.html">Three column layout example</a></li>
|
|
<li><a href="#">Sed aliquam libero ut velit bibendum</a></li>
|
|
<li><a href="#">Maecenas condimentum velit vitae</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
<li>
|
|
<h4>News</h4>
|
|
<ul class="newslist">
|
|
<li>
|
|
<p><span class="newslist-date">Jul 21</span>
|
|
Quisque hendrerit lorem sit amet dui viverra dictum. Phasellus imperdiet magna sit amet arcu tristique ultricies ut in dui.</p>
|
|
</li>
|
|
|
|
<li>
|
|
<p><span class="newslist-date">May 09</span>
|
|
Mauris et felis semper, congue dui ac, iaculis ipsum. Fusce non rhoncus risus, quis luctus nisl. Donec vitae velit tincidunt, tincidunt felis eu, suscipit nibh. </p>
|
|
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li>
|
|
<h4>Maecenas varius</h4>
|
|
<ul>
|
|
<li><a href="#">Nam cursus nisi nec viverra iaculis</a></li>
|
|
<li><a href="#">Integer lacinia risus id nibh vestibulum</a></li>
|
|
<li><a href="#">Mauris eget ante ut elit rutrum ornare </a></li>
|
|
<li><a href="#">Vivamus quis orci et suscipit consequa</a></li>
|
|
<li><a href="#">Nam eget tellus adipiscin hendrerit</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</aside>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
<div class="footer-content width">
|
|
<ul>
|
|
<li><h4>Proin accumsan</h4></li>
|
|
<li><a href="#">Rutrum nulla a ultrices</a></li>
|
|
<li><a href="#">Blandit elementum</a></li>
|
|
<li><a href="#">Proin placerat accumsan</a></li>
|
|
<li><a href="#">Morbi hendrerit libero </a></li>
|
|
<li><a href="#">Curabitur sit amet tellus</a></li>
|
|
</ul>
|
|
|
|
<ul>
|
|
<li><h4>Condimentum</h4></li>
|
|
<li><a href="#">Curabitur sit amet tellus</a></li>
|
|
<li><a href="#">Morbi hendrerit libero </a></li>
|
|
<li><a href="#">Proin placerat accumsan</a></li>
|
|
<li><a href="#">Rutrum nulla a ultrices</a></li>
|
|
<li><a href="#">Cras dictum</a></li>
|
|
</ul>
|
|
|
|
<ul>
|
|
<li><h4>Suspendisse</h4></li>
|
|
<li><a href="#">Morbi hendrerit libero </a></li>
|
|
<li><a href="#">Proin placerat accumsan</a></li>
|
|
<li><a href="#">Rutrum nulla a ultrices</a></li>
|
|
<li><a href="#">Curabitur sit amet tellus</a></li>
|
|
<li><a href="#">Donec in ligula nisl.</a></li>
|
|
</ul>
|
|
|
|
<ul class="endfooter">
|
|
<li><h4>Suspendisse</h4></li>
|
|
<li>Integer mattis blandit turpis, quis rutrum est. Maecenas quis arcu vel felis lobortis iaculis fringilla at ligula. Nunc dignissim porttitor dolor eget porta. <br /><br />
|
|
|
|
<div class="social-icons">
|
|
|
|
<a href="#"><i class="fa fa-facebook fa-2x"></i></a>
|
|
|
|
<a href="#"><i class="fa fa-twitter fa-2x"></i></a>
|
|
|
|
<a href="#"><i class="fa fa-youtube fa-2x"></i></a>
|
|
|
|
<a href="#"><i class="fa fa-instagram fa-2x"></i></a>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="clear"></div>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<p>© YourSite 2014. <a href="http://zypopwebtemplates.com/">Free CSS Web Templates</a> by ZyPOP</p>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|