<!DOCTYPE html>
<html lang="en">
<head>
<title>www.zjf88.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="A HTML Template best suited for business sites and portfolios" />
<meta name="keywords" content="Some keywords that best describe your business" />
<meta name="author" content="Creativusmouse" />
<!-- CSS -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!-- END CSS -->
<!-- JAVASCRIPT -->
<script src="http//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.7.2.min.js"><\/script>')</script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/scrolltopcontrol.js"></script>
<script type="text/javascript" src="js/jquery.quicksand.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<script type="text/javascript" src="js/jquery.modernizr.min.js"></script>
<!-- END JAVASCRIPT -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<div class="header"><!-- HEADER -->
<div class="container_12">
<div class="grid_3">
<div class="logo"><!-- LOGO -->
<a href="index.html"><img src="images/logo.png" alt="" /></a>
</div>
</div><!-- END LOGO -->
<div class="grid_9"><!-- MENU -->
<ul class="sf-menu">
<li>
<a href="index.html"><span class="uppercase">Home</span></a>
</li>
<li>
<a href="portfolio_4_col.html"><span class="uppercase">Portfolio</span></a>
<ul>
<li>
<a href="portfolio_2_col.html">Portfolio 2
Columns</a>
</li>
<li>
<a href="portfolio_3_col.html">Portfolio 3
Columns</a>
</li>
<li>
<a href="portfolio_4_col.html">Portfolio 4
Columns</a>
</li>
<li>
<a href="portfolio_single.html">Portfolio
Single</a>
</li>
</ul>
</li>
<li>
<a href="blog.html"><span class="uppercase">Blog</span></a>
</li>
<li>
<a href="features.html"><span class="uppercase">Features</span></a>
<ul>
<li>
<a href="grid.html">Grid</a>
</li>
<li>
<a href="#">Skins</a>
<ul>
<li>
<a href="../Purple/index.html">Purple</a>
</li>
<li>
<a href="../Blue/index.html">Blue</a>
</li>
<li>
<a href="../Wood/index.html">Wood</a>
</li>
<li>
<a href="../Cyan/index.html">Cyan</a>
</li>
</ul>
</li>
<li>
<a href="columns.html">Columns</a>
</li>
<li>
<a href="typography.html">Typography</a>
</li>
<li>
<a href="tabs_and_toggles.html">Tabs &
Toggles</a>
</li>
<li>
<a href="left_sidebar.html">Left Sidebar Page</a>
</li>
<li>
<a href="full_width_page.html">Full Width Page</a>
</li>
</ul>
</li>
<li>
<a href="contact.html"><span class="uppercase">Contacts</span></a>
</li>
</ul>
</div><!-- END MENU -->
</div>
</div><!-- END HEADER -->
<div class="head_title"><!-- HEAD TITLE -->
<div class="container_12">
<div class="grid_12">
<h1>
Tabs & Toggles
</h1>
</div>
</div>
</div><!-- HEAD TITLE -->
<div class="breadcrumbs"><!-- BREADCRUMBS -->
<div class="container_12">
<div class="grid_12">
<a href="index.html">Home</a>
<a href="features.html" class="icon_meta">Features</a>
<a href="#" class="icon_meta">Tabs & Toggles</a>
<form id="search" action="#" />
<fieldset>
<input type="text" name="search" />
<input type="submit" value="" />
</fieldset>
</form>
</div>
</div>
</div><!-- END BREADCRUMBS -->
<div class="main"><!-- MAIN -->
<div class="container_12">
<div class="grid_9">
<h2>
Tabs - Default Stylee
</h2>
<section class="tabs">
<input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" />
<label for="tab-1" class="tab-label-1">Tab 1</label>
<input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" />
<label for="tab-2" class="tab-label-2">Tab 2</label>
<input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" />
<label for="tab-3" class="tab-label-3">Tab 3</label>
<input id="tab-4" type="radio" name="radio-set" class="tab-selector-4" />
<label for="tab-4" class="tab-label-4">Tab 4</label>
<div class="clear-shadow"></div>
<div class="content">
<div class="content-1">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Integer nec odio. Praesent libero. Sed cursus ante dapibus
diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.
Duis sagittis ipsum. Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Praesent mauris. Fusce nec tellus sed augue
semper porta. Mauris massa. Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Vestibulum lacinia arcu eget
nulla.
</p><br />
<p>
Class aptent taciti sociosqu ad litora torquent per conubia
nostra, per inceptos himenaeos. Curabitur sodales ligula in
libero. Sed dignissim lacinia nunc. Curabitur tortor.
Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.
Mauris massa. Maecenas mattis. Sed convallis tristique sem.
Proin ut ligula vel nunc egestas porttitor. Curabitur tortor.
Morbi lectus risus, iaculis vel, suscipit quis, luctus non,
massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris
ipsum.
</p>
</div>
<div class="content-2">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Integer nec odio. Praesent libero. Sed cursus ante dapibus
diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.
Duis sagittis ipsum. Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Praesent mauris. Fusce nec tellus sed augue
semper porta. Mauris massa. Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Vestibulum lacinia arcu eget
nulla.
</p><br />
<p>
Class aptent taciti sociosqu ad litora torquent per conubia
nostra, per inceptos himenaeos. Curabitur sodales ligula in
libero. Sed dignissim lacinia nunc. Curabitur
前端静态模板-响应式深灰白企业站大气-学生作业毕设实训素材.zip
版权申诉
195 浏览量
2022-04-07
22:15:08
上传
评论
收藏 21.26MB ZIP 举报
前端静态模板-响应式深灰白企业站大气-学生作业毕设实训素材.zip （347个子文件） 
style.css 38KB prettyPhoto.css 27KB 960.css 10KB superfish.css 4KB skin.css 3KB skin.css 3KB skin.css 2KB skin.css 2KB skin.css 2KB reset.css 2KB layerslider.css 1KB skin.css 318B .DS_Store 6KB .DS_Store 6KB
loader.gif 6KB loader.gif 2KB loader.gif 2KB loader.gif 2KB loader.gif 2KB loader.gif 2KB notification-red.gif 1KB notification-green.gif 1KB notification-blue.gif 1KB notification-yellow.gif 1KB tabs_bg_a.gif 362B default_thumbnail.gif 227B default_thumbnail.gif 227B default_thumbnail.gif 227B default_thumbnail.gif 227B default_thumbnail.gif 227B tabs_bg.gif 49B
tabs_and_toggles.html 32KB typography.html 25KB blog_post.html 19KB index.html 18KB columns.html 18KB portfolio_3_col.html 17KB portfolio_4_col.html 17KB blog.html 16KB left_sidebar.html 16KB portfolio_2_col.html 15KB full_width_page.html 15KB contact.html 13KB portfolio_single.html 12KB features.html 12KB grid.html 12KB
04.jpg 3.4MB 08.jpg 2.61MB 06.jpg 2.5MB 01.jpg 2.1MB 11.jpg 1.86MB 07.jpg 1.56MB 10.jpg 1.08MB 09.jpg 523KB 03.jpg 474KB large_6.jpg 438KB 02.jpg 437KB large_7.jpg 376KB 05.jpg 372KB large_4.jpg 281KB large_3.jpg 256KB 12.jpg 239KB large_2.jpg 232KB large_1.jpg 213KB slider_bg_patt_blue.jpg 155KB slider_bg_patt_purple.jpg 123KB single_entry_img.jpg 110KB entry_img_1.jpg 80KB slider_bg_patt_grey.jpg 79KB entry_img_3.jpg 73KB main_box_1.jpg 58KB main_box_3.jpg 57KB main_box_2.jpg 46KB entry_img_2.jpg 35KB bottom_img_1.jpg 32KB slider_bg_cyan.jpg 29KB skin_2.jpg 23KB skin_1.jpg 16KB skin_3.jpg 14KB thumb_1.jpg 4KB thumb_2.jpg 4KB thumb_3.jpg 4KB jquery-1.7.2.min.js 93KB jquery-1.6.2.min.js 89KB layerslider.kreaturamedia.jquery.js 37KB jquery.prettyPhoto.js 25KB jquery.quicksand.js 14KB jquery.modernizr.min.js 14KB layerslider.kreaturamedia.jquery-min.js 13KB jquery.easing.1.3.js 8KB script.js 8KB jquery-easing-1.3.js 8KB superfish.js 7KB html5.js 1KB
browsers.png 222KB monitor_01.png 124KB patt_3.png 123KB monitor_02.png 60KB patt_1.png 45KB patt_2.png 20KB共 347 条
- 1
- 2
- 3
- 4
资源评论
