<!DOCTYPE html>
<html lang="en">
<head>
<meta name="author" content="Valentín García[valentingarcia.com.mx]" />
<meta name="description" content="Enjoy the freedom" />
<meta name="keywords" content="aiko,html5,css3,jquery,portfolio,creative,design" />
<title>Aiko :: Creative HTML5/CSS3 Theme</title>
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!-- CSS template and style -->
<link rel="stylesheet" href="css/template.css" />
<link rel="stylesheet" href="css/style1.css" />
<!-- jQuery, jQuery tweet, scroll & jQuery Tools -->
<script src="js/jquery.tools.min.js" type="text/javascript"></script>
<script src="js/jquery.tweet.js" type="text/javascript"></script>
<!-- custom javascript -->
<script src="js/custom.min.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<!-- startart container -->
<div id="vg-container" style="">
<!-- start nav -->
<div id="vg-nav">
<!--start logo -->
<div id="vg-logo" class="border-solid-1">
<div class="vg-slogan">
<span style="font-size:42px;line-height:40px;">WELCOME to aiko</span><br />
<span style="font-size:23px;line-height:25px;">this a nice and great company</span>
</div>
</div>
<!-- end logo -->
<!-- start menu -->
<ul id="vg-menu" class="r-two">
<li><a href="index.html" class="icons i-home">Home</a></li>
<li><a href="about-us.html" class="icons i-about-us">About Us</a></li>
<li><a href="blog.html" class="vg-menu-active icons i-blog">Blog</a></li>
<li><a href="portfolio.html" class="icons i-portfolio">Portfolio</a></li>
<li><a href="contact.html" class="icons i-contact">Contact</a></li>
<li><a href="http://themeforest.net/item/aiko-creative-html5css3-theme/3011442" class="icons i-buy-me">Buy Me!</a></li>
</ul>
<!-- end menu -->
</div>
<!-- end nav -->
<!-- start header blog -->
<div class="vg-aboutus">
<div class="vg-aboutus-text">
<div style="">
<div class="vg-header">
BLOG
</div>
</div>
<p style="margin-top:62px;">Welcome to my blog, here I have written great stories of success about <b>Aiko</b>, <em>a great company</em>. Just take a look in how this layout is coded. Lorem ipsum dolor sit amet, consect etuer adipiscing elit, sed diam nonu mmy...</p>
</div>
</div>
<!-- end header blog -->
<!-- start logos -->
<div class="logos">
</div>
<!-- end logos -->
<!-- start content -->
<div id="vg-content" class="vg-table-display">
<!-- start blog -->
<div id="blog" class="vg-page">
<!-- start left bar -->
<article class="border-top c-two vg-left-bar vg-table-display">
<!-- start search -->
<div class="vg-item-article vg-search a-left">
<form name="searching" method="post" action="" />
<input type="text" name="searche" placeholder="Type & Hit!" />
</form>
</div>
<!-- end search -->
<!-- start categories -->
<div class="vg-item-article a-left vg-btn-height"><!-- add vg-pages class to see another look -->
<h3 class="vg-categories-icon vg-margin-1">Categories</h3>
<a href="#" class="vg-page vg-pages-active">» Thought (12)</a>
<a href="#" class="vg-page">» Lifestyle (3)</a>
<a href="#" class="vg-page">» Business in Tokyo (22)</a>
<a href="#" class="vg-page">» Client Testimonials (7)</a>
</div>
<!-- end categories -->
<!-- start text widget -->
<div class="vg-item-article a-left">
<h3 class="vg-margin-1">Text Widget</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dui orci, dapibus non luctus, ultrices vel nunc. Donec lacinia mattis erat sit amet blandit.</p>
</div>
<!-- end text widget -->
<!-- start tabs -->
<div class="vg-item-article a-left">
<h3 class="vg-categories-icon vg-margin-1">Tabs</h3>
<!-- the tabs -->
<div class="vg-tabs">
<div><a href="#">Recent</a></div>
<div><a href="#">Popular</a></div>
<div><a href="#">More</a></div>
</div>
<!-- tab panes -->
<div class="vg-panes">
<div><p>Nam ultricies dolor eu velit varius scelerisque. Vestibulum in lacus in felis pretium feugiat non sed elit. Duis pretium, urna sed.</p></div>
<div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dui orci, dapibus non luctus, ultrices vel nunc.</p></div>
<div><p>Nam ultricies dolor eu velit varius scelerisque. Vestibulum in lacus in felis pretium feugiat non sed elit. Duis pretium, urna sed.</p></div>
</div>
</div>
<!-- end tabs -->
<!-- start flickr -->
<div class="vg-item-article a-left">
<h3 class="vg-flickr-icon vg-margin-1">Flickr</h3>
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=8&display=latest&size=s&layout=x&source=user&user=32125239@N00"></script>
<div class="fix"></div>
</div>
<!-- end flickr -->
<!-- start ads -->
<div class="vg-item-article a-left">
<h3 class="vg-margin-1">Ads</h3>
<div style="height:170px;width:220px;background:#f2f2f2;border:1px dotted #ccc;"></div>
</div>
<!-- end ads -->
</article>
<!-- end left bar -->
<!-- start latest posts -->
<article class="border-top border-left c-four vg-table-display">
<!-- start article 1 -->
<article class="border-top c-two vg-intro-post">
<div class="vg-item-article a-right">
<img src="images/posts/post1-thumb.jpg" />
<h3><a href="blog-details.html">The Best Title don't you?</a></h3>
<div class="vg-subtitle">in <a href="#">Thoughs</a> by <a href="#">htmgarcia</a><br />17/09/2012</div>
</div>
</article>
<article class="border-top c-two vg-overflow vg-margin-2">
<div class="vg-item-article">
<p class="vg-intro-text">
Nulla eu ipsum libero. Phasellus eleifend purus et magna egestas ut tempor est scelerisque. Phasellus sed luctus urna. Proin placerat iaculis ligula.
<a href="blog-details.html" class="vg-readmore f-right">Read more <span class="vg-icon">→</span></a>
</p>
</div>
</article>
<!-- end article 1 -->
<!-- start article 1 -->
<article class="border-top c-two vg-intro-post">
<div class="vg-item-article a-right">
<img src="images/posts/post2-thumb.jpg" />
<h3><a href="blog-details.html">Creating New <em>Lorems</em></a></h3>
<div class="vg-subtitle">in <a href="#">Thoughs</a> by <a href="#">htmgarcia</a><br />17/09/2012</div>
</div>
</article>
<article class="border-top c-two vg-overflow vg-margin-2">
<div class="vg-item-article">
<p class="vg-intro-text">
Nulla eu ipsum libero. Phasellus eleifend purus et magna egestas ut tempor est scelerisque. Phasellus sed luctus urna. Proin placerat iaculis ligula.
<a href="blog-details.html" class="vg-readmore f-right">Read more <span class="vg-icon">→</span></a>
</p>
</div>
</article>
<!-- end article 1 -->
<!-- start article 1 -->
<article class="border-top c-two vg-intro-post">
<div class="vg-item-article a-right">
<img src="images/posts/post3-thumb.jpg" />
<h3><a href="blog-details.html">This is a Short Introduction</a></h3>
<div class="vg-subtitle">in <a href="#">Thoughs</a> by <a href="#">htmgarcia</a><br />17/09/2012</div>
</div>
</article>
<article class="border-top c-two vg-overflow vg-margin-2">
<div class="vg-item-article">
<p class="vg-intro-text">
Nulla eu ipsum libero. Phasellus eleifend purus et magna egestas ut tempor est scelerisque. Phasellus sed luctus urna. Proin placerat iaculis ligula.
<a href="blog-details.html" class="vg-readmore f-right">Read more <span class="vg-icon">→</span></a>
</p>
</div>
</
HTML5+CSS+JS精品网页模板047 大学生期末大作业 Web前端网页制作.rar
需积分: 5 190 浏览量
2024-04-30
13:10:25
上传
评论
收藏 1.26MB RAR 举报
047.rar （81个子文件） 
047 
portfolio.html 12KB js 
custom.min.js 3KB jquery.tools.min.js 140KB jquery.tweet.js 13KB css style1.css 10KB template.css 14KB about-us.html 10KB index.html 14KB contact.html 6KB images patterns 
black_twill.png 191B subtlenet2.png 291B team 
2.jpg 12KB 6.jpg 13KB 1.jpg 13KB 5.jpg 12KB 3.jpg 13KB 4.jpg 15KB logo1.png 3KB jquery.png 2KB portfolio p4.jpg 65KB p6.jpg 54KB p2.jpg 47KB p3.jpg 40KB p5.jpg 49KB p4detailsa.jpg 57KB p1.jpg 46KB logo.png 989B slideshow slide2.jpg 91KB slide1.jpg 96KB slide3.jpg 100KB logo2.png 905B john-doe.jpg 11KB posts full-post.jpg 135KB post5-thumb.jpg 8KB post4-thumb.jpg 12KB post2-thumb.jpg 11KB post1-thumb.jpg 9KB post3-thumb.jpg 9KB shadow1.png 556B avatar.png 450B quotes.png 325B icons dark addcomment.png 469B step2.png 808B step5.png 963B about-us.png 988B flickr.png 467B step6.png 561B home.png 1020B search.png 662B contact.png 765B buy-me.png 801B categories.png 364B step4.png 424B blog.png 969B portfolio.png 648B step3.png 1KB step1.png 661B comments.png 469B light twitter.png 566B joomla.png 8KB envato.png 3KB blog-details.html 12KB portfolio-details.html 6KB blog.html 17KB fonts bebasneue-webfont_162a16fe.eot 54KB TitilliumText22L004-webfont.ttf 23KB bebasneue-webfont.ttf 53KB TitilliumText22L003-webfontd41d_162a16fe.eot 23KB TitilliumText22L002-webfont.woff 15KB TitilliumText22L003-webfont.ttf 23KB TitilliumText22L004-webfontd41d_162a16fe.eot 23KB TitilliumText22L002-webfontd41d_162a16fe.eot 24KB TitilliumText22L004-webfont.woff 15KB TitilliumText22L003-webfont.woff 15KB bebasneue-webfont.woff 20KB bebasneue-webfont.eot 54KB TitilliumText22L003-webfont.eot 23KB
bebasneue-webfont.svg 39KB TitilliumText22L004-webfont.eot 23KB TitilliumText22L002-webfont.ttf 23KB TitilliumText22L002-webfont.eot 24KB资源评论
