<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Home</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/revolution-slider.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!--Favicon-->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="css/responsive.css" rel="stylesheet">
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>
<body>
<div class="page-wrapper">
<!-- Preloader -->
<div class="preloader"></div>
<!-- Main Header-->
<header class="main-header">
<!-- Main Box -->
<div class="main-box">
<div class="auto-container">
<div class="outer-container clearfix">
<!--Logo Box-->
<div class="logo-box">
<div class="logo"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
</div>
<!--Nav Outer-->
<div class="nav-outer clearfix">
<!-- Main Menu -->
<nav class="main-menu">
<div class="navbar-header">
<!-- Toggle Button -->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse scroll-nav clearfix">
<ul class="navigation clearfix">
<li class="current"><a href="#home">welcome</a></li>
<li><a href="#about-us">About Us</a></li>
<li><a href="#services">services</a></li>
<li><a href="#works">works</a></li>
<li><a href="#team">team</a></li>
<li><a href="#pricing">pricing</a></li>
<li><a href="#blog">blog</a></li>
<li><a href="#contact-us">contact us</a></li>
</ul>
</div>
</nav><!-- Main Menu End-->
</div><!--Nav Outer End-->
<!-- Hidden Nav Toggler -->
<div class="nav-toggler">
<button class="hidden-bar-opener"><span class="icon fa fa-bars"></span></button>
</div><!-- / Hidden Nav Toggler -->
</div>
</div>
</div>
</header>
<!--End Main Header -->
<!-- Hidden Navigation Bar -->
<section class="hidden-bar right-align">
<div class="hidden-bar-closer">
<button class="btn"><i class="fa fa-close"></i></button>
</div>
<!-- Hidden Bar Wrapper -->
<div class="hidden-bar-wrapper">
<!-- logo -->
<div class="logo text-center">
<a href="index.html"><img src="images/logo-2.png" alt=""></a>
</div><!-- /logo -->
<!-- Side-menu -->
<div class="side-menu scroll-nav">
<!--navigation -->
<ul class="navigation clearfix" id="nav">
<li class="current"><a href="#home">welcome</a></li>
<li><a href="#about-us">About Us</a></li>
<li><a href="#services">services</a></li>
<li><a href="#works">works</a></li>
<li><a href="#team">team</a></li>
<li><a href="#pricing">pricing</a></li>
<li><a href="#blog">blog</a></li>
<li><a href="#contact-us">contact us</a></li>
</ul>
</div>
<!-- /Side-menu -->
<div class="social-icons">
<ul>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div><!-- / Hidden Bar Wrapper -->
</section>
<!-- / Hidden Bar -->
<!--Main Slider-->
<section class="main-slider" id="home">
<div class="tp-banner-container">
<div class="tp-banner">
<ul>
<li data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-thumb="images/main-slider/image-1.jpg" data-saveperformance="off" data-title="Awesome Title Here">
<img src="images/main-slider/image-1.jpg" alt="" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
<div class="tp-caption sfl sfb tp-resizeme"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="0"
data-speed="1500"
data-start="500"
data-easing="easeOutExpo"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.3"
data-endspeed="1200"
data-endeasing="Power4.easeIn"><h2>welcome to vivian</h2></div>
<div class="tp-caption sfr sfb tp-resizeme"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="-80"
data-speed="1500"
data-start="500"
data-easing="easeOutExpo"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.3"
data-endspeed="1200"
data-endeasing="Power4.easeIn"><div class="text">Branding / Design / Development</div></div>
<div class="tp-caption sfl sfb tp-resizeme"
data-x="center" data-hoffset="15"
data-y="center" data-voffset="100"
data-speed="1500"
data-start="500"
data-easing="easeOutExpo"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.3"
data-endspeed="1200"
data-endeasing="Power4.easeIn"><a href="#" class="template-btn btn-style-one">learn more</a></div>
</li>
<li data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-thumb="images/main-slider/image-1.jpg" data-saveperforman
蓝色时尚CSS3单页模板是一款蓝色大气好看的响应式网站模板下载.rar
需积分: 0 48 浏览量
2023-09-10
10:37:37
上传
评论
收藏 3.08MB RAR 举报
蓝色时尚CSS3单页模板是一款蓝色大气好看的响应式网站模板下载.rar （108个子文件） 
bootstrap.css 118KB revolution-slider.css 78KB animate.css 74KB style.css 43KB jquery.mCustomScrollbar.min.css 42KB font-awesome.css 28KB flaticon.css 10KB owl.css 5KB jquery.fancybox.css 5KB responsive.css 3KB fontawesome-webfont.eot 59KB flaticon.eot 41KB glyphicons-halflings-regular.eot 20KB
fancybox_loading.gif 6KB loader.gif 2KB blank.gif 43B
index.html 60KB
image-1.jpg 353KB team-2.jpg 49KB team-3.jpg 43KB news-2.jpg 41KB 3.jpg 32KB team-1.jpg 31KB news-1.jpg 27KB 2.jpg 26KB 7.jpg 25KB 8.jpg 22KB 5.jpg 22KB 4.jpg 19KB 6.jpg 19KB 1.jpg 17KB pie-4.jpg 6KB pie-3.jpg 5KB pie-1.jpg 5KB pie-2.jpg 4KB author-1.jpg 4KB revolution.min.js 210KB jquery.js 95KB owl.js 77KB mixitup.js 51KB jquery.mCustomScrollbar.concat.min.js 40KB bootstrap.min.js 36KB jquery.fancybox.pack.js 23KB validate.js 20KB respond.js 10KB script.js 8KB wow.js 6KB jquery.fancybox-media.js 5KB pagenav.js 5KB map-script.js 5KB jquery.scrollTo.js 2KB fontAwesome.otf 84KB
mobile.png 298KB arrowright.png 43KB arrowleft.png 43KB 3.png 8KB 4.png 8KB 2.png 7KB 5.png 7KB shadow3.png 6KB shadow2.png 6KB 1.png 6KB 6.png 5KB shadow1.png 4KB logo-2.png 4KB logo.png 3KB boxed_bgtile.png 3KB bullet.png 2KB large_right.png 2KB large_left.png 1KB fancybox_sprite.png 1KB separator-one.png 1KB bullets.png 1KB icon-cross.png 1KB fancybox_overlay.png 1003B gridtile_3x3.png 938B gridtile_3x3_white.png 935B gridtile.png 933B gridtile_white.png 931B bullet_boxed.png 924B small_left_boxed.png 846B arrow_right.png 820B arrow_left.png 807B small_right_boxed.png 807B navigdots.png 743B small_left.png 670B small_right.png 668B arrow_left2.png 348B arrow_right2.png 343B bullets2.png 278B coloredbg.png 184B navigdots_bgtile.png 149B timer.png 125B
fontawesome-webfont.svg 280KB flaticon.svg 275KB glyphicons-halflings-regular.svg 61KB fontawesome-webfont.ttf 119KB glyphicons-halflings-regular.ttf 44KB共 108 条
- 1
- 2
资源评论
