网站模板-扁平黑白企业介绍响应式网页模板-适配移动端界面-HTML源码.zip资源-CSDN文库

共35个文件

png：17个

jpg：7个

js：6个

版权申诉

HTML源码

JavaScript

适配移动端

172 浏览量 2024-03-23 09:38:09 上传评论收藏 260KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

网站模板-扁平黑白企业介绍响应式网页模板-适配移动端界面-HTML源码.zip （35个子文件）

网站模板-扁平黑白企业介绍响应式网页模板-适配移动端界面-HTML源码

html

responsiveslides.min.js 3KB

nivo-lightbox.min.js 7KB

easing.js 5KB

move-top.js 1KB

jquery.flexisel.js 8KB

jquery.min.js 94KB

css

style.css 17KB

flexslider.css 4KB

magnific-popup.css 10KB

bootstrap.css 124KB

index.html 15KB

images

per4.png 30KB

prev.png 3KB

logo.png 831B

pic2.png 4KB

link2.png 836B

p4.jpg 3KB

p6.jpg 5KB

per2.png 32KB

next.png 3KB

left.png 828B

per3.png 32KB

pic3.png 1KB

per1.png 28KB

pic1.png 2KB

dwn.png 1KB

p7.jpg 8KB

right.png 827B

p2.jpg 7KB

p3.jpg 9KB

p5.jpg 7KB

close1.png 3KB

to-top1.png 764B

p1.jpg 3KB

nav-icon.png 346B

<!DOCTYPE html> <html> <head> <title>Jalil a Corporate Category Flat Bootstarp responsive Website Template| Home :: w3layouts</title> <link href="css/bootstrap.css" rel='stylesheet' type='text/css'/> <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/> <link href='http://fonts.googleapis.com/css?family=Source+Code+Pro:200,300,400,500,600,700,900' rel='stylesheet' type='text/css'> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="keywords" content="Jalil Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <script src="js/jquery.min.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 id="home" class="banner"> <div class="container"> <div class="top-header"> <div class="logo"> <a href="index.html"><img src="images/logo.png" alt="" /></a> </div> <div class="top-menu"> <span class="menu"> </span> <ul> <nav class="cl-effect-5"> <li><a class="active scroll" href="#home"><span data-hover="HOME">HOME</span></a></li> <li>/</li> <li><a class="scroll" href="#service"><span data-hover="SERVICES">SERVICES</span></a></li> <li>/</li> <li><a class="scroll" href="#portfolio"><span data-hover="PORTFOLIO">PORTFOLIO</span></a></li> <li>/</li> <li><a class="scroll" href="#teamwork"><span data-hover="TEAMWORK">TEAMWORK</span></a></li> <li>/</li> <li><a class="scroll" href="#contact"><span data-hover="CONTACT">CONTACT</span></a></li> </nav> </ul> </div>  <script> $("span.menu").click(function(){ $(".top-menu ul").slideToggle("slow" , function(){ }); }); </script>  <div class="clearfix"></div> </div> <div class="banner-info"> <h1>WELCOME !</h1> <h3>WE ARE HAPPY BEING HERE</h3> <a class="downarrow scroll" href="#service"><span> </span></a> </div> </div> </div>  <div id="service" class="service"> <div class="container"> <div class="service-head"> <h3>SERVICES</h3> <h4>WHAT WE DO?</h4> </div> <div class="service-grids"> <div class="col-md-4 service-grid"> <img src="images/pic1.png" alt=""/> <h3>EMARKETING</h3> <h4>EMAIL, SOCIAL & MARKETING SOLUTIONS</h4> </div> <div class="col-md-4 service-grid"> <img src="images/pic2.png" alt=""/> <h3>DEVELOPMENT</h3> <h4>WE DEVELOPMENT & MOBILE APPS</h4> </div> <div class="col-md-4 service-grid"> <img src="images/pic3.png" alt=""/> <h3>DESIGN</h3> <h4>WEB DESIGN & MOBILE APPS</h4> </div> <div class="clearfix"></div> </div> </div> </div>  <div class="author"> <div class="container"> <h3>great web design without functionality is like a sports car with <span>no engine.</span></h3> <h4>- PAUL COOKSON</h4> </div> </div>  <script src="js/jquery.min.js"> </script> <script src="js/responsiveslides.min.js"></script> <script> // You can also use "$(window).load(function() {" $(function () { $("#slider2").responsiveSlides({ auto: true, pager: true, speed: 300, namespace: "callbacks", }); }); </script> <link rel="stylesheet" type="text/css" href="css/magnific-popup.css"> <div id="portfolio" class="portfolio"> <div class="container"> <h3>PORTFOLIO</h3> <div class="slider"> <ul class="rslides" id="slider2"> <li> <div class="works main"> <div class="gallery-box"> <div id="nivo-lightbox-demo"> <p> <a href="images/p7.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover1"> </span><span class="rollover2"> </span></a> </p></div> <img src="images/p7.jpg" alt=""> </div> <div class="gallery-box"> <div id="nivo-lightbox-demo"> <p> <a href="images/p1.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover1"> </span><span class="rollover2"> </span></a> </p></div> <img src="images/p1.jpg" alt=""> </div> <div class="gallery-box"> <div id="nivo-lightbox-demo"> <p> <a href="images/p2.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover1"> </span></a> </p></div> <img src="images/p2.jpg" alt=""> </div> <div class="gallery-box"> <div id="nivo-lightbox-demo"> <p> <a href="images/p3.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover1"> </span></a> </p></div> <img src="images/p3.jpg" alt=""> </div> <div class="gallery-box"> <div id="nivo-lightbox-demo"> <p> <a href="images/p4.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover1"> </span></a> </p></div> <img src="images/p4.jpg" alt=""> </div> <div class="gallery-box"> <div id="nivo-lightbox-demo"> <p> <a href="images/p5.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover1"> </span></a> </p></div> <img src="images/p5.jpg" alt=""> </div> <div class="gallery-box"> <div id="nivo-lightbox-demo"> <p> <a href="images/p6.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover1"> </span></a> </p></div> <img src="images/p6.jpg" alt=""> </div> <div class="gallery-box"> <div id="nivo-lightbox-demo"> <p> <a href="images/p7.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover1"> </span></a> </p></div> <img src="images/p7.jpg" alt=""> </div> <div class="clearfix"></div> </div> </li> <li> <div class="works main"> <div class="gallery-box"> <div id="nivo-lightbox-demo"> <p> <a href="images/p3.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover1"> </span><span class="rollover2"> </span></a> </p></div> <img src="images/p3.jpg" alt=""> </div> <div class="gallery-box"> <div id="nivo-lightbox-demo"> <p> <a href="images/p7.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover1"> </span><span class="rollover2"> </span></a> </p></div> <img src="images/p7.jpg" alt=""> </div> <div class="gallery-box"> <div id="nivo-lightbox-demo"> <p> <a href="images/p6.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover1"> </span></a> </p></div> <img src="images/p6.jpg" alt=""> </div> <div class="gallery-box"> <div id="nivo-lightbox-demo"> <p> <a href="images/p4.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="

评论收藏

内容反馈

版权申诉