<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Immaculate | One Page Portfolio Website Template</title>
<link rel="stylesheet" type="text/css" href="assets/styles/style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="assets/styles/orbit-1.2.3.css" media="screen" />
<link rel="stylesheet" type="text/css" href="assets/styles/jquery.fancybox-1.3.4.css" media="screen" />
<!--[if lt IE 9]><script type="text/javascript" src="assets/scripts/modernizr.js"></script><![endif]-->
</head>
<body>
<div class="wrapper">
<header>
<h1>Immaculate</h1>
</header>
<div class="nav-container">
<nav>
<ul>
<li><a href="#home" class="selected">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#shortcodes">Shortcodes</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<div class="nav-left"></div>
<div class="nav-right"></div>
<div class="nav-above"></div>
</nav>
</div>
<section id="home">
<div class="row">
<div class="three columns">
<h4>About Me</h4>
<img src="assets/images/hi.png" width="220" alt="" >
<p>Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec pede justo, fringilla vel, aliquet nec, vulputate eget.</p>
<h4>Some More</h4>
<p>Ea cetero oportere mei, iudico aperiam erroribus no vis. Mei error corpora ei, ne virtute albucius suscipit sea. Quo ne eripuit iracundia gloriatur, et mea unum eius. Pro mucius officiis dissentias ei, quo salutandi constituam ut, te pri viderer numquam ceteros.</p>
</div>
<div class="six columns">
<h4>Images Via <span class="flick">Flick</span><span class="r">r</span></h4>
<ul id="flickr" class="thumbs">
</ul>
<div id="featured"> </div>
<h4>Some List</h4>
<ul class="list lightbulb">
<li>Aliquam tincidunt mauris. Nulla consequat massa quis enim.</li>
<li>Vestibulum auctor dapibus. Nulla consequat massa quis enim.</li>
<li>Lorem ipsum dolor sit amet. Nulla consequat massa quis enim.</li>
<li>Aliquam tincidunt mauris. Nulla consequat massa quis enim.</li>
<li>Vestibulum auctor dapibus. Nulla consequat massa quis enim.</li>
<li>Lorem ipsum dolor sit amet. Nulla consequat massa quis enim.</li>
</ul>
<h4>Widget</h4>
<p> Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Lorem ipsum dolor sit amet.</p>
</div>
<div class="three columns">
<h4>Latest Tweets</h4>
<div class="tweet"> </div>
<h4>Links</h4>
<ul class="links">
<li><a href="#">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
<li><a href="#">Link Five</a></li>
<li><a href="#">Link Six</a></li>
<li><a href="#">Link Seven</a></li>
<li><a href="#">Link Eight</a></li>
<li><a href="#">Link Nine</a></li>
<li><a href="#">Link Ten</a></li>
</ul>
</div>
</div>
<hr>
</section>
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >Website Template</a></div>
<section id="about">
<h1 class="title">About Me</h1>
<blockquote> Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus viverra nulla ut metus varius laoreet. Aenean vulputate eleifend tellus.</blockquote>
<div class="row">
<div class="nine columns">
<a href="#/photos/dexxus/4158928239/" target="_blank"><img src="assets/images/lighthouse.jpg" class="image left" alt="" style="margin:5px 15px 0 0" /></a>
<h4 style="margin:0 0 10px 0">Some Title Here</h4>
<p><span class="dropcap">L</span>orem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum.</p>
<h4>Lorem Ipsum</h4>
<p> <span class="dropcap">S</span>emper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. <br />
</p>
</div>
<div class="three columns">
<h4>Skills</h4>
<ul class="list check">
<li>HTML5 + CSS3</li>
<li>JavaScript + jQuery</li>
<li>php + MySQL</li>
<li>Web Design</li>
<li>Graphic Design</li>
<li>SEO</li>
</ul>
<h4>Awards</h4>
<ul class="list bestseller">
<li>First Prize At Somewhere</li>
<li>Best Entry At Somewhere</li>
<li>Third Prize At Somewhere</li>
<li>Second Prize At Somewhere</li>
<li>Nice Entry At Somewhere</li>
</ul>
</div>
</div>
<br>
<br>
<div class="row">
<div class="three columns">
<a href="#/photos/ranopamas/1157510788" target="_blank"><img src="assets/images/versailles.jpg" width="210" class="image" alt="" ></a>
</div>
<div class="three columns">
<a href="#/photos/marcelgermain/3041101310/" target="_blank"><img src="assets/images/church.jpg" width="210" class="image" alt="" ></a>
</div>
<div class="three columns">
<a href="#/photos/cuellar/244449798/" target="_blank"><img src="assets/images/triomphe.jpg" width="210" class="image" alt="" ></a>
</div>
<div class="three columns">
<a href="#/photos/ecstaticist/3829762702/" target="_blank"><img src="assets/images/steel_town.jpg" width="210" class="image" alt="" ></a>
</div>
</div>
<hr>
</section>
<section id="shortcodes">
<h1 class="title">Shortcodes</h1>
<h4>Boxes</h4>
<div class="row">
<div class="six columns">
<div class="box normal rounded full preview">
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
</div>
</div>
<div class="six columns">
<div class="box info rounded full preview last">
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
</div>
</div>
</div>
<div class="row">
<div class="six columns">
<div class="box tick rounded full preview">
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
</div>
</div>
<div class="six columns">
<div class="box note rounded full preview last">
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
蓝色纹理案例作品展示跳转单页模板_蓝色纹理简洁个人简历案例作品展示跳转单页html5设计前端工作室灰色.rar
需积分: 5 151 浏览量
2023-09-12
08:45:44
上传
评论
收藏 613KB RAR 举报
蓝色纹理案例作品展示跳转单页模板_蓝色纹理简洁个人简历案例作品展示跳转单页html5设计前端工作室灰色.rar （78个子文件） 
bg_direction_nav.png 1KB fancybox.png 15KB left-arrow.png 3KB fancy_shadow_w.png 103B bestseller.png 2KB
style.css 26KB fancy_shadow_n.png 106B rss-ico.png 695B jquery.fancybox-1.3.4.pack.js 15KB orbit-1.2.3.css 4KB edit.png 2KB check.png 1KB paper.png 656B
versailles.jpg 49KB myspace.png 6KB jflickrfeed.js 2KB hi.png 70KB fancy_title_right.png 506B fancy_shadow_se.png 352B fancy_shadow_s.png 111B
blank.gif 43B fancy_loading.png 10KB waypoints.min.js 4KB note.png 447B mask-black.png 705B download.png 582B jquery.scrollTo-1.4.2-min.js 2KB fancy_nav_left.png 1KB fancy_shadow_e.png 107B jquery.fancybox-1.3.4.css 9KB loading.gif 25KB fancy_shadow_nw.png 324B steel_town.jpg 55KB flickr.png 5KB jquery.tweet.js 13KB quote.png 615B fancy_nav_right.png 1KB fancy_shadow_ne.png 347B alert.png 563B fancybox-y.png 176B
BebasNeue-webfont.svg 20KB Elegant_Press.png 165KB fancy_title_over.png 70B modernizr.js 10KB notice.png 654B church.jpg 35KB lightbulb.png 1KB functions.js 4KB search-ico.png 769B BebasNeue-webfont.woff 11KB right-arrow.png 3KB bullets.jpg 657B twitter.png 6KB stats.png 843B navbar.js 1KB fancy_title_main.png 96B bg.png 5KB info.png 555B tick.png 665B facebook.png 6KB jquery.orbit-1.2.3.min.js 4KB
index.html 15KB mail-ico.png 822B BebasNeue-webfont.ttf 21KB twitter_bird.png 428B author.gif 621B fancy_title_left.png 503B fancybox-x.png 203B triomphe.jpg 52KB people.png 1KB timer-black.png 705B linkedin.png 5KB fancy_shadow_sw.png 340B fancy_close.png 1KB rotator-black.png 733B pause-black.png 330B lighthouse.jpg 48KB BebasNeue-webfont.eot 10KB资源评论
