科技UI设计公司网站模板是一款里面包含6个子页面，适合商务网站模板下载。_html网站模板_网页源码移动端前端_H5模.rar

共46个文件

jpg：19个

js：7个

html：6个

网站模板

88 浏览量 2023-08-05 15:41:08 上传评论收藏 1.24MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

科技UI设计公司网站模板是一款里面包含6个子页面，适合商务网站模板下载。_html网站模板_网页源码移动端前端_H5模.rar （46个子文件）

科技UI设计公司网站模板是一款里面包含6个子页面，适合商务网站模板下载。

moban1345

portfolio.html 14KB

bootstrap.js 66KB

counterup.min.js 1KB

waypoints.min.js 8KB

jquery.flexslider.js 40KB

smoothbox.jquery2.js 3KB

jquery.flexisel.js 8KB

jquery-2.1.4.min.js 82KB

short-codes.html 33KB

css

style.css 54KB

flexslider.css 4KB

smoothbox.css 4KB

bootstrap.css 138KB

mail.html 11KB

index.html 18KB

about.html 15KB

single.html 14KB

images

arrow (1).png 3KB

2.jpg 42KB

10.jpg 19KB

13.jpg 82KB

arrow.png 5KB

14.jpg 53KB

6.jpg 17KB

22.jpg 99KB

15.jpg 31KB

16.jpg 66KB

1.jpg 44KB

17.jpg 50KB

img-sp.png 7KB

1.png 44KB

dott.png 3KB

12.jpg 42KB

5.jpg 50KB

8.jpg 23KB

18.jpg 107KB

11.jpg 59KB

3.jpg 35KB

7.jpg 108KB

9.jpg 19KB

4.jpg 57KB

fonts

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.woff2 18KB

<!DOCTYPE html> <html> <head> <title>Short Codes</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="" /> <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 href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>  <link href='#css?family=Maven+Pro:400,500,700,900' rel='stylesheet' type='text/css'> <link href='#css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>  <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" id="ban"> <div class="container"> <div class="w3l_social_icons"> <ul> <li><a href="#" class="facebook"></a></li> <li><a href="#" class="twitter"></a></li> <li><a href="#" class="google_plus"></a></li> <li><a href="#" class="pinterest"></a></li> <li><a href="#" class="instagram"></a></li> </ul> </div> <div class="w3ls_logo"> <h1><a href="index.html">Barter</a></h1> </div> <div class="header_right"> <nav class="navbar navbar-default">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div>  <div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1"> <nav class="link-effect-7" id="link-effect-7"> <ul class="nav navbar-nav"> <li class="act"><a href="index.html" data-hover="Home">Home</a></li> <li><a href="about.html" data-hover="About">About</a></li> <li><a href="portfolio.html" data-hover="Portfolio">Portfolio</a></li> <li class="active"><a href="short-codes.html" data-hover="Short Codes">Short Codes</a></li> <li><a href="mail.html" data-hover="Mail">Mail</a></li> </ul> </nav> </div>  </nav> </div> <div class="clearfix"> </div> </div> </div>   <div class="about"> <div class="container"> <h3>Short Codes</h3> <ul> <li><a href="index.html">Home</a><i>|</i></li> <li>Short Codes</li> </ul> </div> </div>   <div class="typo"> <div class="container"> <h3 class="title">Short <span>Codes</span></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>

评论收藏

内容反馈