网站模板-项目服务动态展示响应式网站模板-适配移动端界面-HTML源码.zip资源-CSDN文库

共43个文件

jpg：16个

css：6个

html：6个

版权申诉

HTML源码

适配移动端

JavaScript

网站源码

181 浏览量 2024-03-25 08:46:18 上传评论收藏 1.88MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

网站模板-项目服务动态展示响应式网站模板-适配移动端界面-HTML源码.zip （43个子文件）

网站模板-项目服务动态展示响应式网站模板-适配移动端界面-HTML源码

html

codes.html 22KB

jquery.swipebox.min.js 7KB

bootstrap.min.js 31KB

jquery.flexslider.js 39KB

wow.min.js 5KB

jquery.min.js 94KB

css

style.css 38KB

bootstrap.min.css 107KB

flexslider.css 4KB

animate.css 71KB

font-awesome.min.css 27KB

swipebox.css 4KB

services.html 9KB

index.html 16KB

contact.html 6KB

about.html 10KB

images

arrow_up.png 3KB

t5.jpg 19KB

t6.jpg 18KB

close.gif 70B

2.jpg 131KB

10.jpg 110KB

6.jpg 145KB

banner.jpg 466KB

right.gif 67B

1.jpg 126KB

ftr-icons.png 5KB

arrow_down.png 3KB

left.gif 68B

5.jpg 129KB

icons.svg 1KB

t4.jpg 14KB

t7.jpg 16KB

8.jpg 137KB

3.jpg 97KB

7.jpg 151KB

subscribe.png 228B

ab1.jpg 115KB

9.jpg 91KB

4.jpg 86KB

fonts

glyphicons-halflings-regular.ttf 44KB

fontawesome-webfont.ttf 139KB

gallery.html 10KB

<!DOCTYPE html> <html> <head> <title>Arbitrary a Corporate Category Flat Bootstrap Responsive Website Template | Codes :: 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="Arbitrary a 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 rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="all"/> <link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />   <link href='//fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'> <link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'> <link href='//fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'>  <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script>  </head> <body>  <div class="banner-1">  <div class="header"> <div class="container">  <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="index.html">Arbitrary</a> </div> <div class="navbar-collapse collapse hover-effect" id="navbar"> <ul> <li><a href="index.html"><span data-hover="HOME">HOME</span></a></li> <li><a href="about.html"><span data-hover="ABOUT">ABOUT</span></a></li> <li><a href="services.html"><span data-hover="SERVICES">SERVICES</span></a></li> <li><a href="codes.html" class="active">CODES</a></li> <li><a href="gallery.html"><span data-hover="GALLERY">GALLERY</span></a></li> <li><a href="contact.html"><span data-hover="CONTACT">CONTACT</span></a></li> </ul> </div> </div> </nav>  </div> </div> </div>    <div class="codes"> <div class="container"> <h3 class="title">Short Codes</h3> <div class="grid_3 grid_4"> <h3 class="hdg">Headings</h3> <div class="bs-example"> <table class="table"> <tbody> <tr> <td><h1 id="h1.-bootstrap-heading">h1. Bootstrap heading<a class="anchorjs-link" href="#h1.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h1></td> <td class="type-info">Semibold 36px</td> </tr> <tr> <td><h2 id="h2.-bootstrap-heading">h2. Bootstrap heading<a class="anchorjs-link" href="#h2.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h2></td> <td class="type-info">Semibold 30px</td> </tr> <tr> <td><h3 id="h3.-bootstrap-heading">h3. Bootstrap heading<a class="anchorjs-link" href="#h3.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h3></td> <td class="type-info">Semibold 24px</td> </tr> <tr> <td><h4 id="h4.-bootstrap-heading">h4. Bootstrap heading<a class="anchorjs-link" href="#h4.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h4></td> <td class="type-info">Semibold 18px</td> </tr> <tr> <td><h5 id="h5.-bootstrap-heading">h5. Bootstrap heading<a class="anchorjs-link" href="#h5.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h5></td> <td class="type-info">Semibold 14px</td> </tr> <tr> <td><h6>h6. Bootstrap heading</h6></td> <td class="type-info">Semibold 12px</td> </tr> </tbody> </table> </div> </div> <div class="grid_3 grid_5"> <h3>Buttons</h3> <h1> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h1> <h2> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h2> <h3> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h3> <h4> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h4> <h5> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h5> <h6> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h6> </div> <div class="grid_3 grid_5"> <h3>Progress Bars</h3> <div class="tab-content"> <div class="tab-pane active" id="domprogress"> <div class="progress"> <div class="progress-bar progress-bar-primary" style="width: 20%"></div> </div> <p>Info with <code>progress-bar-info</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-info" style="width: 60%"></div> </div> <p>Success with <code>progress-bar-success</code>

评论收藏

内容反馈

版权申诉