红色企业产品介绍响应式网页模板_html5bootstrap响应式模板UI前端源码.rar资源-CSDN文库

共36个文件

png：14个

js：7个

css：5个

html5

77 浏览量 2023-08-01 14:03:30 上传评论收藏 868KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

红色企业产品介绍响应式网页模板_html5 bootstrap 响应式模板UI前端源码.rar （36个子文件）

红色企业产品介绍响应式网页模板

jquery.magnific-popup.js 45KB

modernizr.custom.min.js 2KB

jquery.chocolat.js 10KB

easing.js 5KB

move-top.js 1KB

owl.carousel.js 37KB

jquery.min.js 91KB

css

style.css 33KB

owl.carousel.css 8KB

popuo-box.css 4KB

bootstrap.css 118KB

chocolat.css 2KB

services.html 8KB

index.html 8KB

contact.html 6KB

about.html 6KB

images

y-girl.jpg 139KB

sgril-3.jpg 107KB

search-1.png 3KB

header-banner.jpg 172KB

Thumbs.db 57KB

02.png 2KB

menu.png 573B

logo.png 1KB

g-1.png 16KB

01.png 3KB

03.png 2KB

sgril-1.jpg 110KB

g-3.png 17KB

girl.png 104KB

girl-1.png 29KB

r-arrow.png 3KB

g-4.png 17KB

g-2.png 16KB

sgril-2.jpg 50KB

logo-1.png 6KB

<!DOCTYPE html> <html> <head> <title>Dropex Corporate category Flat bootstrap Responsive Website Template| Home :: w3layouts</title>  <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />   <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />  <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="SITENAME 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>  <link href='http://fonts.googleapis.com/css?family=Philosopher:400,700,400italic,700italic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,100italic,300italic' rel='stylesheet' type='text/css'>   <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" 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},1000); }); }); </script>   </head> <body>  <div class="header"> <div class="container"> <div class="header-in"> <div class="header-info"> <div class="logo"> <a href="index.html"><img src="images/logo.png" class="img-responsive" alt=""/></a> </div> <div class="header-right"> <div class="menu"> <span class="menu"> </span> <ul class="navigatoin"> <li><a href="index.html" class="active">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="services.html">Services</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div>  <script> $("span.menu").click(function(){ $("ul.navigatoin").slideToggle("slow" , function(){ }); }); </script> <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},1000); }); }); </script> <div class="clearfix"> </div>  </div> <div class="clearfix"> </div> </div> </div> <div class="header-info-down"> <div class="header-info-coe"> <a href="#"><img src="images/logo-1.png" class="img-responsive" alt=""/></a> <h2>LOREM IPS UMD OLOR</h2> <h1>DONEC-ACCUM</h1> <p>Quisque nec nisi vehicula risus aliquam sed Ut pharetra luctus </p> <a class="laorrent" href="#">LAORRET</a> </div> </div> </div> </div>  <div class="content"> <div class="container"> <div class="about"> <div class="about-info"> <div class="col-md-6 info"> <h3>Vehicula risus aliquam sed </h3> <a href="#"><img src="images/girl.png" class="img-responsive" alt=""/></a> <p>Donec accumsan elit sed commodo faucibus. Phasellus neque nibh, lacinia ac rutrum ac, elementum id purus. Nullam nisl eros, sollicitudin consequat adipiscing non, pretium ut eros. Etiam ornare erat at Ligula ullamcorper, eu lobortis felis gravida. Etiam id interdum turpis.</p> <a class="g-second-info-bottom" href="#">More</a> </div> <div class="col-md-6 intro"> <h3>Quisque convallis volutpat sem</h3> <p>Donec accumsan elit sed commodo faucibus. Phasellus neque nibh, lacinia ac rutrum ac, elementum id purus. Nullam nisl eros, sollicitudin</p> <div class="lorem"><span>Donec accumsan elit sed commodo faucibus. Phasellus neque nibh, lacinia ac rutrum ac, elementum id purus. </span></div> <div class="banner-bottom-in"> <div class="col-md-6 banner-bottom-left"> <ul> <li><span><img src="images/r-arrow.png"></span>Lorem ipsum dolor sit amet</li> <li><span><img src="images/r-arrow.png"></span>Donec in mauris iaculis, vive</li> <li><span><img src="images/r-arrow.png"></span>Nunc quis sapien pretium, aliquet </li> <li><span><img src="images/r-arrow.png"></span>Nulla faucibus libero id neque biben</li> </ul> </div> <div class="col-md-6 banner-bottom-right"> <a href="#"><img src="images/girl-1.png" class="img-responsive" alt=""/></a> </div> <div class="clearfix"> </div> </div> <a class="g-second-info-top" href="#">More</a> </div> <div class="clearfix"> </div> </div> </div> <div class="sevices"> <div class="service-info"> <div class="col-md-8 sed"> <div class="sed-intro"> <h4>Vehicula risus aliquam sed </h4> <p>Donec accumsan elit sed commodo faucibus. Phasellus neque nibh, lacinia ac rutrum ac, elementum id purus. Nullam nisl eros, sollicitudin consequat adipiscing non, pretium ut eros. Etiam ornare erat at Ligula ullamcorper, eu lobortis felis gravida. Etiam id interdum turpis.</p> <a class="sed-info-top" href="#">More</a> </div> <div class="sed-info"> <h4>Nam ultricies tincidunt urnaac</h4> <p>Donec accumsan elit sed commodo faucibus. Phasellus neque nibh, lacinia ac rutrum ac, elementum id purus. Nullam nisl eros, sollicitudin consequat adipiscing non, pretium ut eros. Etiam ornare erat at Ligula ullamcorper, eu lobortis felis gravida. Etiam id interdum turpis.</p> <a class="sed-info-bottom" href="#">More</a> </div> </div> <div class="col-md-4 nibh"> <h4>Risus aliquamsed </h4> <ul class="g-navgation"> <li class="g-navgation-left"> <img src="images/g-1.png" alt=""/> </li> <li class="g-navgation-right"> <p> accumsan elit sed commodo faucibus.</p> <a href="#">+Read More</a> </li> <li class="g-navgation-left"> <img src="images/g-2.png" alt="" /> </li> <li class="g-navgation-right"> <p> accumsan elit sed commodo faucibus.</p> <a href="#">+Read More</a> </li> <li class="g-navgation-left"> <img src="images/g-3.png" alt="" /> </li> <li class="g-navgation-right"> <p> accumsan elit sed commodo faucibus.</p> <a href="#">+Read More</a> </li> <li class="g-navgation-left"> <img src="images/g-4.png" alt="" /> </li> <li class="g-navgation-right"> <p> accumsan elit sed commodo faucibus.</p> <a href="#">+Read More</a> </li> <div clas

评论收藏

内容反馈