<!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.moobnn.com/" target="_blank" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</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>
橙色背景网站设计企业官网模板下载_橙色 精品 大气 漂亮 科技 产品 官网 软件 it app 企业 工作室 网站建设.rar （26个子文件） 
橙色背景网站设计企业官网模板下载_橙色 精品 大气 漂亮 科技 产品 官网 软件 it app 企业 工作室 网站建设 简洁 tps_paradiso-honey js 
custom.js 399B img 
intro-bg-repeat.png 1KB logos logo-3.png 4KB logo-5.png 5KB logo-7.png 3KB logo-4.png 3KB logo-0.png 3KB logo-6.png 2KB logo-2.png 3KB logo-1.png 9KB image.png 5KB intro-shadow.png 85KB separator.png 1KB chart.png 1KB top-shadow.png 1KB intro-00.png 152KB intro-bg.png 203KB ico ico-social.png 4KB ico-tweeter.png 2KB ico-phone.png 1KB ico-tweet.png 1KB ico-heart.png 1KB css main.css 14KB reset.css 2KB print.css 4KB
index.html 10KB资源评论
