<!DOCTYPE html>
<html lang="en">
<head>
<link rel="shortcut icon" href="images/favicon.ico" />
<meta charset="utf-8" />
<title>Artefak</title>
<link href="styles/reset.css" type="text/css" rel="stylesheet" />
<link href="styles/style.css" type="text/css" rel="stylesheet" />
<link href="styles/inner.css" rel="stylesheet" type="text/css" />
<!--[if IE]> <script src="js/html5.js"></script>
<![endif]-->
<!-- ////////////////////////////////// -->
<!-- // Javascript Files // -->
<!-- ////////////////////////////////// -->
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/supersubs.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
//=================================== MAIN MENU ===================================//
jQuery("ul.sf-menu").supersubs({
minWidth : 12, // requires em unit.
maxWidth : 14, // requires em unit.
extraWidth : 3 // extra width can ensure lines don't sometimes turn over due to slight browser differences in how they round-off values
// due to slight rounding differences and font-family
}).superfish(); // call supersubs first, then superfish, so that subs are
// not display:none when measuring. Call before initialising
// containing tabs for same reason.
//=================================== TABS AND TOGGLE ===================================//
//jQuery tab
jQuery(".tab-content").hide(); //Hide all content
jQuery("ul.tabs li:first").addClass("active").show(); //Activate first tab
jQuery(".tab-content:first").show(); //Show first tab content
//On Click Event
jQuery("ul.tabs li").click(function() {
jQuery("ul.tabs li").removeClass("active"); //Remove any "active" class
jQuery(this).addClass("active"); //Add "active" class to selected tab
jQuery(".tab-content").hide(); //Hide all tab content
var activeTab = jQuery(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
jQuery(activeTab).fadeIn(200); //Fade in the active content
return false;
});
//jQuery toggle
jQuery(".toggle_container").hide();
jQuery("h2.trigger").click(function(){
jQuery(this).toggleClass("active").next().slideToggle("slow");
});
});
</script>
</head>
<body>
<div id="bodychild">
<div id="outercontainer">
<!-- HEADER -->
<div id="outerheader">
<header id="top">
<div id="logo"><a href="index-2.html"><img src="images/logo.png" alt=""></a></div>
<section id="navigation">
<nav>
<ul id="topnav" class="sf-menu">
<li><a href="index-2.html">Home</a></li>
<li class="current"><a href="about.html">About</a>
<ul>
<li><a href="about.html">About Page</a></li>
<li><a href="portfolio2.html">Portfolio Alternate</a></li>
<li><a href="element.html">Element</a></li>
<li><a href="single.html">Blog Detail</a></li>
<li><a href="archive.html">Archives</a></li>
</ul>
</li>
<li><a href="service.html">Services</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contact</a></li>
</ul><!-- topnav -->
</nav><!-- nav -->
<div class="clear"></div>
</section>
<div class="clear"></div>
</header>
</div>
<!-- END HEADER -->
<!-- AFTER HEADER -->
<div id="outerafterheader">
<div id="afterheader">
<section id="aftertheheader">
âThis can be your tagline or something you want...â?
</section>
</div>
</div>
<!-- END AFTER HEADER -->
<!-- BEFORE CONTENT -->
<div id="outerbeforecontent" class="inner">
<div id="beforecontent">
<section id="beforethecontent">
<h1 class="pagetitle">Element <span class="colortext">Typography.</span></h1>
<div class="pagedesc">Fusce at sapien sit amet mauris auctor ultricies nec et dui. Donec fermentum viverra tincidunt. Sed ut posuere enim. Suspendisse lacus urna, ultrices quis dapibus adipiscing, mattis sed velit. Nunc volutpat dapibus eros at vulputate. Praesent eleifend tincidunt pellentesque.</div>
</section>
</div>
</div>
<!-- END BEFORE CONTENT -->
<!-- MAIN CONTENT -->
<div id="outermain">
<section id="maincontent">
<div class="one_half firstcols">
<h4>Images in Paragraph</h4>
<p><img src="images/content/s1.jpg" class="alignleft" alt="" />Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Sed placerat libero quis metus malesuada venenatis. Nulla facilisi. Duis condimentum molestie lacus ac tincidunt.</p>
<p>Morbi a eros sed nisi laoreet.Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.laoreet molestie. Nulla facilisi. Duis condimentum molestie lacus ac tincidunt.Morbi a eros sed nisi laoreet molestie. Sed placerat libero quis metus malesuada venenatis. Proin vulputate, ligula id pellentesque laoreet, arcu odio tincidunt nunc, in dictum leo dui sed sapien. Cras rhoncus odio quis risus porta ullamcorper adipiscing nulla sodales. </p>
<p>Nulla facilisi. Duis condimentum molestie lacus ac tincidunt. Cras rhoncus odio quis risus porta ullamcorper adipiscing nulla sodales. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
</div>
<div class="one_half lastcols">
<h4>Tables</h4>
<table>
<tbody>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
<tr class="even">
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
<tr class="even">
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
前端前端静态模板-非响应式黑红大气企业站-学生作业毕设实训素材.zip （127个子文件） 
style.css 23KB prettyPhoto.css 18KB inner.css 7KB reset.css 1KB Thumbs.db 8KB Thumbs.db 8KB Thumbs.db 7KB Thumbs.db 6KB
loader.gif 2KB avatar.gif 563B bg-outerheader.gif 243B default_thumbnail.gif 227B tab.gif 227B bg-outerfootersidebar.gif 214B bg-outerafterheader.gif 77B bg-linesubmenu.gif 50B list.gif 49B bg-sepmenu.gif 43B
element.html 31KB portfolio.html 18KB blog.html 18KB single.html 18KB index-2.html 17KB index.html 17KB about.html 16KB portfolio2.html 16KB service.html 15KB contact.html 14KB archive.html 13KB favicon.ico 7KB
bg-outerslider.jpg 23KB post-single.jpg 22KB post4.jpg 21KB pf2_3.jpg 18KB slide3.jpg 18KB pic2.jpg 18KB pic1.jpg 17KB post5.jpg 14KB pf4_7.jpg 14KB slide1.jpg 13KB bg-outerbeforecontentinner.jpg 13KB slide2.jpg 13KB pf2_1.jpg 13KB pf4_1.jpg 12KB post1.jpg 12KB pf4_8.jpg 11KB pf2_4.jpg 11KB pf2_2.jpg 10KB post3.jpg 10KB pf4_3.jpg 9KB pf4_11.jpg 9KB pf2_7.jpg 8KB pf2_8.jpg 7KB post2.jpg 7KB pf4_5.jpg 7KB pf2_6.jpg 7KB pf4_9.jpg 6KB pf4_6.jpg 6KB pf2_5.jpg 6KB pf4_10.jpg 6KB pf4_2.jpg 6KB ads2.jpg 5KB pf4_4.jpg 5KB pf4_12.jpg 5KB s1.jpg 5KB ads4.jpg 4KB ads3.jpg 4KB ads1.jpg 4KB thumb2.jpg 2KB people.jpg 2KB thumb1.jpg 1KB jquery-1.6.4.min.js 90KB jquery.cycle.all.js 51KB jquery.prettyPhoto.js 24KB superfish.js 4KB supersubs.js 3KB hoverIntent.js 3KB html5.js 2KB contact.js 2KB fade.js 384B
bg-slide.png 10KB icon1.png 7KB icon3.png 7KB bg-footersidebarcontainer.png 7KB icon2.png 4KB sprite.png 4KB logo.png 4KB bg-afterheader.png 2KB linkedin.png 868B btnNext.png 845B btnPrevious.png 828B flickr.png 778B bg-buttonright.png 727B youtube.png 724B twitter.png 710B hover-zoom.png 701B lastfm-small.png 691B date.png 656B google-small.png 653B dribble-small.png 620B共 127 条
- 1
- 2
资源评论
