HTML网站源码-信息化连接响应式网页模板-移动端可用.zip资源-CSDN文库

共56个文件

jpg：20个

png：10个

js：9个

版权申诉

HTML源码

JavaScript

源码

7 浏览量 2024-03-22 10:50:07 上传评论收藏 1.66MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML网站源码-信息化连接响应式网页模板-移动端可用.zip （56个子文件）

HTML网站源码-信息化连接响应式网页模板-移动端可用

html

responsiveslides.min.js 3KB

bootstrap-3.1.1.min.js 28KB

easyResponsiveTabs.js 6KB

controls.js 573B

easing.js 5KB

move-top.js 1KB

modernizr.custom.js 8KB

owl.carousel.js 37KB

jquery-2.1.4.min.js 82KB

css

style.css 52KB

owl.carousel.css 9KB

component.css 3KB

bootstrap.css 138KB

font-awesome.min.css 28KB

index.html 38KB

images

g3.jpg 43KB

g2.jpg 38KB

bcc.png 311B

c1.jpg 24KB

quote2.png 599B

quote1.png 589B

c2.jpg 20KB

about65.jpg 37KB

about.jpg 54KB

about-rt.png 119KB

menu.png 397B

t3.jpg 17KB

blog3.jpg 89KB

next.png 413B

g6.jpg 91KB

t1.jpg 19KB

t4.jpg 19KB

g5.jpg 46KB

back.png 424B

blog2.jpg 50KB

c3.jpg 22KB

close.png 530B

arr.png 663B

t2.jpg 23KB

g4.jpg 48KB

frr.png 304B

g1.jpg 78KB

blog1.jpg 94KB

4.jpg 80KB

contact.jpg 84KB

fonts

FontAwesome.otf 122KB

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

fontawesome-webfont.eot 75KB

glyphicons-halflings-regular.woff2 18KB

fontawesome-webfont.woff 88KB

fontawesome-webfont.woff2 70KB

fontawesome-webfont.svg 382KB

fontawesome-webfont.ttf 149KB

<!DOCTYPE html> <html lang="en"> <head> <title>Coadunate a Corporate Business Category Flat Bootstrap Responsive website Template | Home :: w3layouts</title>  <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="Coadunate Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>  <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /> <link rel="stylesheet" type="text/css" href="css/component.css" /> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all">  <link href="//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800" rel="stylesheet"> <link href="//fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">    </head> <body>  <div class="banner" id="home">  <header> <div class="top-nav"> <span class="menu"><img src="images/menu.png" alt=""/></span> <nav class="ayanEffects ayanHoverEffect_3"> <ul> <li><a class="scroll" href="#home"><span>Home</span></a></li> <li><a class="scroll" href="#about"><span>About</span></a></li> <li><a class="scroll" href="#team"><span>Team</span></a></li> <li><a class="scroll" href="#blog"><span>Blog</span></a></li> <li><a class="scroll" href="#portfolio"><span>Portfolio</span></a></li> <li><a class="scroll" href="#test"><span>Testimonials</span></a></li> <li><a class="scroll" href="#contact"><span>Contact</span></a></li> </ul> </nav> </div> <div class="clearfix"> </div> </header> <div class="logo"> <h1><a href="index.html">Coadunate</a></h1> </div> <div class="callbacks_container"> <ul class="rslides" id="slider3"> <li> <div class="slider-info"> <p>Lorem Ipsum is simply dummy text of the printing industry. </p> </div> </li> <li> <div class="slider-info"> <p>Lorem ipsum dolor sit amet, consectetur. Cras accumsan libero.</p> </div> </li> <li> <div class="slider-info"> <p> Phasellus augue diam, consequat sit , pulvinar ac sapien. </p> </div> </li> </ul> <div class="clearfix"></div> </div> <div class="clearfix"></div>  <div class="read-more-w3"> <p class="ayanEffects ayanHoverEffect_12"><a href="#about" data-toggle="modal" data-target="#myModal4"><span>Read More</span></a></p> </div>  <div class="modal fade" id="myModal4" tabindex="-1" role="dialog"> <div class="modal-dialog">  <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4>Coadunate</h4> <img src="images/4.jpg" alt=" " class="img-responsive"> <h5>Neque porro quisquam est qui dolorem </h5> <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, rds which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p> </div> </div> </div> </div>  </div>   <div class="about-w3layouts" id="about"> <div class="container"> <h5 class="title-w3"><label></label>About Us<label></label></h5> <div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs"> <ul id="myTab" class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"><a href="#expeditions" id="expeditions-tab" role="tab" data-toggle="tab" aria-controls="expeditions" aria-expanded="true">Who we are ?</a></li> <li role="presentation"><a href="#tours" role="tab" id="tours-tab" data-toggle="tab" aria-controls="tours">What we do ?</a></li> <li role="presentation"><a href="#tree" role="tab" id="tree-tab" data-toggle="tab" aria-controls="tree">How we work ?</a></li> </ul> <div id="myTabContent" class="tab-content"> <div role="tabpanel" class="tab-pane fade in active" id="expeditions" aria-labelledby="expeditions-tab"> <p>Lorem Nunc ut elit eu ligula semper sodales. Fusce sit amet sagittis eros. Vestibulum lorem ex, ornare imperdiet rhoncus eget, finibus at purus. Praesent sed tellus et purus interdum sodales.Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Nullam facilisis eros id quam tristique iaculis.</p> </div> <div role="tabpanel" class="tab-pane fade" id="tours" aria-labelledby="tours-tab"> <p>Nunc ut elit eu ligula semper sodales. Fusce sit amet sagittis eros.Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum lorem ex, ornare imperdiet rhoncus eget, finibus at purus. Praesent sed tellus et purus interdum sodales. Suspendisse potenti. Nullam facilisis eros id quam tristique iaculis.</p> </div> <div role="tabpanel" class="tab-pane fade" id="tree" aria-labelledby="tree-tab"> <p>Dolor Nunc ut elit eu ligula semper sodales. Fusce sit amet sagittis eros. Vestibulum lorem ex, ornare imperdiet rhoncus eget,Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. finibus at purus. Praesent sed tellus et purus interdum sodales. Suspendisse potenti. Nullam facilisis eros id quam tristique iaculis.</p> </div> </div> </div> </div> </div> <div class="about-bottom-agile"> <div class="col-md-5 about-left-w3ls"> <img src="images/about65.jpg" alt="image"> <div class="sub-img"> <img src="images/about.jpg" alt="image"> </div> </div> <div class="col-md-7 about-right-w3l"> <h3>Welcomes You</h3> <h2>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur..."</h2> <p>Nunc ut elit eu ligula semper sodales. Fusce sit amet sagittis eros. Vestibulum lorem ex, ornare imperdiet rhoncus eget, finibus at purus. Praesent sed tellus et purus interdum sodales. Suspendisse potenti. Nullam facilisis eros id quam tristique iaculis. </p> </div> <div class="clearfix"></div> </div>   <div class="team" id="team"> <div class="container"> <h5 class="title-w3"><label></label>Our Team<label></label></h5> <div class="w3l_team_grids"> <div class="col-md-3 w3l_team_grid"> <div class="view view-second"> <img src="images/t1.jpg" alt=" " class="img-responsive" /> <div class="mask"></div> <div class="content"> <div class="w3l_social_icons w3l_social_icons1"> <ul> <li><a href="#" class="facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></li> <li><a href="#" class="twitter"><i class="fa fa-twitter" aria-hidden=

评论收藏

内容反馈

版权申诉