<!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.cssmoban.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
【Web网页设计制作-毕业设计期末大作业源码】蓝色纹理案例作品展示跳转单页模板5377.zip （78个子文件） 
【Web网页设计制作-毕业设计期末大作业源码】蓝色纹理案例作品展示跳转单页模板5377 res 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资源评论
柯晓楠
- 粉丝: 2w+
- 资源: 2889
最新资源
- 多微网优化模型matlab 采用粒子群算法分析两个微网的优化调度，得到蓄电池，发电机以及微网间功率传输，程序有参考资料
- 潮流计算程序matlab 牛拉法 采用matlab对9节点进行潮流计算，采用牛拉法，程序运行可靠
- 微网优化调度matlab 采用matlab+yalmip编制含分布式和储能的微网优化模型，程序采用15分钟为采集节点，利用cplex求解，程序考虑发电机的启停约束，程序运行可靠
- PMSM永磁同步电机仿真三电平SVPWM矢量控制matlab PMSM双环矢量控制传统三电平
- 路径规划人工势场法以及改进人工势场法matlab代码，包含了
- MobaXterm 是一款功能强大且实用的终端仿真器软件.docx
- 三菱FX3U底层源码,PLSR源码 总体功能和指令可能支持在RUN中下载程序，支持注释的写入和读取，支持脉冲输出与定位指令(包括PLSY PWM PLSR PLSV DRVI DRVA 等指令
- Oracle Database Gateways for Win32-11gR2
- python071基于RSA加密算法软件的研究设计
- 成熟量产低压无刷伺服驱动 方案 全套软硬件资料 源码 原理图 需要的直接拿 基于28035平台
- 欧姆龙PLC ST语言6轴伺服RS232C通讯板CP1W-C IF0 真实项目程序，ST语言写的FB块 PLC用是两台CP1H-X40DT-D配置4块RS232C通讯板CP1W-CIF01 触摸屏是N
- 欧姆龙CP1H与力士乐VFC-x610变频器通讯程序功能：原创程序，可直接用于现场程序 欧姆龙CP1H的CIF11通讯板，实现对力士乐VFC-x610变频器 设定频率，控制正反转，读取实际频率，读取
- 级联型电力电子变压器，高压直流MMC控制系统，级联数可选，调 制方式有移相载波，nlm及混合调制，拥有冒泡排序，递归排序等方法，可控制三相不平衡与环流
- 西门子PLC双轴定位算法电池焊接控制程序-S7-1200 +威纶通触摸屏 S7-1200PLC做的电池焊接程序，电池包里面有n*m行列个电池 程序设计灵活SCL语言+梯形图，采用了位置试教与定位路径规
- 变压器副边突然短路simulink仿真
- MATLAB代码：基于模型预测控制的楼宇负荷需求响应研究 关键词：楼宇负荷 空调 模型预测控制 需求响应 仿真平台：MATLAB+CVX平台 主要内容：代码主要做的是一个建筑楼宇的需求响应问题，首
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
