<!doctype html>
<html class="no-js" lang="en-US">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- SITE TITLE -->
<title></title>
<!-- =========================
Meta Information
============================== -->
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<!-- =========================
Bootstrap and animation
============================== -->
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/animate.min.css">
<!-- =========================
Fonts, typography and icons
============================== -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/typography.css">
<!-- =========================
Carousel, lightbox and circle generator
============================== -->
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/nivo-lightbox.css">
<link rel="stylesheet" href="css/nivo-lightbox-default.css">
<link rel="stylesheet" href="css/jquery.circliful.css">
<!-- ***** Custom Stylesheet ***** -->
<link rel="stylesheet" href="css/main-blue-nutshell.css">
<!-- ***** Responsive fixes ***** -->
<link rel="stylesheet" href="css/responsive.css">
<!-- Header scripts -->
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
<script src="js/queryloader2.min.js"></script>
<!-- =========================
Preloader
============================== -->
<script>
window.addEventListener('DOMContentLoaded', function() {
"use strict";
new QueryLoader2(document.querySelector("body"), {
barColor: "#0196a7",
backgroundColor: "#111",
percentage: true,
barHeight: 1,
minimumTime: 200,
fadeOutTime: 1000
});
});
var alert_color_success_background = '#0196a7';
var alert_color_error_background = '#CF000F';
</script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- =========================
Fullscreen menu
============================== -->
<div class="mobilenav">
<ul>
<li data-rel="#header">
<span class="nav-label">Home</span>
</li>
<li data-rel="#about-us">
<span class="nav-label">About Us</span>
</li>
<li data-rel="#why-choose-us">
<span class="nav-label">Why Choose Us</span>
</li>
<li data-rel="#our-team">
<span class="nav-label">Our Team</span>
</li>
<li data-rel="#testimonial">
<span class="nav-label">Testimonial</span>
</li>
<li data-rel="#portfolio">
<span class="nav-label">Portfolio</span>
</li>
<li data-rel="#map">
<span class="nav-label">Contact Us</span>
</li>
</ul>
</div> <!-- *** end Full Screen Menu *** -->
<!-- ***** hamburger icon ***** -->
<a href="javascript:void(0)" class="menu-trigger">
<div class="hamburger">
<div class="menui top-menu"></div>
<div class="menui mid-menu"></div>
<div class="menui bottom-menu"></div>
</div>
</a>
<!-- =========================
Header
============================== -->
<header id="header">
<div id="myCarousel" class="carousel slide">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
<li data-target="#myCarousel" data-slide-to="4"></li>
</ol>
<!-- Wrapper for Slides -->
<div class="carousel-inner">
<!-- ***** Logo ***** -->
<div class="logo-container">
<a href="#">
<img src="img/logo-header.png" height="37" width="197" alt="">
</a>
</div>
<!-- =========================
Header item 1
============================== -->
<div class="item active">
<!-- Set the first background image using inline CSS below. -->
<div class="fill" style="background-image:url('img/slider/slider-4.jpg');">
</div>
<div class="carousel-caption">
<h1 class="light mab-none">This is <strong class="bold-text">KreFolio</strong></h1>
<h1 class="light margin-bottom-medium mat-none">And We Are <strong class="bold-text">Awesome</strong></h1>
<p class="light margin-bottom-medium">Stop blending in & start leaving your mark on the web.</p>
<div class="call-button">
<div class="row">
<div class="col-md-4 col-md-offset-2 col-sm-4 col-sm-offset-2 col-xs-12">
<a href="#portfolio" class="button pull-right internal-link bold-text light hvr-grow" data-rel="#portfolio">Our Work</a>
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
<a href="#about-us" class="button pull-left internal-link bold-text main-bg hvr-grow" data-rel="#about-us">About Us</a>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="overlay"></div>
</div>
<!-- =========================
Header item 2
============================== -->
<div class="item">
<!-- Set the second background image using inline CSS below. -->
<div class="fill" style="background-image:url('img/slider/slider-1.jpg');"></div>
<div class="carousel-caption">
<h1 class="light mab-none">This is <strong class="bold-text">KreFolio</strong></h1>
<h1 class="light margin-bottom-medium mat-none">And We Are <strong class="bold-text">Awesome</strong></h1>
<p class="light margin-bottom-medium">Stop blending in & start leaving your mark on the web.</p>
<div class="call-button">
<div class="row">
<div class="col-md-4 col-md-offset-2 col-sm-4 col-sm-offset-2 col-xs-12">
<a href="#portfolio" class="button pull-right internal-link bold-text light hvr-grow" data-rel="#portfolio">Our Work</a>
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
<a href="#about-us" class="button pull-left internal-link bold-text main-bg hvr-grow" data-rel="#about-us">About Us</a>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="overlay"></div>
</div>
<!-- =========================
Header item 3
============================== -->
<div class="item">
<!-- Set the third background image using inline CSS below. -->
<div class="fill" style="background-image:url('img/slider/slider-2.jpg');"></div>
<div class="carousel-caption">
<h1 class="light mab-none">This is <strong class="bold-text">KreFolio</strong></h1>
<h1 class="light margin-bottom-medium mat-none">And We Are <strong class="bold-text">Awesome</strong></h1>
<p class="light margin-bottom-medium">Stop blending in & start leaving your mark on the web.</p>
<div class="call-button">
<div class="row">
<div class="col-md-4 col-md-offset-2 col-sm-4 col-sm-offset-2 col-xs-12">
<a href="#portfolio" class="button pull-right internal-link bold-text light hvr-grow" data-rel="#portfolio">Our Work</a>
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
<a href="#about-us" class="button pull-left internal-link bold-text main-bg hvr-grow" data-rel="#about-us">About Us</a>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="overlay"></div>
</div>
<!-- =========================
Header item 4
============================== -->
<div class="item">
<!-- Set the third background image us
大屏幻灯红色商务网页模板里面包含4种不同颜色风格的单页模板下载。_html网站模板_网页源码移动端前端_H5模板_自适.rar
76 浏览量
2023-08-05
13:44:53
上传
评论
收藏 2.85MB RAR 举报
大屏幻灯红色商务网页模板里面包含4种不同颜色风格的单页模板下载。_html网站模板_网页源码移动端前端_H5模板_自适.rar （101个子文件） 
bootstrap.css 123KB animate.min.css 52KB font-awesome.css 26KB main-blue.css 25KB main-blue-nutshell.css 25KB main-green.css 25KB main.css 24KB nivo-lightbox.css 6KB responsive.css 4KB nivo-lightbox-default.css 3KB typography.css 2KB owl.theme.css 2KB owl.carousel.css 1KB flaticon.css 1KB jquery.circliful.css 334B fontawesome-webfont.eot 55KB flaticon.eot 4KB
loading@2x.gif 18KB loading.gif 7KB AjaxLoader.gif 1KB
index-blue-nutshell.html 57KB index-green.html 57KB index-blue.html 57KB index.html 57KB
slider-5.jpg 482KB slider-2.jpg 218KB header-bg.jpg 173KB twitter-bg.jpg 160KB slider-1.jpg 126KB slider-3.jpg 125KB about-us-bg.jpg 114KB slider-4.jpg 82KB bf-right.jpg 64KB process-bg.jpg 56KB bf-left.jpg 41KB portfolio-1.jpg 37KB team-member-2.jpg 32KB portfolio-6.jpg 31KB portfolio-5.jpg 31KB team-member-4.jpg 31KB team-member-1.jpg 29KB skill-bg.jpg 28KB portfolio-3.jpg 24KB team-member-3.jpg 24KB team-member-2.jpg 24KB portfolio-8.jpg 22KB team-member-4.jpg 21KB portfolio-4.jpg 21KB portfolio-2.jpg 21KB team-member-1.jpg 21KB team-member-3.jpg 15KB portfolio-7.jpg 14KB testimonial-2.jpg 3KB testimonial-1.jpg 2KB jquery-1.11.1.js 276KB bootstrap.js 66KB jquery.nicescroll.min.js 57KB isotope.pkgd.min.js 37KB bootstrap.min.js 35KB modernizr-2.8.3.min.js 29KB notie.js 27KB owl.carousel.min.js 23KB Chart.min.js 19KB queryloader2.min.js 11KB main.js 10KB waypoint.js 8KB main-slideshow.js 8KB smoothscroll.js 7KB nivo-lightbox.min.js 7KB jquery-migrate-1.2.1.min.js 7KB wow.min.js 7KB imagesloaded.pkgd.min.js 7KB appear.js 6KB jquery.easing.min.js 5KB twitterFetcher_min.js 5KB jquery.appear.js 4KB jquery.circliful.min.js 3KB FontAwesome.otf 84KB Campton-BoldDEMO.otf 43KB Campton-LightDEMO.otf 41KB
about-side-side.png 62KB case-studdy-people.png 47KB testimonial-bg.png 18KB logo.png 5KB next@2x.png 4KB prev@2x.png 4KB logo-header.png 4KB next.png 3KB prev.png 3KB close@2x.png 3KB close.png 3KB crossed_stripes_@2X.png 3KB slider-overlay.png 1KB process-overlay.png 1KB grabbing.png 116B
fontawesome-webfont.svg 280KB flaticon.svg 32KB fontawesome-webfont.ttf 110KB flaticon.ttf 4KB fontawesome-webfont.woff 64KB共 101 条
- 1
- 2
资源评论
2201_75761617
- 粉丝: 21
- 资源: 7339
