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

共51个文件

png：22个

jpg：16个

js：7个

版权申诉

HTML源码

JavaScript

适配移动端

122 浏览量 2024-03-23 09:38:36 上传评论收藏 1.47MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

网站模板-方形企业介绍响应式网页模板-适配移动端界面-HTML源码.zip （51个子文件）

网站模板-方形企业介绍响应式网页模板-适配移动端界面-HTML源码

html

jquery.wmuSlider.js 12KB

jquery.swipebox.min.js 7KB

easing.js 5KB

move-top.js 1KB

owl.carousel.js 37KB

jquery.mixitup.min.js 14KB

jquery.min.js 94KB

css

style.css 21KB

owl.carousel.css 8KB

bootstrap.css 118KB

swipebox.css 4KB

index.html 25KB

images

po6.jpg 71KB

twit.png 3KB

s2.png 4KB

b1.png 6KB

s6.png 4KB

s4.png 4KB

po5.jpg 75KB

b2.png 6KB

b3.png 7KB

po3.jpg 167KB

menu.png 3KB

bo3.jpg 41KB

logo.png 4KB

s3.png 5KB

bo1.jpg 97KB

po2.jpg 68KB

po7.jpg 66KB

lo3.png 11KB

lo5.png 8KB

lo4.png 10KB

icons.svg 1KB

po8.jpg 83KB

po4.jpg 59KB

img-sprite.png 7KB

up.png 3KB

close.png 725B

me.jpg 61KB

me1.jpg 62KB

b4.png 5KB

ph.png 47KB

bo2.jpg 50KB

lo2.png 12KB

po.jpg 171KB

s1.png 6KB

po1.jpg 112KB

lo1.png 10KB

me2.jpg 64KB

s5.png 4KB

me3.jpg 41KB

<!DOCTYPE html> <html> <head> <title>Cube A Corporate Category Flat Bootstarp Resposive Website Template | Home :: w3layouts</title> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />  <script src="js/jquery.min.js"></script>   <link href="css/style.css" rel="stylesheet" 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="Cube 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://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Lekton:400,700,400italic' rel='stylesheet' type='text/css'> <link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'> <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>  <link rel="stylesheet" href="css/swipebox.css"> <script src="js/jquery.swipebox.min.js"></script> <script type="text/javascript"> jQuery(function($) { $(".swipebox").swipebox(); }); </script> </head> <body> <div class="header" id="home"> <div class="header-left"> <div class="menu"> <a href="#" class="right_bt" id="activator"><img src="images/menu.png" alt=""/></a> <div class="box" id="box"> <div class="box_content"> <div class="menu_box_list"> <ul> <li class="active"><a href="#home" class="scroll">home</a></li> <li><a href="#about" class="scroll">About us</a></li> <li><a href="#portfolio" class="scroll">portfolio</a></li> <li><a href="#blog" class="scroll">blog</a></li> <li><a href="#contact" class="scroll">contact </a></li> <div class="clearfix"></div> </ul> </div> <a class="boxclose" id="boxclose"><img src="images/close.png" alt=""/></a> </div> </div> <script type="text/javascript"> var $ = jQuery.noConflict(); $(function() { $('#activator').click(function(){ $('#box').animate({'top':'0px'},500); }); $('#boxclose').click(function(){ $('#box').animate({'top':'-700px'},500); }); }); $(document).ready(function(){ //Hide (Collapse) the toggle containers on load $(".toggle_container").hide(); //Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state) $(".trigger").click(function(){ $(this).toggleClass("active").next().slideToggle("slow"); return false; //Prevent the browser jump to the link anchor }); }); </script> </div> <div class="header-left-top"> <div class="logo"> <a href="#"><img src="images/logo.png" alt=" " /></a> </div> <h1>a digital acency <span>focused on multidiscipinary </span>creative fields</h1> </div> <div class="header-left-bottom"> <div class="in-header"> <ul class="social-in"> <li><a href="#"><i> </i></a></li> <li><a href="#"><i class="twitter"> </i></a></li> <li><a href="#"><i class="gmail"> </i></a></li> <li><a href="#"><i class="linked"> </i></a></li> <li><a href="#"><i class="box"> </i></a></li> <li><a href="#"><i class="dribble"> </i></a></li> <li><a href="#"><i class="tin"> </i></a></li> </ul> </div> <span class="phone">+123 98 34 12 66 <a href="#"> </a></span> <div class="clearfix"> </div> </div> </div> <div class="header-right"> <div class="header-right-top"> <h6>LATEST:</h6> <p><span>CLITENT:</span>DAVID LEE-ARCHITECT</p> <p><span>DATE:</span>2014</p> <p><span>SKILLS:</span>WEB DESIGN-IDENTITY</p> <a href="#" class="view">VIEW</a> </div> <img class="img-responsive" src="images/ph.png" alt=" " /></a> </div> <div class="clearfix"> </div> </div> </div>  <div class="content"> <div class="container"> <div class="about" id="about"> <div class="about-top"> <h3>ABOUT US</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eleifend iaculis semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla hendrerit, mauris sed ultrices cursus, mi odio convallis lectus, non efficitur ligula diam a neque. Etiam maximus, mauris non finibus gravida, velit tellus vehicula lorem,at volutpat leo tortor ac mauris.</p> </div> <div class="adout-bottom "> <div class="col-md-3 about-in"> <h4><label> </label> design & development</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eleifend iaculis semper. Class aptent taciti sociosqu ad litora torquent </p> </div> <div class="col-md-3 about-in"> <h4><label> </label> App Developer</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eleifend iaculis semper. Class aptent taciti sociosqu ad litora torquent </p> </div> <div class="col-md-3 about-in"> <h4><label> </label> Advertising & Marketing Strategy</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eleifend iaculis semper. Class aptent taciti sociosqu ad litora torquent </p> </div> <div class="col-md-3 about-in"> <h4><label> </label> seo Strategy</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eleifend iaculis semper. Class aptent taciti sociosqu ad litora torquent </p> </div> <div class="clearfix"> </div> </div> </div> </div>  <div class="designer"> <div class=" designer-top"> <h4>john doe</h4> <span>creative designer</span> <p>Lorem ipsum dolor sit amet, con ectetur adipiscing elit. Sed varius, velit in aliquam interdum, lorem tortor feugiat elit, vel porttitor ipsum urna ut neque.</p> <ul class="social-bottom"> <li><a href="#"><i> </i></a></li> <li><a href="#"><i class="twitter"> </i></a></li> <li><a href="#"><i class="gmail"> </i></a></li> <li><a href="#"><i class="linked"> </i></a></li> <li><a href="#"><i class="box"> </i></a></li> <li><a href="#"><i class="dribble"> </i></a></li> <li><a href="#"><i class="tin"> </i></a></li> </ul> </div> <div class=" designer-top designer-in"> <h4>emma dowson</h4> <span>senior designer</span> <p>Lorem ipsum dolor sit amet, con ectetur adipiscing elit. Sed varius, velit in aliquam interdum, lorem tortor feugiat elit, vel porttit

评论收藏

内容反馈

版权申诉