<!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
资源评论
芝麻粒儿
- 粉丝: 6w+
- 资源: 2万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- WPF桌面程序参考源码
- 免费,开源,可批量的离线OCR文字识别软件 支持win7 x64 Paddle版性能好,但不兼容奔腾、赛扬、凌动CPU Rap
- 使用mybatis plus快速生成sql
- vue + springboot 前后端分离博客
- Jupyter Notebook 教程
- jvm全面知识详解-全网最全(JVM面试题)
- 基于Java实现的电影智能推荐系统 + 数据库文件 + 前端页面
- 图形化编程题:图章画图,Scratch编程实现代码-电子学会2024.3四级考试题编程题第四题
- 万圣节头像挂件微信小程序前端
- 基于"事件"和"语义消息""流"的网络应用协议(在微服务、移动应用、物联网等场景,可替代 http、websocket 等)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功