白色欧美风格的电信服务公司企业网站源码下载.zip资源-CSDN文库

共45个文件

jpg：19个

png：7个

js：6个

版权申诉

H5模版

网站模版

HTML模版

151 浏览量 2024-12-31 10:11:38 上传评论收藏 1.88MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

白色欧美风格的电信服务公司企业网站源码下载.zip （45个子文件）

jquery.wmuSlider.js 12KB

jquery.chocolat.js 10KB

jquery.flexslider.js 40KB

easing.js 5KB

move-top.js 1KB

jquery.min.js 92KB

css

style.css 43KB

flexslider.css 4KB

bootstrap.css 118KB

chocolat.css 2KB

index.html 18KB

single.html 18KB

images

g3.jpg 31KB

arrow.1.png 3KB

g2.jpg 45KB

10.jpg 814B

slide2.jpg 113KB

menu.png 3KB

banner.jpg 923KB

closew.gif 70B

n1.jpg 29KB

quote.png 3KB

img-sp.png 12KB

leftw.gif 68B

g6.jpg 10KB

5.jpg 57KB

6.png 39KB

n3.jpg 34KB

g5.jpg 50KB

footer-top-bg.jpg 11KB

img-sprite.png 4KB

slide.jpg 175KB

close.png 3KB

11.jpg 955B

g4.jpg 26KB

rightw.gif 67B

ab1.jpg 107KB

g1.jpg 43KB

n2.jpg 46KB

9.jpg 1KB

4.jpg 44KB

fonts

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.woff2 18KB

NixieOne-Regular.ttf 51KB

<!DOCTYPE HTML> <html> <head> <title>Telephone a Corporate Category Flat Bootstrap Responsive Website Template</title> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all"> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="keywords" content="Telephone Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="js/jquery.min.js"></script> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,600italic,300italic,400italic' 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},900); }); }); </script>  </head> <body>  <div class="banner two" id="home"> <div class="container"> <div class="header"> <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 act"><a class="hvr-underline-from-center scroll" href="index.html">Home</a></li> <li><a href="#about" class="hvr-underline-from-center scroll">About</a></li> <li><a href="#services" class="hvr-underline-from-center scroll">Services</a></li> <li><a href="#gallery" class="hvr-underline-from-center scroll scroll">Gallery</a></li> <li><a href="#testimonials" class="hvr-underline-from-center scroll scroll">Testimonials</a></li> <li><a href="#news" class="hvr-underline-from-center scroll scroll">News</a></li> <li><a href="#contact" class="hvr-underline-from-center scroll scroll">Contact</a></li> </ul> </div> <a class="boxclose" id="boxclose"><img src="images/close.png" alt=""/></a> </div> </div> <script type="text/javascript" src="js/easing.js"></script> <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="clearfix"></div> </div> <div class="logo two"> <a href="index.html"><h1>Tele<span>phone</span></h1></a> </div> </div> </div>   <div class="single w3-agile"> <div class="container"> <div class="single-grids"> <div class="col-md-8 single-grid-left"> <div class="flex-slider-single animated wow slideInLeft" data-wow-delay=".5s"> <section class="slider"> <div class="flexslider"> <ul class="slides"> <li> <div class="single-grid-left-grid"> <img src="images/slide.jpg" alt=" " class="img-responsive" /> <div class="single-grid-left-grid1"> <div class="single-grid-left-grid1-left"> <h3>30 <span>May</span></h3> </div> <div class="single-grid-left-grid1-right"> <h4>vel illum qui dolorem eum fugiat</h4> <p>By: Jan Mark </p> </div> <div class="clearfix"> </div> <p class="fugiat">Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p> <ul> <li><a href="#"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> Jan Mark</a></li> <li><a href="#"><span class="glyphicon glyphicon-heart" aria-hidden="true"></span> 20</a></li> <li><a href="#"><span class="glyphicon glyphicon-tag" aria-hidden="true"></span> 5</a></li> <li><span class="glyphicon glyphicon-edit" aria-hidden="true"></span> Voluptatibus</li> </ul> </div> </div> </li> <li> <div class="single-grid-left-grid w3ls"> <img src="images/slide2.jpg" alt=" " class="img-responsive" /> <div class="single-grid-left-grid1"> <div class="single-grid-left-grid1-left"> <h3>3 <span>June</span></h3> </div> <div class="single-grid-left-grid1-right"> <h4>repudiandae sint et molestiae non</h4> <p>By: Peter Park </p> </div> <div class="clearfix"> </div> <p class="fugiat">Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p> <ul> <li><a href="#"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> Peter Park</a></li> <li><a href="#"><span class="glyphicon glyphicon-heart" aria-hidden="true"></span> 60</a></li> <li><a href="#"><span class="glyphicon glyphicon-tag" aria-hidden="true"></span> 2</a></li> <li><span class="glyphicon glyphicon-edit" aria-hidden="true"></span> Recusandae</li> </ul> </div> </div> </li> </ul> </div> </section>  <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" /> <script defer src="js/jquery.flexslider.js"></script> <script type="text/javascript"> $(window).load(function(){ $('.flexslider').flexslider({ animation: "slide", start: function(slider){ $('body').removeClass('loading'); } }); }); </script>  </div> <div class="popular-posts w3l"> <h3>Popular Posts</h3>

评论收藏

内容反馈

版权申诉