手工雕刻培训网站模板是一款css模板，适合手工纺织雕刻类网站模板下载。_html网站模板_网页源码移动端前端

共51个文件

jpg：23个

png：12个

js：6个

网站模板

111 浏览量 2023-08-05 15:34:20 上传评论收藏 1.32MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

手工雕刻培训网站模板是一款css模板，适合手工纺织雕刻类网站模板下载。_html网站模板_网页源码移动端前端_H5模板.rar （51个子文件）

手工雕刻培训网站模板是一款css模板，适合手工纺织雕刻类网站模板下载。

moban860

bootstrap.js 66KB

responsiveslides.min.js 3KB

lightbox.js 15KB

easing.js 5KB

move-top.js 1KB

jquery.min.js 82KB

css

style.css 32KB

bootstrap.min.css 115KB

lightbox.css 4KB

index.html 20KB

images

g3.jpg 25KB

p-1.png 55KB

g2.jpg 28KB

services.jpg 19KB

icons1.png 3KB

wl2.jpg 11KB

prev.png 1KB

wl3.jpg 8KB

arrow.png 3KB

g8.jpg 22KB

menu.png 531B

banner.jpg 69KB

wl4.jpg 12KB

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

close.png 295B

t2.jpg 12KB

p-banner.jpg 34KB

arw.png 3KB

right.png 1KB

g4.jpg 17KB

g1.jpg 39KB

g9.jpg 44KB

to-top1.png 3KB

fonts

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.woff2 18KB

Raleway-Regular.ttf 127KB

<!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>   <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="all" />  <link href="css/style.css" rel="stylesheet" type="text/css"/>  <link href='#css?family=Open+Sans:400,300,300italic,400italic,800italic,800,700italic,700,600,600italic' rel='stylesheet' type='text/css'>   <script src="js/jquery.min.js"> </script> <script src="js/bootstrap.js"></script>   <script type="text/javascript" src="js/move-top.js"></script> <script type="text/javascript" src="js/easing.js"></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>  </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> $( "span.menu" ).click(function() { $( "ul.nav1" ).slideToggle( 300, function() { // Animation complete. }); }); </script>  </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">  <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="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> <p>But I must explain to you how all this mistaken idea of denouncing</p> </div> </div> <div cla

评论收藏

内容反馈