<!doctype html>
<html lang="cs">
<head>
<meta charset="utf-8">
<title>Paradiso</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="stylesheet" href="css/main.css" media="screen,projection">
<link rel="stylesheet" href="css/print.css" media="print">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="js/custom.js"></script>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<header>
<div class="wrap clearFix">
<a id="logo" href="./" title="Paradiso">Paradiso</a>
<hr>
<nav>
<div id="nav">
<strong>Navigation</strong>
<ul>
<li class="active">
<a href="./" title="Home">Home</a>
</li>
<li>
<a href="./" title="Work">Work</a>
</li>
<li class="parent">
<a href="./" title="About us">About us</a>
<ul>
<li>
<a href="./">Lorem ipsum</a>
</li>
<li>
<a href="./">Lorem ipsum</a>
</li>
<li>
<a href="./">Lorem ipsum</a>
</li>
</ul>
</li>
<li>
<a href="./" title="Blog">Blog</a>
</li>
<li>
<a href="./" title="Contact">Contacts</a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<hr>
<div id="intro">
<div class="inner">
<div class="wrap clearFix">
<div class="content">
<h1>Hello, we are Paradiso</h1>
<p>A creative digital agency with a focus on websites & mobile apps</p>
<a href="./" class="button" title="Learn more">Learn more</a>
</div>
</div>
</div>
</div> <!-- / #intro -->
<div class="inner_copyright">Collect from <a href="http://www.htmldivcss.com/" target="_blank" title="模板在线">模板在线</a></div>
<div id="info">
<div class="wrap clearFix">
<ul>
<li class="col col-love">
<h2>Made with love</h2>
<p>
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nullam quis risus eget urna mollis ornare vel. Etiam porta sem malesuada.
</p>
</li>
<li class="col col-integ">
<h2>Twitter integration</h2>
<p>
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nullam quis risus eget urna mollis ornare vel. Etiam porta sem malesuada.
</p>
</li>
<li class="col col-respons">
<h2>Responsive</h2>
<p>
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nullam quis risus eget urna mollis ornare vel. Etiam porta sem malesuada.
</p>
</li>
</ul>
</div>
</div> <!-- / #info -->
<hr>
<div id="content">
<div class="wrap clearFix">
<h2>About Us</h2>
<div class="clearFix block">
<div class="col floatLeft">
<h3>What we do</h3>
<p><strong>Maecenas faucibus mollis interdum. Donec ullamcorpe it libero, a pharetra r nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue. Cras justo odio, dapibus ac facilisis in.</strong></p>
<p>Nullam id dolor id nibh ultricies vehicula ut id elit. Donec ullamcorper nulla non metus auctor fringilla.Nulla vitae elit libero, a pharetra augue. Donec sed odio dui. Curabitur blandit tempus porttitor. Donec ullamcorper nulla non metus auctor fringilla. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna, vel scelerisque.</p>
</div>
<div class="col floatRight">
<h3>Our services</h3>
<div class="chart">
<p><strong>Webdesign</strong> 100%</p>
<div class="pipe"><div style="width: 100%"></div></div>
<p><strong>Mobile apps</strong> 80%</p>
<div class="pipe"><div style="width: 80%"></div></div>
<p><strong>Online marketing</strong> 40%</p>
<div class="pipe"><div style="width: 40%"></div></div>
<p><strong>SEO & SEM</strong> 30%</p>
<div class="pipe"><div style="width: 30%"></div></div>
</div>
</div>
</div>
<div class="clearFix block">
<div class="col little floatLeft">
<h3>Recent work</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean lacinia bibendum nulla sed consectetur. Lorem ipsum dolor.
</p>
</div>
<div class="col big floatRight">
<img src="img/image.png" alt="#">
<img src="img/image.png" alt="#">
<img src="img/image.png" alt="#">
</div>
</div>
<h2>Our clients</h2>
<ul class="logos">
<li><img src="img/logos/logo-0.png" alt="logo"></li>
<li><img src="img/logos/logo-1.png" alt="logo"></li>
<li><img src="img/logos/logo-2.png" alt="logo"></li>
<li><img src="img/logos/logo-3.png" alt="logo"></li>
<li><img src="img/logos/logo-4.png" alt="logo"></li>
<li><img src="img/logos/logo-5.png" alt="logo"></li>
<li><img src="img/logos/logo-6.png" alt="logo"></li>
<li><img src="img/logos/logo-7.png" alt="logo"></li>