【免费】电梯流年度最佳应用网页设计.rar资源-CSDN文库

共26个文件

png：16个

jpg：4个

js：3个

需积分: 0 109 浏览量更新于2024-01-11 收藏 255KB RAR 举报

web课程设计网页规划与设计：网站设计（多个页面) HTML+CSS+JavaScript 临近期末, 你还在为HTML网页设计网页设计工作室网站Web前端制作个人网页(html+css+javascript)网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面购买须知：感谢您对我们的静态网页成品网页感兴趣！在购买之前，请仔细阅读以下购买须知： 1. 技术要求：购买我们的成品网页需要一定的相关技术知识。您需要了解HTML、CSS和基本的前端开发知识，以便根据您的需求进行修改和维护。 2. 静态网页：我们的成品网页是静态的，不包含动态功能和数据库集成。如果您需要动态交互或者数据库支持等定制服务，我们建议您寻找专业的开发团队或者采用其他解决方案。 3. 定制服务：请注意，我们的成品网页不提供定制服务。我们的网页是经过精心设计和开发的通用模板，不支持个性化需求的修改。如果您需要定制化功能或者独特的设计风格，请与我们联系以获取定制开发服务。 4. 兼容性和支持：我们的成品网页在主流的现代浏览器上进行了测试和优化，但无法保证在所有浏览器和设备上的完美兼容性。请确保您的用户使用的是

收起资源包目录

电梯流年度最佳应用网页设计.rar （26个子文件）

电梯流年度最佳应用网页设计

responsiveslides.min.js 3KB

easyResponsiveTabs.js 9KB

jquery.min.js 94KB

css

theme-style.css 24KB

bootstrap.css 118KB

index.html 15KB

images

cart-icon.png 609B

arrow_up.png 712B

slide-bg.jpg 33KB

logo.png 29KB

fave-icon.png 697B

divice-arrow.png 319B

about-pic.png 23KB

divice0.png 20KB

thumb3.jpg 8KB

divice4.png 23KB

world-ico.png 2KB

divice2.png 8KB

arrows.png 4KB

divice3.png 23KB

thumb2.jpg 11KB

icons.png 11KB

thumb1.jpg 11KB

divice1.png 18KB

icons0.png 6KB

nav-icon.png 445B

资源推荐

资源预览

资源评论

<!DOCTYPE HTML> <html> <head> <title>Minimal</title> <link rel="shortcut icon" type="image/x-icon" href="images/fav-icon.png" /> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />  <script src="js/jquery.min.js"></script>  <link href="css/theme-style.css" rel='stylesheet' type='text/css' />  <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> </script>  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800' rel='stylesheet' type='text/css'>   <script> $(function() { var pull = $('#pull'); menu = $('nav ul'); menuHeight = menu.height(); $(pull).on('click', function(e) { e.preventDefault(); menu.slideToggle(); }); $(window).resize(function(){ var w = $(window).width(); if(w > 320 && menu.is(':hidden')) { menu.removeAttr('style'); } }); }); </script> </head> <body>   <div id="home" class="header"> <div class="container">  <div class="logo"> <a href="#"><img src="images/logo.png" title="minimal" /></a> </div>  <nav class="top-nav"> <ul class="top-nav"> <li class="active"><a href="#home">Home</a> <span> </span></li> <li class="page-scroll"><a href="#about">About</a><span> </span></li> <li class="page-scroll"><a href="#services">Services</a><span> </span></li> <li class="page-scroll"><a href="#contact">Contact</a></li> </ul> <a href="#" id="pull"><img src="images/nav-icon.png" title="menu" /></a> </nav>   </div> </div>   <div class="slider">  <script src="js/responsiveslides.min.js"></script> <script> // You can also use "$(window).load(function() {" $(function () { // Slideshow 3 $("#slider3").responsiveSlides({ manualControls: '#slider3-pager', }); }); </script> <ul class="rslides" id="slider3"> <li> <div class="col-md-6 divice"> <img src="images/divice3.png" title="divice" /> </div> <div class="col-md-6 divice-info"> <div class="divice-info-head"> <div class="col-md-2 world-ico"> <img src="images/world-ico.png" title="world-ico" /> </div> <div class="col-md-8"> <h1>APP OF THE YEAR</h1> </div> </div> <div class="clearfix"> </div> <div class="divice-info-text"> <h2> MY APPS showcase</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eros dolor, tempus sed enim in, fermentum pretium elit. Sed aliquet enim id orci ultricies, in dapibus urna iaculis.</p> <a class="btn" href="#"> Buy Now</a> </div> </div> </li> <li> <div class="col-md-6 divice"> <img src="images/divice1.png" title="divice" /> </div> <div class="col-md-6 divice-info"> <div class="divice-info-head"> <div class="col-md-2 world-ico"> <img src="images/world-ico.png" title="world-ico" /> </div> <div class="col-md-8"> <h1>APP OF THE YEAR</h1> </div> </div> <div class="clearfix"> </div> <div class="divice-info-text"> <h2> MY APPS showcase</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eros dolor, tempus sed enim in, fermentum pretium elit. Sed aliquet enim id orci ultricies, in dapibus urna iaculis.</p> <a class="btn" href="#"> Buy Now</a> </div> </div> </li> <li> <div class="col-md-6 divice"> <img src="images/divice4.png" title="divice" /> </div> <div class="col-md-6 divice-info"> <div class="divice-info-head"> <div class="col-md-2 world-ico"> <img src="images/world-ico.png" title="world-ico" /> </div> <div class="col-md-8"> <h1>APP OF THE YEAR</h1> </div> </div> <div class="clearfix"> </div> <div class="divice-info-text"> <h2> MY APPS showcase</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eros dolor, tempus sed enim in, fermentum pretium elit. Sed aliquet enim id orci ultricies, in dapibus urna iaculis.</p> <a class="btn" href="#"> Buy Now</a> </div> </div> </li> </ul>  <ul id="slider3-pager"> <li><a href="#"><img src="images/thumb1.jpg" alt=""></a></li> <li><a href="#"><img src="images/thumb2.jpg" alt=""></a></li> <li><a href="#"><img src="images/thumb3.jpg" alt=""></a></li> </ul> <div class="clearfix"> </div> </div>   <div id="about" class="about text-center"> <div class="container"> <h3>About minimal</h3> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p> <img src="images/about-pic.png" alt=""> </div> </div>   <div id="services" class="services"> <h4>Minimal Services</h4>  <div id="horizontalTab"> <ul class="resp-tabs-list"> <li class="tab1"><span> </span></li> <li class="tab2"><span> </span></li> <li class="tab3"><span> </span></li> <li class="tab4"><span> </span></li> <li class="tab5"><span> </span></li> <li class="tab6"><span> </span></li> </ul> <div class="resp-tabs-container"> <div class="tab"> <div class="container"> <div class="tab-info"> <div class="col-md-6 tab-divice"> <img src="images/divice2.png" title="divice" /> </div> <div class="col-md-6 tab-divice-info"> <h3>My apps showcase</h3> <p>Lorem Ipsum is simply dummy text printing and typesetting industry.</p> <a class="btn" href="#"> Buy Now</a> </div> <div class="clearfix"> </div> </div> </div> </div> <div class="tab"> <div class="container"> <div class="tab-info"> <div class="col-md-6 tab-divice-info"> <h3>My apps showcase</h3> <p>Lorem Ipsum is simply dummy text printing and typesetting industry.</p>