<!DOCTYPE html>
<html>
<head>
<title>ABOUT</title>
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--webfont-->
<link href='http://fonts.useso.com/css?family=Roboto:400,500,500italic,400italic,300italic,300,100italic,100,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
});
});
</script>
</head>
<body>
<div class="wrap">
<div class="top-grids">
<div class="grid-1_of-4">
<div class="header">
<div class="header-background">
<img src="images/header-bg.png" alt="" />
</div>
<div class="logo">
<ul><li><a href="index.html"><img src="images/logo.png" alt="" /></li>
<li><p>interno</p></a></li></ul>
</div>
</div>
<div class="menu">
<ul>
<li><a href="index.html">Main</a></li>
<li><a class="active" href="about.html">About</a></li>
<li><a href="folio.html">Folio</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
<div class="clear"></div>
</div>
</div>
<div class="control-interno">
<img src="images/about.jpg" alt="" />
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<!--=======content================================-->
<div class="content">
<div class="container_12">
<div class="about-page">
<div class="grid_9">
<h3>A FEW words about us</h3>
<img src="images/page2_img1.jpg" alt="" class="fleft">
<div class="extra_wrapper">
<div class="text1"><a href="#">Phasellus rhoncus suscipitil eleifends masscusa erfi scipiw scipitilifen lus rhoncer asscu.</a></div>
<p>Kuspendisse laoreet augue iderti wer ollicitudin, sed fringilla libero sederil orciwe. Ghaselluslo ty rhoncus suscipit ere eleifeny. Adi madefill ertoli tincidunt tortor in placerat. Gibuluki ut ultricies turpis. Nuncte sit ametam sollicitudin magna, et temporewy. </p>
<p> Unc consequat feugiatert etam sollicitudin magna. Aliquameril , commodo luctus libero. Aesent faucibus. Donec laoreet metus id laoreetuada. Loremer dolor sit amet, consectetur adipiscing elit. Nullamer consectetu orci sed nulla facilisis consequat. </p>
</div>
<div class="clear"></div>
<p> Despendisse laoreet augue iderti wer ollicitudin sollicitudin magna. Aliquameril interdum merti oremolo sollicitudin magna. Aliquameril lectusto odio, sed fringilla estero libero sederil orciwe. Ghaselluslo ty rhoncus suscipit ere eleifeny. Adi madefill ertoli tincidunt tortor in. placerat. Gibuluki ut ultricies turpis. Nuncte sit ametam sollicitudin magna, et temporewy. Unc consequat feugiatert etam sollicitudin magna. Aliquameril nibh ante egestas id dictum a, commodo luctus libero. Aesent faucibusesuada faucibus.</p>
</div>
<div class="grid_33">
<h3>our Skills</h3>
<ul class="list">
<li>
<div class="count">1</div>
<div class="extra_wrapper grid_9">
<div class="text1"><a href="#">Dasellus rhoncus supitilet eleifends masscusa erfi. </a></div>
<p>Spendisse laoreta augue derti wer ollicitudin interdumremolo lectusto odiosed fringilla. </p>
</div>
</li>
<li>
<div class="count">2</div>
<div class="extra_wrapper grid_9">
<div class="text1"><a href="#">Merllus rhoncus caupitile eleifnds masscusa erto. </a></div>
<p>Destro lote laoreta augue rtlot wert derti wer ollicitudinerti loi interdumremolo lectusto.</p>
</div>
</li>
<li>
<div class="count">3</div>
<div class="extra_wrapper grid_9">
<div class="text1"><a href="#">Saderlus roncus supitile eleifends masscusa gert. </a></div>
<p>Azer endisse laoreta augdertil wer licitudin interdumremoloer lectusto odiosed fringilami. </p>
</div>
</li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<div class="grid_12">
<h3 class="head1">Our Team</h3>
</div>
<div class="grid_2">
<img src="images/page2_img2.jpg" alt="" class="img_inner">
<div class="text1 mb1"><a href="#">Mark Johnson</a></div>
<p>Suspendisse laoreet ue iderti wer ollicitudin weli lectusto odio, sed ngilla estero libero sederil rcil. suscipit myli eleifen. </p>
</div>
<div class="grid_2">
<img src="images/page2_img3.jpg" alt="" class="img_inner">
<div class="text1 mb1"><a href="#">David Kranstein</a></div>
<p> Suspendisse laoreet ue iderti wer ollicitudin weli lectusto odio, sed ngilla estero libero sederil rcil. suscipit myli eleifen. </p>
</div>
<div class="grid_2">
<img src="images/page2_img4.jpg" alt="" class="img_inner">
<div class="text1 mb1"><a href="#">Olivia Pool</a></div>
<p>Suspendisse laoreet ue iderti wer ollicitudin weli lectusto odio, sed ngilla estero libero sederil rcil. suscipit myli eleifen. </p>
</div>
<div class="grid_2">
<img src="images/page2_img6.jpg" alt="" class="img_inner">
<div class="text1 mb1"><a href="#">Sara Konor</a></div>
<p>Suspendisse laoreet ue iderti wer ollicitudin weli lectusto odio, sed ngilla estero libero sederil rcil. suscipit myli eleifen. </p>
</div>
<div class="grid_2 span66">
<img src="images/page2_img7.jpg" alt="" class="img_inner">
<div class="text1 mb1"><a href="#">Mark Smith</a></div>
<p> Suspendisse laoreet ue iderti wer ollicitudin weli lectusto odio, sed ngilla estero libero sederil rcil. suscipit myli eleifen. </p>
</div>
<div class="clear"></div>
</div>
</div>
<div class="bottom-grids">
<div class="left-bottom-grid">
<div class="left-bottom-top-grid">
<div class="left-bottom-top-grid-row1">
<div class="animal">
<img src="images/6.jpg" alt="" />
</div>
<div class="news">
<img src="images/bg.jpg" alt="" />
<div class="news-info">
<div class="icon">
<a href="#"><i class="arrow2"></i></a>
</div>
<div class="icon-data">
<h3>/ NEWS</h3>
</div>
<div class="clear"></div>
<div class="data">
<span>04.11.2013</span>
<h3>Lorem ipsum dolor sit </h3>
<p>Lorem ipsum dolor sit amet,consectetur adipiscing elit. Donec sit amet mi nec leo egestas sagittis. </p>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="left-bottom-bottom-grid">
<div class="left-bottom-top-grid-row2">
<div class="date">
<img src="images/bg.jpg" alt="" />
<div class="date-info data">
<span>04.11.2013</span>
<h3>Lorem ipsum dolor sit </h3>
<p>Lorem ipsum dolor sit amet,consectetur adipiscing elit. Donec sit amet mi nec leo egestas sagittis. </p>
</div>
</div>
<div class="item">
<img src="images/10.jpg" alt="" />
</div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
<div class="contact-section">
<img src="images/11.jpg" alt="" />
<div class="contact-box">
<div class="call">
<h3>Call</h3>
<h4>Back</h4>
</div>
<input type="text" class="t
创意布局 瀑布流博客模板 - INTERNO.rar
版权申诉
76 浏览量
2021-12-24
13:25:27
上传
评论
收藏 673KB RAR 举报
创意布局 瀑布流博客模板 - INTERNO.rar （57个子文件） 
【NumberOne专业开发】创意布局 瀑布流博客模板 - INTERNO js 
easing.js 5KB move-top.js 1KB touchTouch.jquery.js 6KB jquery.ui.totop.js 2KB camera.js 68KB css style.css 42KB blur.css 2KB touchTouch.css 2KB
services.html 10KB folio.html 9KB index.html 7KB contact.html 7KB about.html 10KB images 
page2_img3.jpg 11KB page3_img3.jpg 9KB
magnify.png 4KB 2.jpg 16KB contant-img.jpg 26KB big2.jpg 38KB 10.jpg 13KB big1.jpg 24KB 13.jpg 8KB big5.jpg 23KB page2_img4.jpg 11KB page3_img1.jpg 6KB about.jpg 41KB big3.jpg 37KB 14.jpg 11KB 6.jpg 15KB logo.png 831B page2_img5.jpg 10KB 1.jpg 8KB link_arrow.png 1KB page2_img7.jpg 10KB big6.jpg 24KB page3_img4.jpg 6KB body.jpg 41KB 12.jpg 8KB 5.jpg 7KB bg.jpg 8KB img-sprite.png 7KB 8.jpg 50KB arrowws.png 2KB big4.jpg 21KB 11.jpg 11KB header-bg.png 6KB page3_img6.jpg 5KB page2_img6.jpg 11KB page3_img2.jpg 7KB page2_img2.jpg 11KB control-interno.jpg 17KB 3.jpg 22KB 7.jpg 9KB page2_img1.jpg 37KB 9.jpg 13KB 4.jpg 9KB page3_img5.jpg 6KB资源评论
半抹灯芯
- 粉丝: 54
- 资源: 1075
