<!-- # ------------------------------------------------------------------
# kickassGFX.net - Best Graphic Source - Free Themes, Scripts & Plugins
# -----------------------------------------------------------------------
# This file has been downloaded from KickassGFX.net
# Homepage: http://www.kickassgfx.net/
# -----------------------------------------------------------------------
# You'll find your Updates everyday at KickassGFX.net
# -----------------------------------------------------------------------
# If you need support with this template you can
# contact us at http://www.kickassgfx.net/
# ------------------------------------------------------------------- -->
<!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>Downloaded from KickassGFX.net </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,
HTML5+CSS+JS精品网页模板040 大学生期末大作业 Web前端网页制作.rar
需积分: 5 199 浏览量
2024-04-30
13:10:51
上传
评论
收藏 4.46MB RAR 举报
040.rar （96个子文件） 
040 
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 next-horizontal.png 727B right-triangle.png 463B prev-horizontal.png 734B left-triangle.png 402B tipsy.css 601B nivo-slider.css 3KB ie.css 1KB index.html 15KB contact.html 10KB shortcodes.html 22KB form.html 4KB blog.html 15KB资源评论
仙女网页制作
- 粉丝: 3580
- 资源: 164
最新资源
- 以简单、易用、高性能为目标、开源的时序数据库，支持Linux及Windows， Time Series Database.zip
- python-leetcode面试题解之第198题打家劫舍-题解.zip
- python-leetcode面试题解之第191题位1的个数-题解.zip
- python-leetcode面试题解之第186题反转字符串中的单词II-题解.zip
- 一个基于python的web后端高性能开发框架，下载可用
- python-leetcode面试题解之第179题最大数-题解.zip
- python-leetcode面试题解之第170题两数之和III数据结构设计-题解.zip
- python-leetcode面试题解之第168题Excel表列名称-题解.zip
- python-leetcode面试题解之第167题两数之和II输入有序数组-题解.zip
- python-leetcode面试题解之第166题分数到小数-题解.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
