<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<!-- ALL STYLESHEET -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/blog-single.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
</head>
<body>
<!-- HEADER -->
<section class="header">
<div class="header-area">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="header-left">
<ul class="list-inline">
<li><a class="question" href="#">Have Any Questions?</a></li>
<li><a href="#"><i class="fa fa-envelope-o"></i> [email protected]</a></li>
<li><a href="#"><i class="fa fa-phone"></i> +61(0)7 9180 3458</a></li>
</ul>
</div>
</div>
<div class="col-md-6">
<ul class="list-inline header-social-links pull-right ">
<li>
<div class="input-group">
<input type="text" class="form-control input-sm" placeholder="Search">
<span class="input-group-btn"><button class="btn btn-default btn-sm" type="button"><i class="fa fa-search"></i></button></span>
</div>
</li>
<li><a href="#"><i class="fa fa-facebook s-link"></i></a></li>
<li><a href="#"><i class="fa fa-twitter s-link"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest s-link"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus s-link"></i></a></li>
<!--li><a href="#"><img src="images/is.png" alt="language" /> <i class="fa fa-angle-down"></i></a></li-->
<li class="language">
<div class="btn-group">
<a type="button" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="images/is.png" alt="language" /> <i class="fa fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="#"><img src="images/be.png" alt="language" /></a></li>
<li><a href="#"><img src="images/bv.png" alt="language" /></a></li>
<li><a href="#"><img src="images/ck.png" alt="language" /></a></li>
<li><a href="#"><img src="images/ae.png" alt="language" /></a></li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<hr>
</section>
<!-- END HEADER -->
<!-- NAVIGATION -->
<section>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="menu">
<nav class="navbar navbar-default">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" 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"><i class="fa fa-photo"></i> Sky<span>Blue</span></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">Home</a></li>
<li class=" dropdown">
<a href="portfolio-1.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Portfolio <i class="fa fa-caret-down"></i></a>
<ul class="dropdown-menu portfolio-list">
<li><a href="portfolio-1.html">Portfolio Page 1</a></li>
<li><a href="portfolio-2.html">Portfolio Page 2</a></li>
</ul>
</li>
<li class="active"><a href="elements.html">Elements</a></li>
<li><a href="single.html">Single</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
<li class="dropdown hidden-xs"><a class="cart dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" href="#"><i class="fa fa-shopping-cart"></i><span class="badge">3</span></a>
<ul class="dropdown-menu cart-list">
<li>
<ul class="media-list">
<li class="media">
<div class="media-left"><a href="#"><img class="media-object" src="images/card-1.jpg" alt=""></a></div>
<div class="media-body">
<h5 class="media-heading">Travis Pullover</h5>
<p>Man<p>
<strong>$86.99</strong>
</div>
<div class="media-right media-middle"><a href="#"><i class="fa fa-times"></i></a></div>
</li>
<li role="separator" class="divider"></li>
<li class="media">
<div class="media-left"><a href="#"><img class="media-object" src="images/card-2.jpg" alt=""></a></div>
<div class="media-body">
<h5 class="media-heading">Travis Pullover</h5>
<p>Woman<p>
<strong>$65.99</strong>
</div>
<div class="media-right media-middle"><a href="#"><i class="fa fa-times"></i></a></div>
</li>
<li role="separator" class="divider"></li>
<li class="media">
<div class="media-left"><a href="#"><img class="media-object" src="images/card-1.jpg" alt=""></a></div>
<div class="media-body">
<h5 class="media-heading">Travis Pullover</h5>
<p>Woman<p>
<strong>$59.99</strong>
</div>
<div class="media-right media-middle"><a href="#"><i class="fa fa-times"></i></a></div>
</li>
<li role="separator" class="divider"></li>
<li><h4>Total : $120.99 <a class="btn btn-primary btn-sm pull-right" href="#">View Cart</a></h4></li>
</ul>
</li>
</ul>
</li>
</ul>
</div> <!-- navbar-collapse -->
</div> <!-- container-fluid -->
</nav>
</div>
</div>
</div>
</section>
<!-- END NAVIGATION -->
<!-- ELEMENTS -->
<section>
<div class="page-header">
<div class="container" style="max-width: 1170px;">
<div class="row">
<div class="col-md-12">
<h1>Elements Page</h1>
<p>Nam apeirian assentior ei, utquo eros posse verterem error congue</p>
</div>
</div>
</div>
</div>
<div class="elements">
<div class="container" style="max-width: 1170px;">
<!-- jumbotron -->
<h1>Jumbotron #</h1>
<div class="btn btn-primary btn-xs btn-source">
<em class="fa fa-fw fa-eye"></em>
</div>
<div class="jumbotron">
<h1>
Based on Bootstrap
</h1>
<p>
Being based on intensively popular Bootstrap framework, you can refer to Bootstrap's website for detailed documentation on how to use this theme.
</p>
<p>
<a href="http://getbootstrap.com/components" class="btn btn-primary btn-lg">Go to documentation</a>
</p>
</div>
<!-- navbar -->
<h1>Nabar #</h1>
<div class="btn btn-primary btn-xs btn-source">
<em class="fa fa-fw fa-eye"></em>
</div>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed">
<span class="sr-only">Toggle navigation</span><span class="icon-bar first"></span><span
蓝色天空bootstrap整站模板是一款简洁蓝色跟白色搭配的响应式网站模板下载。_html网站模板_网页源码移动端前端.rar
15 浏览量
2023-08-05
10:51:44
上传
评论
收藏 4.17MB RAR 举报
蓝色天空bootstrap整站模板是一款简洁蓝色跟白色搭配的响应式网站模板下载。_html网站模板_网页源码移动端前端.rar （77个子文件） 
蓝色天空bootstrap整站模板是一款简洁蓝色跟白色搭配的响应式网站模板下载。 moban1465 js 
custom.js 0B jquery.js 94KB bootstrap js bootstrap.js 67KB npm.js 484B bootstrap.min.js 36KB css bootstrap.min.css 118KB bootstrap-theme.css 26KB bootstrap.css 143KB bootstrap-theme.min.css 23KB 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
portfolio-2.html 21KB css style.css 27KB blog-single.css 2KB responsive.css 2KB font-awesome.css 32KB font-awesome.min.css 27KB index.html 47KB elements.html 88KB contact.html 15KB single.html 19KB images 
card-1.jpg 18KB p-3.jpg 92KB
team-1.png 96KB p-5.jpg 97KB p-6.jpg 82KB blog-post-1.jpg 199KB press-1.png 3KB blog-post-4.jpg 190KB p-11.jpg 103KB video-img.jpg 258KB blog-post-2.jpg 137KB p-12.jpg 89KB be.png 449B press-5.png 4KB news-3.jpg 138KB highlight-bg.jpg 45KB supporter.jpg 135KB ck.png 586B is.png 532B single-page.jpg 269KB blog-post-3.jpg 134KB p-7.jpg 115KB play-btn.png 30KB press-3.png 2KB p-4.jpg 84KB contact.png 182KB p-9.jpg 95KB news-2.jpg 12KB bv.png 512B imac-1.png 119KB p-1.jpg 142KB p-8.jpg 101KB p-2.jpg 121KB news-1.jpg 11KB press-4.png 4KB ae.png 408B p-10.jpg 130KB feed-1.png 10KB plus-overlay.png 3KB team-3.png 96KB press-2.png 5KB team-4.png 92KB carousel-bg-1.jpg 108KB team-2.png 106KB card-2.jpg 20KB portfolio-1.html 22KB blog.html 19KB fonts FontAwesome.otf 107KB fontawesome-webfont.eot 69KB fontawesome-webfont.woff 82KB fontawesome-webfont.woff2 65KB fontawesome-webfont.svg 357KB fontawesome-webfont.ttf 139KB资源评论
