<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!---- start-smoth-scrolling---->
<!-- Custom Theme files -->
<link href="css/theme-style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!----font-Awesome----->
<link rel="stylesheet" href="fonts/css/font-awesome.min.css">
<!----font-Awesome----->
<!----webfonts---->
<link href='http://fonts.googleapis.com/css?family=Raleway:400,100,300,500,600,200,700,800,900' rel='stylesheet' type='text/css'>
<!----//webfonts---->
<!----start-top-nav-script---->
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
<!----//End-top-nav-script---->
</head>
<body>
<!----start-container------>
<!----start-header---->
<div id="home" class="header scroll">
<div class="container">
<!---- start-logo---->
<div class="logo">
<a href="#"><img src="images/logo.png" title="Blue agency" /></a>
</div>
<!---- //End-logo---->
<!----start-top-nav---->
<nav class="top-nav">
<ul class="top-nav">
<li class="active"><a href="#home" class="scroll">Hello!</a></li>
<li class="page-scroll"><a href="#about" class="scroll">About</a></li>
<li class="page-scroll"><a href="#services" class="scroll">Services</a></li>
<li class="page-scroll"><a href="#port" class="scroll">Protfolio</a></li>
<li class="page-scroll"><a href="#blog" class="scroll">Blog</a></li>
<li class="page-scroll"><a href="#team" class="scroll">Team</a></li>
<li class="page-scroll"><a href="#contact" class="scroll">Contact</a></li>
</ul>
<a href="#" id="pull"><img src="images/nav-icon.png" title="menu" /></a>
</nav>
<div class="clearfix"> </div>
<!----//End-top-nav---->
</div>
</div>
<!----//End-header---->
<!-----start-slider---->
<div class="slider">
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 3
$("#slider3").responsiveSlides({
manualControls: '#slider3-pager',
});
});
</script>
<!-- Slideshow -->
<ul class="rslides" id="slider3">
<li>
<img src="images/slider-img1.jpg" alt="">
<div class="slid-info">
<h1>Creative Solutions</h1>
<p>Good that Lesser . Starts heaven over set May Gathering , is all land Cant You're after light our darkness, thing isnet.</p>
<a class="slid-btn" href="#">Read More</a>
</div>
</li>
<li><img src="images/slider-img2.jpg" alt="">
<div class="slid-info">
<h1>Creative Blue agency</h1>
<p>Good that Lesser . Starts heaven over set May Gathering , is all land Cant You're after light our darkness, thing isnet.</p>
<a class="slid-btn" href="#">Read More</a>
</div>
</li>
<li><img src="images/slider-img1.jpg" alt="">
<div class="slid-info">
<h1>Creative Solutions</h1>
<p>Good that Lesser . Starts heaven over set May Gathering , is all land Cant You're after light our darkness, thing isnet.</p>
<a class="slid-btn" href="#">Read More</a>
</div>
</li>
</ul>
<!-- Slideshow -->
<ul id="slider3-pager">
<li><a href="#"><span> </span></a></li>
<li><a href="#"><span> </span></a></li>
<li><a href="#"><span> </span></a></li>
</ul>
</div>
<!-----//End-slider---->
<!----start-about----->
<div id="about" class="about">
<div class="container">
<h2>About</h2>
<p class="wellcome-note-head"><label>We are a full Services Digital Agency. </label>We Design and develop <span>Websites,</span><span>Applications,</span><span>Mobile Solutions,</span> and more</p>
<p class="wellcome-note-info">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In luctus velit quis risus eleifend bibendum. Aenean dictum felis in eros ultrices eleifend. Phasellus ultrices congue feugiat. Vestibulum sed pretium sem, sed venenatis nibh. Phasellus nec tincidunt neque. Proin accumsan sagittis lacus ut lobortis.Proin molestie cursus tortor in eleifend. Suspendisse potenti.</p>
<!----start-about-grids----->
<div class="about-grids">
<div class="col-md-3 about-grid">
<span class="about-icon"> </span>
<h3><a href="#"><label>Reflexion</label> idea</a></h3>
<p>velit est, tempus in nulla sed, convallis porttitor lacus. Curabitur sed egestas eros. Donec convallis ligula eu diam elementum, quis tempor sem tincidunt.</p>
</div>
<div class="col-md-3 about-grid">
<span class="about-icon1"> </span>
<h3><a href="#"><label>Conception</label> Design</a></h3>
<p>velit est, tempus in nulla sed, convallis porttitor lacus. Curabitur sed egestas eros. Donec convallis ligula eu diam elementum, quis tempor sem tincidunt.</p>
</div>
<div class="col-md-3 about-grid">
<span class="about-icon2"> </span>
<h3><a href="#"><label>Codage</label> Develop</a></h3>
<p>velit est, tempus in nulla sed, convallis porttitor lacus. Curabitur sed egestas eros. Donec convallis ligula eu diam elementum, quis tempor sem tincidunt.</p>
</div>
<div class="col-md-3 about-grid">
<span class="about-icon3"> </span>
<h3><a href="#"><label>Efficacite</label> Rapidite</a></h3>
<p>velit est, tempus in nulla sed, convallis porttitor lacus. Curabitur sed egestas eros. Donec convallis ligula eu diam elementum, quis tempor sem tincidunt.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!----//End-about-grids----->
</div>
<!----//End-about----->
<!----start-services---->
<div id="services" class="services">
<div class="container">
<h3>Services<label> </label></h3>
<!----start-servicves-list---->
<div class="services-list text-center">
<ul class="list-unstyled list-inline">
<li>
<a href="#"><span class="service-icon"> </span><label>Mobile</label></a>
</li>
<li>
<a href="#"><span class="service-icon1"> </span><label>Design</label></a>
</li>
<li>
<a href="#"><span class="service-icon2"> </span><label>Social</label></a>
</li>
<li>
<a href="#"><span class="service-icon3"> </span><label>E-commerce</label></a>
</li>
<li>
<a href="#"><span class="service-icon4"> </span><label>Database</label></a>
</li>
<li>
<a href="#"><span class="service-icon5"> </span><label>Communications</label></a>
</li>
<li>
<a href="#"><sp
蓝色宽屏漂亮的网站设计公司整站模板__html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.rar
105 浏览量
2023-08-05
10:13:34
上传
评论
收藏 7.81MB RAR 举报
蓝色宽屏漂亮的网站设计公司整站模板_蓝色 宽屏 大气 精品 漂亮 网站制作 整站 设计 公司 网站建设 大图 幻灯 手联网 服务 科技_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.rar （74个子文件） 
蓝色宽屏漂亮的网站设计公司整站模板_蓝色 宽屏 大气 精品 漂亮 网站制作 整站 设计 公司 网站建设 大图 幻灯 手机 响应式 responsive bootstrap html5 商务 官网 互联网 服务 科技 ftmp8_12_dv js 
responsiveslides.min.js 3KB easing.js 5KB move-top.js 1KB prefixfree.min.js 6KB jquery.mixitup.min.js 14KB jquery.flexisel.js 13KB jquery.min.js 94KB css theme-style.css 35KB bootstrap.css 118KB testmonial.css 8KB
index.html 32KB images 
arrow_up.png 414B
post-pic.jpg 167KB brand-slider-icons.png 2KB test-bg.jpg 208KB slider-img1.jpg 380KB button-previous.png 603B logo.png 5KB services-icons.png 23KB t3.jpg 56KB p8.jpg 182KB client.jpg 66KB about-icons.png 10KB p4.jpg 101KB p6.jpg 107KB link-ico.png 2KB b-logo.png 1KB blue-site.jpg 4.98MB brand-bg1.jpg 108KB t1.jpg 57KB contact-bg.jpg 289KB p7.jpg 162KB t2.jpg 55KB port-bg.jpg 193KB p2.jpg 71KB p3.jpg 176KB button-next.png 589B p5.jpg 127KB slider-img2.jpg 410KB p1.jpg 115KB nav-icon.png 455B fonts css font-awesome.css 21KB font-awesome.min.css 17KB scss _core.scss 271B _spinning.scss 766B _fixed-width.scss 120B _icons.scss 26KB _larger.scss 375B _stacked.scss 482B _variables.scss 10KB _path.scss 695B font-awesome.scss 405B _bordered-pulled.scss 332B _rotated-flipped.scss 412B _mixins.scss 701B _list.scss 378B less larger.less 370B core.less 270B rotated-flipped.less 367B spinning.less 765B stacked.less 476B bordered-pulled.less 330B fixed-width.less 119B mixins.less 699B variables.less 10KB font-awesome.less 405B icons.less 26KB list.less 375B path.less 684B fonts FontAwesome.otf 61KB fontawesome-webfont.eot 37KB fontawesome-webfont.woff 43KB
fontawesome-webfont.svg 197KB fontawesome-webfont.ttf 79KB资源评论
