<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8" />
<!--[if lt IE 9]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<![endif]-->
<meta name="viewport" content="width=device-width; initial-scale=1.0" />
<title>www.zjf88.com</title>
<!-- html 5 shim + modernizer -->
<script src="./js/modernizr.js"></script>
<!-- all stylesheets -->
<link rel="stylesheet" href="./css/reset.css" />
<link rel="stylesheet" href="./css/960.css" />
<link rel="stylesheet" href="./css/style.css" />
<link rel="stylesheet" href="./css/tipsy.css" />
<link rel="stylesheet" href="./css/fancy.css" />
<link href="./css/nivo-slider.css" rel="stylesheet" />
<link href="./css/skins/tango/skin.css" rel="stylesheet" />
<!-- Fonts -->
<link href='http//fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css' />
<link href='http//fonts.googleapis.com/css?family=Droid+Serif:400,400italic' rel='stylesheet' type='text/css' />
<link href='http//fonts.googleapis.com/css?family=Share' rel='stylesheet' type='text/css' />
<link rel="shortcut icon" href="http//www.transforms.web2treat.com/favicon.ico" />
<!--[if lt IE 9]>
<script src="http//css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<!--[if lt IE 9]>
<link rel="stylesheet" href="./css/ie.css" />
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<header id="header" class="clearfix">
<section class="container_12">
<section class="grid_12">
<section class="social clearfix">
<ul>
<li><a href="#"><img src="./img/social/flicker.png" alt="flicker" /></a></li>
<li><a href="#"><img src="./img/social/ball.png" alt="Dribble" /></a></li>
<li><a href="#"><img src="./img/social/google .png" alt="google +" /></a></li>
<li><a href="#"><img src="./img/social/facebook.png" alt="facebook" /></a></li>
<li><a href="#"><img src="./img/social/twitter.png" alt="twitter" /></a></li>
</ul>
</section>
<a href="./index.html" id="logo">
<img src="./img/logo.png" alt="" />
</a>
<nav id="main_nav" class="jqueryslidemenu">
<ul>
<li><a href="./index.html" data-description="All starts Here">Home</a></li>
<li><a href="./portfolio.html" data-description="Exhibit your work">Portfolio</a></li>
<li class="current"><a href="./shortcodes.html" data-description="some Elements">Shortcode</a></li>
<li><a href="./blog.html" data-description="Our thoughts">Blog</a></li>
<li><a href="./contact.html" data-description="Enquire here">Contact</a></li>
</ul>
</nav>
</section><!-- end of grid_12"-->
</section>
</header><!--end of header -->
<section class="container_12 content clearfix">
<section class="grid_12">
<p><span class="dropcap">D</span>ropcapes sample nunc sapien, viverra at sagittis imperdiet, feugiat in est. Nulla ut dictum mi. Aenean nisi ligula, facilisis id lobortis quis, fringilla posuere ante. Ut et quam tellus, id luctus libero. In pellentesque, metus sit amet pharetra tempus, dui est lobortis risus, ut ultricies enim tellus et velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque vestibulum nis i et metus feugiat interdum. Nullam dolor libero, semper non dictum in, dignissim ac erat. Quisque sit amet felis eget eget, rhoncus quis dui. Aliquam interdum consequat sapien ac tristique. Nulla et leo orci, eget molestie diam. Etiam in venenatis velit.</p>
<div class="divider-10-blank"></div>
<div class="clear"></div>
<div class="divider-10-blank"></div>
<div class="clear"></div>
<!-- tabs markup -->
<div class="grid_6">
<h5> Tabs Shortcode </h5>
<ul class="tabs">
<li class=""><a href="#tab1">Tab One </a></li>
<li class=""><a href="#tab2">Tab Two</a></li>
<li class=""><a href="#tab3">Tab Three</a></li>
<li class=""><a href="#tab4">Tab Four</a></li>
</ul>
<div class="tab_container">
<div class="tab_content grid_11" id="tab1">
<p>Quisque lacinia suscipit magna nec sollicitudin. Curabitur aliquet malesuada risus mattis ultrices. Cras turpis ligula, mollis quis hendrerit pulvinar, porta at libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed scelerisque elementum libero, at porttitor risus laoreet ac. Vestibulum no</p>
</div>
<div class="tab_content grid_11" id="tab2">
<p>Ut sem nisi, porttitor id viverra vitae, eleifend ac diam. Morbi adipiscing lorem et lectus egestas ac lobortis felis laoreet. Donec dui neque, convallis id pretium eu, commodo in lorem. Quisque vehicula volutpat quam, sit amet elementum nisl sollicitudin at. Fusce odio quam, gravida at egestas mattis, sagittis id nulla. Pellentesque fringilla augue nec est sagittis lacinia. Etiam eu magna quam, vel malesuada nulla. </p>
</div>
<div class="tab_content grid_11" id="tab3">
<p>Suspendisse aliquam nunc a libero malesuada nec viverra purus bibendum. Vivamus tellus risus, ullamcorper at porttitor vitae, porta sed diam. Sed in neque vel turpis tempor aliquam. Suspendisse id elit nec nisl ornare egestas eu sit amet nisl. Nullam sed ornare erat. Praesent quis aliquam ligula </p>
</div>
<div class="tab_content grid_11" id="tab4">
<p>Vestibulum ornare tellus pharetra odio facilisis blandit. Phasellus magna nisi, aliquet sed sagittis sit amet, fringilla eu libero. Nunc id odio rutrum tellus sollicitudin vestibulum euismod sed mi. Duis augue orci, rhoncus fringilla pellentesque a, adipiscing vitae nisl. Curabitur dapibus blandit ante,</p>
</div>
</div>
</div>
<div class="grid_6">
<h5>Toogle Shortcodes</h5>
<a href="#" class="toggle_trigger">One</a>
<div class="toggle_container">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet suscipit lorem. Fusce mattis lobortis dui, at eleifend neque malesuada quis. Ut sollicitudin orci at massa suscipit sed porta odio pretium. Nam id turpis sit amet neque imperdiet porta sit amet non dolor. Aenean quis porta enim. </p>
</div>
<a href="#" class="toggle_trigger">two</a>
<div class="toggle_container">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet suscipit lorem. Fusce mattis lobortis dui, at eleifend neque malesuada quis. Ut sollicitudin orci at massa suscipit sed porta odio pretium. Nam id turpis sit amet neque imperdiet porta sit amet non dolor. Aenean quis porta enim. </p>
</div>
<a href="#" class="toggle_trigger">Three</a>
<div class="toggle_container">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet suscipit lorem. Fusce mattis lobortis dui, at eleifend neque malesuada quis. Ut sollicitudin orci at massa suscipit sed porta odio pretium. Nam id turpis sit amet neque imperdiet porta sit amet non dolor. Aenean quis porta enim. </p>
</div>
<a href="#" class="toggle_trigger">Four</a>
<div class="toggle_container">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet suscipit lorem. Fusce mattis lobortis dui, at eleifend neque malesuada quis. Ut sollicitudin orci at massa suscipit sed porta odio pretium. Nam id turpis sit amet neque imperdiet porta sit amet non dolor. Aenean quis porta enim. </p>
</div>
</div>
<div class="clear"></div>
<div class="divider-10-blank"></div>
<div class="divider-10-blank"></div>
<div class="clear"></div>
<div class="grid_6">
<h5> Few Tags </h5>
<article class="tags_tab align-left">
<a href="#">abstract</a>
<a href="#">art</a>
<a href="#">carrars</a>
<a href="#">abstract</a>
<a href="#">Html themes</a>
<a href="#">jquery</a>
<a href="#"
H195国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip （97个子文件） 
H195 
portfolio.html 13KB js 
tipsy.js 4KB fancy.js 15KB quicksand.js 14KB send_email.php.html 4B modernizr.js 47KB nivo.js 29KB menu.js 8KB easing.js 5KB carusol.js 15KB custom.js 4KB jquery.js 93KB img 
left-arrow.png 121KB post-arrow.png 13KB home_post_link_green.png 1KB plus.png 2KB success.png 1KB footer_bg.png 20KB send-red.png 766B error.png 1KB home_post_link.png 1KB divider2.png 243B placeholder small_port3.png 44KB slide4.png 306KB
port6.jpg 109KB slide2.png 392KB slide6.png 400KB small_port1.png 40KB slide3.png 402KB small_port4.jpg 14KB slide5.png 389KB small_port5.jpg 15KB infact-we-say.png 9KB port5.jpg 78KB port2.jpg 121KB post1.png 337KB post2.png 345KB port3.jpg 110KB infact-we-paint.png 11KB slide1.png 424KB 3.jpg 13KB small_port2.png 39KB infact-love.png 10KB port4.jpg 117KB port1.jpg 99KB header_bg.png 17KB arrow.png 1KB quotes-green.png 634B logo.png 2KB footer_end.png 4KB red-check.png 280B green-star.png 261B arrow-right.png 1KB red-bullet.png 257B caption_bg.png 672B fancybox fancy_nav_left.png 1KB fancy_close.png 1KB decorate.png 54KB read_more.png 334B read_more-green.png 333B right-arrow.png 127KB green-check.png 291B quotes-red.png 604B white-check.png 250B menu-bg-righ.png 122B warning.png 2KB bg.png 56KB info.png 2KB video.png 1KB pcontent-bg.png 148KB caption-qutoes.png 606B green-bullet.png 229B social flicker.png 831B google .png 1KB ball.png 1KB twitter.png 947B facebook.png 780B divider-3.png 401B browsers.png 42KB css style.css 25KB 960.css 6KB fancy.css 9KB reset.css 3KB skins tango skin.css 4KB Thumbs.db 6KB next-horizontal.png 727B right-triangle.png 463B prev-horizontal.png 734B left-triangle.png 402B tipsy.css 600B nivo-slider.css 3KB ie.css 1KB index.html 15KB contact.html 10KB shortcodes.html 21KB form.html 4KB blog.html 14KB资源评论
supeerzdj
- 粉丝: 12
- 资源: 6184
最新资源
- 1731260448754.jpeg
- 博图 博途1s保护解除DLL Siemens.Automation.AdvancedProtection.dll
- 基于Java和Shell语言的csj_21_08_20_task1设计源码分享
- 基于Typescript和Python的MNIST卷积神经网络模型加载与预测浏览器端设计源码
- 基于Python的RasaTalk语音对话语义分析系统源码
- 基于Vue框架的租车平台前端设计源码
- 基于Java和C/C++的浙江高速反扫优惠券码830主板设计源码
- 基于Java的一站式退休服务项目源码设计
- 基于Java语言实现的鼎鸿餐厅管理系统设计源码
- 基于Java的iText扩展库：简化PDF创建与中文字体应用设计源码
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
