<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http//www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="Klass is a beautifull theme designed by Smartik" />
<meta name="keywords" content="one, page, skitter, slider, ThemeForest, Smartik" />
<meta name="author" content="Smartik" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<!--====================
STYLESHEETS
=====================-->
<link rel="stylesheet" type="text/css" href="css/reset.css" media="screen" /> <!-- Reset Styles-->
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" /> <!-- Main Styles-->
<link href="css/skitter.styles.css" rel="stylesheet" type="text/css" media="all" /> <!-- Skitter Slider Styles-->
<link href="css/colorbox.css" rel="stylesheet" type="text/css" media="screen" /> <!-- Lightbox Image Zoom Styles -->
<!--====================
JAVASCRIPTS
=====================-->
<script type="text/javascript" src="http//ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <!-- JQuery Library -->
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script> <!-- Easing effects -->
<script src="js/jquery.animate-colors-min.js" type="text/javascript"></script> <!-- Animate Slider dots -->
<script src="js/jquery.skitter.js" type="text/javascript"></script> <!-- Skitter Slider -->
<script src="js/jquery.jigowatt.js" type="text/javascript"></script><!-- AJAX Contact Form Submit -->
<script src="js/jquery.colorbox-min.js" type="text/javascript"></script> <!-- Lightbox Image Zoom -->
<!--====== Cufon ======-->
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/comfortaa.cufonfonts.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1, h2, h3, h4, h5, h6, .page_title, .page_title_subhead, .menu_item', { fontFamily: 'Comfortaa', hover: true });
$(document).ready(function(){
$(".article_container").hide();
$("div.read_more_link").click(function(){
$(this).toggleClass("active").next().slideToggle("slow");
});
});
$(document).ready(function(){
//Examples of how to assign the ColorBox event to elements
$("a[rel='crbox']").colorbox();
$("a[rel='pf_item']").colorbox();
$(".video-crbox").colorbox({iframe:true, innerWidth:640, innerHeight:510});
$(".iframe-crbox").colorbox({width:"80%", height:"80%", iframe:true});
});
//scroll page to id
function GoToId(IdToGo){
var animSpeed=1500; //animation speed
var easeType="easeInOutExpo"; //easing type
if($.browser.webkit){ //webkit browsers do not support animate-html
$("body").stop().animate({scrollTop: $(IdToGo).offset().top}, animSpeed, easeType);
} else {
$("html").stop().animate({scrollTop: $(IdToGo).offset().top}, animSpeed, easeType);
}
};
$(document).ready(function(){
$('.box_skitter_slider').skitter({dots: true});
$('.box_skitter_slider_post').skitter({dots: true});
});
</script>
<title>Klass </title>
</head>
<body>
<div id="general-content">
<div id="side_menu">
<div class="logo"></div> <!-- LOGO -->
<div class="top_bg_menu"></div>
<div class="menu">
<div class="top_first"></div>
<a href="#" onclick="GoToId('#page-home');return false" class="menu_item">Home</a>
<a href="#" onclick="GoToId('#page-portfolio');return false" class="menu_item">Portfolio</a>
<a href="#" onclick="GoToId('#page-services');return false" class="menu_item">Services</a>
<a href="#" onclick="GoToId('#page-articles');return false" class="menu_item">Articles</a>
<a href="#" onclick="GoToId('#page-contact');return false" class="menu_item">Contact</a>
</div>
<div class="bottom_bg_menu"></div>
</div>
<div class="container">
<!--=========================================================
PAGE 1 \HOME\
==========================================================-->
<div id="page-home">
<div class="header">
<div class="content_wrapper">
<div class="grid_1">
<h1 class="page_title">Welcome to our site !</h1>
<div class="page_title_subhead">Integer molestie sodales libero. Integer consectetur congue facilisis.</div>
</div>
</div>
</div> <!-- End of .header -->
<div class="content">
<div class="content_wrapper">
<div class="slider_frame">
<div class="box_skitter box_skitter_slider">
<ul>
<li>
<img src="images/assets/01.jpg" class="block" alt="" />
</li>
<li>
<img src="images/assets/02.jpg" class="cube" alt="" />
</li>
<li>
<img src="images/assets/06.jpg" class="default" alt="" />
</li>
<li>
<img src="images/assets/04.jpg" class="directionBottom" alt="" />
</li>
<li>
<img src="images/assets/05.jpg" class="fadeFour" alt="" />
</li>
<li>
<img src="images/assets/03.jpg" class="cubeJelly" alt="" />
</li>
</ul>
<div class="shadow"></div>
</div>
</div>
<div class="clear"></div>
<div class="services">
<div class="grid_3 alpha">
<div class="icon_service sv1"></div>
<h2>Cross-browser</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.</p>
</div><!-- end of service 1 -->
<div class="grid_3">
<div class="icon_service sv2"></div>
<h2>User friendly</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.</p>
</div><!-- end of service 3 -->
<div class="grid_3 omega">
<div class="icon_service sv3"></div>
<h2>Support</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.</p>
</div><!-- end of service 4 -->
<div class="clear"></div>
</div>
<h2>About us</h2>
<hr />
<img src="images/assets/001.png" alt="" class="img_border alignleft" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu lorem metus. Sed pharetra arcu ac velit rutrum at tempus est laoreet. Integer condimentum, ipsum in vehicula ultricies, risus elit volutpat magna, nec lacinia libero lacus eu mi. Donec in nisl massa, vitae pharetra magna. Quisque quis lorem ac velit pharetra aliquam. Aliquam nec lectus libero, at sodales urna. Maecenas lectus justo, viverra a luctus sit amet, facilisis a ante. Vivamus sed lorem sed mi ullamcorper bibendum. Vestibulum viverra odio non tellus rutrum a molestie nulla tincidunt. Pellentesque eleifend posuere tellus, vitae elementum dui tincidunt eu. Ut interdum aliquet purus, at pellentesque ipsum euismod vel. Pellentesque malesuada, sapien eget molestie eleifend, ante risus tempus ante, eu volutpat lorem lorem consectetur turpis. Sed gravida urna nec magna ullamcorper quis congue orci aliquet. Curabitur fringilla, sem viverra dignissim bibendum, felis turpis mollis neque, quis lacinia mauris libero non urna.</p>
<div class="clear"></div>
<div class="latest_works">
<h2>Latest Works</h2>
<hr />
<div class="grid_3 bg_plus alpha">
<a href="images/assets/0022.jpg" rel="crbox" class="work_image" title="Project name">
<img src="images/assets/8.jpg" alt="" />
</a>
<h3>Project title</h3>
<p>Curabitur et velit nisl. Donec semper e
模板背景_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip
190 浏览量
2023-08-03
10:55:34
上传
评论
收藏 1.87MB ZIP 举报
模板背景_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （118个子文件） 
style.css 22KB colorbox.css 5KB skitter.styles.css 4KB reset.css 1KB Thumbs.db 194KB Thumbs.db 55KB Thumbs.db 20KB Thumbs.db 14KB
loading.gif 9KB contact-ajax-loader.gif 847B success.gif 560B error.gif 355B
index.html 54KB
0033.jpg 68KB 002.jpg 65KB 005.jpg 64KB 0055.jpg 64KB 0044.jpg 62KB 04.jpg 59KB 2.jpg 57KB 0022.jpg 56KB 0066.jpg 53KB 5.jpg 52KB 01.jpg 52KB 0011.jpg 50KB 007.jpg 50KB 4.jpg 49KB 05.jpg 46KB 3.jpg 46KB 03.jpg 44KB 06.jpg 32KB 02.jpg 30KB 003.jpg 18KB 14.jpg 16KB 006.jpg 16KB 23.jpg 13KB 009.jpg 13KB 18.jpg 13KB 9.jpg 12KB 21.jpg 11KB 13.jpg 11KB 17.jpg 11KB 6.jpg 11KB 15.jpg 11KB 3.jpg 10KB 19.jpg 10KB 1.jpg 9KB 10.jpg 9KB 8.jpg 9KB 11.jpg 9KB 7.jpg 8KB 16.jpg 8KB 12.jpg 8KB 5.jpg 8KB 008.jpg 8KB 4.jpg 7KB 2.jpg 7KB 20.jpg 7KB 22.jpg 6KB 1.jpg 1KB input_bg.jpg 1KB comfortaa.cufonfonts.js 116KB jquery.min.js 90KB jquery.skitter.js 56KB cufon-yui.js 18KB jquery.colorbox-min.js 10KB jquery.easing.1.3.js 8KB scripts.js 2KB jquery.animate-colors-min.js 2KB jquery.jigowatt.js 883B
hd2.png 54KB header.png 53KB 002.png 51KB 001.png 46KB read_article.png 19KB layout_bg.png 18KB bottom.png 6KB logo.png 5KB 7.png 4KB mn_3.png 4KB tip.png 4KB error.png 4KB 6.png 4KB slider_frame.png 4KB 4.png 3KB author.png 3KB date.png 3KB article_title_bg.png 3KB plus.png 2KB info.png 1KB succes.png 1KB quote.png 1KB controls.png 1KB note.png 1KB pre_code_bg.png 954B mn_1.png 635B award.png 606B star.png 569B user.png 558B check.png 520B共 118 条
- 1
- 2
资源评论
qq_41146932
- 粉丝: 9
- 资源: 6308
最新资源
- 基于Javascript的影视动画设计源码 - cad
- 基于Java和深度学习的瓦斯浓度预测系统后端设计源码 - 瓦斯浓度预测后端
- Screenshot_20240528_103010.jpg
- 基于Python的新能源承载力计算及界面设计源码 - HAINING-DG
- 基于Java的本科探索学习项目设计源码 - 本科探索
- 基于Javascript和Python的微商城项目设计源码 - MicroMall
- 基于Java的网上订餐系统设计源码 - online ordering system
- 基于Javascript的超级美眉网络资源管理应用模块设计源码
- 基于Typescript和PHP的编程知识储备库设计源码 - study-php
- Screenshot_2024-05-28-11-40-58-177_com.tencent.mm.jpg
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
