<!doctype html>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--flexslider-css-->
<!--bootstrap-->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="all" />
<!--coustom css-->
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<!--fonts-->
<link href='http://222.178.203.72:19005/whst/63/=enmsrzfnnfkdZohrzbnl//css?family=Open+Sans:400,300,300italic,400italic,800italic,800,700italic,700,600,600italic' rel='stylesheet' type='text/css'>
<!--/fonts-->
<!--script-->
<script src="js/jquery.min.js"> </script>
<script src="js/bootstrap.js"></script>
<!--/script-->
<!--move-top-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<!--/script-->
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
});
});
</script>
<!--/move-top-->
</head>
<body>
<div class="header" id="home">
<div class="container">
<div class="navigation">
<span class="menu"><img src="images/menu.png" alt=""/></span>
<div class="clearfix"> </div>
<ul class="nav1">
<li><a href="index.html">HOME</a></li>
<li><a class="scroll" href="#product">PRODUCTS</a></li>
<li><a class="scroll" href="#about">ABOUT</a></li>
<li><a class="scroll" href="#testimonials">TESTIMONIALS</a></li>
<li><a class="scroll" href="#gallery">GALLERY</a></li>
<li><a class="scroll" href="#services">SERVICES</a></li>
<li><a class="scroll" href="#contact">CONTACT</a></li>
</ul>
<!-- script for menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- //script for menu -->
</div>
<div class="header-right">
<ul>
<li><a href="#"><span class="fb"> </span></a></li>
<li><a href="#"><span class="twit"> </span></a></li>
<li><a href="#"><span class="pin"> </span></a></li>
<li><a href="#"><span class="rss"> </span></a></li>
<li><a href="#"><span class="drbl"> </span></a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="header-banner">
<!-- Top Navigation -->
<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
$("#slider").responsiveSlides({
auto: true,
nav: true,
speed: 500,
namespace: "callbacks",
pager: true,
});
});
</script>
<div class="slider">
<div class="container">
<div class="callbacks_container">
<ul class="rslides" id="slider">
<li>
<div class="slider-info">
<h1><a href="index.html"> HandiCrafts </a></h1>
<p>Lapeyrouse Adults trained the young in the knowledge and skills inFashion Elle Moscow, Russia</p>
<h2>Form <i>$50</i></h2>
</div>
</li>
<li>
<div class="slider-info">
<h1><a href="index.html"> HandiCrafts </a></h1>
<p>Knowledge Adults trained the young in the and skills Lapeyrouse inFashion Elle Moscow, Russia</p>
<h2>Form <i>$50</i></h2>
</div>
</li>
<li>
<div class="slider-info">
<h1><a href="index.html"> HandiCrafts </a></h1>
<p>Adults the young in the knowledge and skills trained in Fashion Elle Moscow, Russia Lapeyrouse</p>
<h2>Form <i>$50</i></h2>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="product" class="welcome">
<div class="container">
<h3>Products</h3>
<div class="welcome-info">
<div class="col-md-3 wl">
<a href="#" class="mask"><img src="images/wl1.jpg" alt="image" class="img-responsive zoom-img"></a>
<h4>Sed ut perspiciatis unde</h4>
<p>Adults trained the young in the knowledge and skills Lapeyrouse inFashion Elle Moscow, Russia</p>
</div>
<div class="col-md-3 wl">
<a href="#" class="mask"><img src="images/wl3.jpg" alt="image" class="img-responsive zoom-img"></a>
<h4>Sed ut perspiciatis unde</h4>
<p>Adults trained the young in the knowledge and skills Lapeyrouse inFashion Elle Moscow, Russia</p>
</div>
<div class="col-md-3 wl">
<a href="#" class="mask"><img src="images/wl2.jpg" alt="image" class="img-responsive zoom-img"></a>
<h4>Sed ut perspiciatis unde</h4>
<p>Adults trained the young in the knowledge and skills Lapeyrouse inFashion Elle Moscow, Russia</p>
</div>
<div class="col-md-3 wl">
<a href="#" class="mask"><img src="images/wl4.jpg" alt="image" class="img-responsive zoom-img"></a>
<h4>Sed ut perspiciatis unde</h4>
<p>Adults trained the young in the knowledge and skills Lapeyrouse inFashion Elle Moscow, Russia</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div id="about" class="about">
<div class="container">
<div class="about-top heading">
<h3>About</h3>
</div>
<div class="about-bottom">
<div class="col-md-6 about-left">
<h4>Integer facilisis auctor ante. Praesent pellentesque, magna eu egestas varius, ligula ipsum pulvinar mauris, quis sodales urna enim eget enim. Donec sed gravida eros, et auctor enim.</h4>
<p>Praesent pulvinar libero at lectus vulputate blandit. Maecenas mauris dolor, commodo id congue nec, laoreet at turpis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec nec bibendum arcu. Morbi pretium eleifend sapien et vulputate.</p>
</div>
<div class="col-md-6 about-right">
<div class="abt-one">
<div class="abt-left">
<span class="glyphicon glyphicon-gift" aria-hidden="true"> </span>
</div>
<div class="abt-right">
<p>Fusce vulputate vel nisl at condimentum. Etiam efficitur est eu mauris mattis, vestibulum semper libero tempus. Quisque at augue venenatis, varius est ut, tristique justo.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="abt-one">
<div class="abt-left">
<span class="glyphicon glyphicon-cog" aria-hidden="true"> </span>
</div>
<div class="abt-right">
<p>Fusce vulputate vel nisl at condimentum. Etiam efficitur est eu mauris mattis, vestibulum semper libero tempus. Quisque at augue venenatis, varius est ut, tristique justo.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >企业网站模板</a></div>
<div class="content-team">
<div class="container">
<h3 class="m_1">Our Team</h3>
<div class="team-left">
<div class="col-sm-3 team-top ts">
<div class="view view-seventh">
<a href="#"><img class="img-responsive" src="images/t1.jpg" alt=""></a>
<div class="mask">
<ul class="social-icons">
<li><a href="#"><span class="facebook"> </span></a></li>
<li><a href="#"><span class="twitter"> </span></a></li>
</ul>
</div>
<h4>Contrary to popular</h4>
手工制作雕刻个性网站模板下载_简洁手工制作雕刻响应式css3个性手机bootstrap产品单页.rar
需积分: 0 163 浏览量
更新于2023-09-10
收藏 1.31MB RAR 举报
这篇文档将深入解析标题“手工制作雕刻个性网站模板下载_简洁手工制作雕刻响应式css3个性手机bootstrap产品单页.rar”所蕴含的IT知识点，并基于描述“html”以及压缩包内的文件名，来探讨相关技术和设计概念。
标题中的“手工制作雕刻”可能是指网站设计的独特性和个性化，意味着这个网站模板具有独特的视觉效果和艺术风格，可能是通过精心设计的图形元素和布局来体现。而“响应式”则表明该模板具备适应不同设备屏幕尺寸的能力，如手机和平板，这是现代网页设计的关键特性，能够提供优质的跨平台用户体验。
“css3”是层叠样式表（Cascading Style Sheets）的第三版，它引入了大量新功能和改进，如动画、过渡、2D/3D转换、媒体查询等，这些在创建响应式设计时尤其有用。CSS3使得设计师可以实现更复杂、更动态的视觉效果，而无需依赖JavaScript或Flash。
“bootstrap”是流行的前端开发框架，它提供了一套预先设计的组件、布局工具和响应式网格系统，极大地简化了开发过程，特别适合快速构建响应式和移动优先的网站。压缩包中的“bootstrap.min.css”文件就是Bootstrap框架的核心样式文件，经过压缩处理，用于提高页面加载速度。
“index.html”是网站的主入口文件，通常包含网站的基本结构和内容。在这个模板中，它可能会使用HTML5标记语言，利用Bootstrap框架的类来定义元素样式，同时结合CSS3实现动态效果。
“style.css”很可能是模板的自定义样式表，用于扩展或覆盖Bootstrap的默认样式，以满足特定设计需求。而“lightbox.css”可能是一个轻量级的图片弹出插件，用于创建全屏的图片查看体验，常见于展示作品集或者照片库的网站。
一系列的图片文件（如“g6.jpg”、“banner.jpg”等）表明这个模板包含了一些预设的视觉素材，可能是用于网站背景、滑块、产品展示或其他设计元素。这些图像文件的命名可能反映了它们在模板中的位置或用途。
这个压缩包提供了一个基于HTML5、CSS3和Bootstrap构建的响应式网站模板，适用于展示个性化的手工雕刻产品。设计者利用Bootstrap的灵活性和CSS3的强大功能，创建了一个既美观又适应多设备的用户界面，同时通过自定义的CSS和图片资源，确保了模板的独特性。这样的模板对于希望快速搭建专业网站的手工艺人或者艺术家来说，是一个理想的起点。
手工制作雕刻个性网站模板下载_简洁手工制作雕刻响应式css3个性手机bootstrap产品单页.rar （51个子文件） 
g3.jpg 25KB
style.css 32KB bootstrap.js 66KB
p-1.png 55KB g2.jpg 28KB bootstrap.min.css 115KB services.jpg 19KB icons1.png 3KB
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB responsiveslides.min.js 3KB wl2.jpg 11KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB prev.png 1KB wl3.jpg 8KB arrow.png 3KB g8.jpg 22KB glyphicons-halflings-regular.woff2 18KB menu.png 531B banner.jpg 69KB wl4.jpg 12KB lightbox.js 15KB wl1.jpg 11KB social-icons.png 4KB t3.jpg 11KB social.png 5KB g7.jpg 50KB g6.jpg 388KB t1.jpg 14KB g11.jpg 41KB p-2.png 50KB g12.jpg 50KB t4.jpg 13KB g10.jpg 48KB g5.jpg 26KB easing.js 5KB close.png 295B move-top.js 1KB
index.html 21KB t2.jpg 12KB p-banner.jpg 34KB arw.png 3KB right.png 1KB Raleway-Regular.ttf 127KB lightbox.css 4KB g4.jpg 17KB jquery.min.js 82KB g1.jpg 39KB g9.jpg 44KB to-top1.png 3KB2022-11-20 上传
108 浏览量
122 浏览量
170 浏览量
2023-09-11 上传
2022-02-22 上传
199 浏览量
2022-02-21 上传
123 浏览量
2022-11-20 上传
2022-02-20 上传
142 浏览量
157 浏览量
130 浏览量
2023-08-05 上传
187 浏览量
2022-12-01 上传
2022-02-17 上传
5星 · 资源好评率100%148 浏览量
186 浏览量
资源评论
Q_97095639
- 粉丝: 511
- 资源: 1万+
最新资源
- 汇川，H3U，plc程序模板和触摸屏程序模板，三个步进和三个伺服，三个伺服用的是canlink总线，适用于运动轴控制，程序可以在自动的时候暂停进行手动控制，适用于一些中大型设备，可以防止某个气缸超时时
- 采用电力载波通讯技术的互动开关软件源代码，硬件电路图 自有算法，传输距离远，抗干扰性能强，能穿透空气开关
- simulink调用神经网络训练好的模型进行回归预测，分类，以及时间序列分析 事先根据数据集对模型进行训练，以此保存最好模型，再在simulink中调用保存的模型，实现预测需求 包括MATLAB程
- PLC生产方案，国产AT32F407芯片，支持CANOPEN控制伺服，支持扩展模块，以太网DHCP DNS客户端，服务器tcp modbus，AD DA 称重，直线，圆弧插补，G代码运动控制，10轴2
- 维纶触摸屏程序实际项目，威纶通界面UI，复制可用，威伦通触摸EB Pro6.00以上版本均可用，ip和ie系列4.3寸7寸10寸均复制可用电子文档，
- 西门子1200灌装线全线程序，程序分为两部分，一部分为实际应用程序，一部分为仿真程序，程序包含PLC程序和触摸屏程序，内容包含手动，自动运行，模拟量处理，数据统计及存储，故障处理，急停处理，报警等相关
- matlab程序，文章付现，关键词：共享储能电站，日前优化调度，工业用户 非原价 拿之前问清楚 可以运行看结果，出不 不
- Three-Phase-Inverter-3Level：基于MATALB Simulink的三相三电平SVPWM逆变器仿真模型 仿真条件：MATLAB Simulink R2015b
- 该弱磁算法采用单电流控制策略，额定转速以下采用MTPA控制，额定转速以上采用单电流控制
- 小波分析Matlab程序,小波变（wavelet transform，WT）是一种新的变分析方法，它继承和发展了短时傅立叶变局部化的思想，同时又克服了窗口大小不随频率变化等缺点，能够提供一个随频率改变
- FANUC发那科机器人以太网通信，Socket Message通讯，KAREL程序.KL karel程序，发那科机器人TCP以太网通讯，与PLC、上位机、相机进行数据交，可连接第三方相机，接收相机偏移
- XR3DI Rendering Engine Ultimate 1.0.rar
- 基于Canfesitival的Canopen从站程序 stm32 canopen从站通信代码，已经过主控测试，异步心跳模式，目前经测试数据更新速率可达200hz 支持多pdo传输 配备对应eds文件
- 永磁同步电机pmsm无感foc驱动代码 位置估算源码 无刷直流电机无感foc源码，无感foc算法源码 若需要，可提供硬件 速度位置估算部分代码所使用变量全部使用国际标准单位，使用不到60行代码实现完整
- 永磁同步电机（PMSM）速度电流双闭环FOC矢量控制
- 二阶非线性多智能体系统; 动态事件触发机制; 领导跟随一致性; DOBC; 外部干扰
