<!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.
蓝色纹理案例作品展示跳转单页模板_蓝色
版权申诉
15 浏览量
2021-11-06
12:50:27
上传
评论
收藏 639KB RAR 举报
蓝色纹理案例作品展示跳转单页模板_蓝色 纹理 简洁 个人 简历 案例 作品 展示 跳转 单页 html5 设计 前端 工作室 灰色.rar （78个子文件） 
蓝色纹理案例作品展示跳转单页模板_蓝色 纹理 简洁 个人 简历 案例 作品 展示 跳转 单页 html5 设计 前端 工作室 灰色 h5c3_32_vr assets styles 
style.css 26KB orbit-1.2.3.css 4KB jquery.fancybox-1.3.4.css 9KB
BebasNeue-webfont.svg 20KB BebasNeue-webfont.woff 11KB BebasNeue-webfont.ttf 21KB BebasNeue-webfont.eot 10KB images 
bg_direction_nav.png 1KB bestseller.png 2KB edit.png 2KB check.png 1KB
versailles.jpg 49KB myspace.png 6KB orbit left-arrow.png 3KB mask-black.png 705B
loading.gif 25KB right-arrow.png 3KB bullets.jpg 657B timer-black.png 705B rotator-black.png 733B pause-black.png 330B hi.png 70KB steel_town.jpg 55KB flickr.png 5KB Elegant_Press.png 165KB fancybox fancybox.png 15KB fancy_shadow_w.png 103B fancy_shadow_n.png 106B fancy_title_right.png 506B fancy_shadow_se.png 352B fancy_shadow_s.png 111B blank.gif 43B fancy_loading.png 10KB fancy_nav_left.png 1KB fancy_shadow_e.png 107B fancy_shadow_nw.png 324B fancy_nav_right.png 1KB fancy_shadow_ne.png 347B fancybox-y.png 176B fancy_title_over.png 70B fancy_title_main.png 96B fancy_title_left.png 503B fancybox-x.png 203B fancy_shadow_sw.png 340B fancy_close.png 1KB church.jpg 35KB lightbulb.png 1KB twitter.png 6KB bg.png 5KB facebook.png 6KB twitter_bird.png 428B triomphe.jpg 52KB linkedin.png 5KB lighthouse.jpg 48KB content rss-ico.png 695B paper.png 656B note.png 447B download.png 582B quote.png 615B alert.png 563B notice.png 654B search-ico.png 769B stats.png 843B info.png 555B tick.png 665B mail-ico.png 822B author.gif 621B people.png 1KB scripts jquery.fancybox-1.3.4.pack.js 15KB jflickrfeed.js 2KB waypoints.min.js 4KB jquery.scrollTo-1.4.2-min.js 2KB jquery.tweet.js 13KB modernizr.js 10KB functions.js 4KB navbar.js 1KB jquery.orbit-1.2.3.min.js 4KB
index.html 15KB资源评论
