<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>The Global-solutions bootstrap Website Template | Home :: w3layouts</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>
<!-- Custom Theme files -->
<link href="./css/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>
<!--webfonts-->
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Cabin:400,500,600,700,400italic,500italic,600italic,700italic' rel='stylesheet' type='text/css'>
<!--webfonts-->
<!--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-->
</head>
<body>
<!--header-->
<div class="header">
<div class="header-top">
<div class="container">
<div class="logo">
<h1><a href="index.html">Global Solutions</a></h1>
</div>
<!--top-nav-->
<nav class="top-nav">
<ul class="top-nav">
<li class="active"><a href="#home" class="scroll">Home </a></li>
<li><a href="#about" class="scroll">about</a></li>
<li><a href="#blog" class="scroll">Blog</a></li>
<li><a href="#portfolio" class="scroll">Portfolio</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
<a href="#" id="pull"><img src="./images/menu-icon.png" title="menu" /></a>
</nav>
<div class="clearfix"> </div>
<!-- script-for-menu -->
<!--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-->
<div class="clearfix"> </div>
</div>
</div>
<!--banner-->
<div class="banner">
<div class="container">
<div class="banner-info">
<h2>We're here to create your online presense and style</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse gravida placerat ultricies. Donec in lorem porta, tempus odio ut, iaculis lacus. Etiam dictum, est sit amet cursus dignissim, nulla velit commodo leo, id lacinia nulla elit non libero. </p>
<a class="slide-btn" href="#">START TODAY with us</a>
</div>
</div>
</div>
</div>
<!--Features-->
<div class="features" id="about">
<div class="container">
<div class="feature-section">
<h3>Features you'll love</h3>
</div>
<div class="feature-grids">
<div class="col-md-4 feature-grid">
<i class="icon1"> </i>
<h4>Personal touch</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.Ferment uectetur tortor Nam volutpat purus in ferment uectetur tortor id, pharetra lorem.</p>
</div>
<div class="col-md-4 feature-grid">
<i class="icon2"> </i>
<h4>UNIQUE SOLUTIONS</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.Ferment uectetur tortor Nam volutpat purus in ferment uectetur tortor id, pharetra lorem.</p>
</div>
<div class="col-md-4 feature-grid">
<i class="icon3"> </i>
<h4>Our Short Story</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.Ferment uectetur tortor Nam volutpat purus in ferment uectetur tortor id, pharetra lorem.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--portfolio-->
<div class="story" id="story">
<div class="container">
<div class="story-section">
<div class="story-text">
<h4>Our Short Story</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat purus in ferment uectetur tortor id, pharetra lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat purus in ferment uectetur tortor id, pharetra lorem.</p>
<p class="para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat purus in ferment uectetur tortor id, pharetra lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat purus in ferment uectetur tortor id, pharetra lorem.</p> <br>
<a class="skill-btn" href="#">More about our team</a>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="clients" id="clients">
<div class="container">
<h3>Our Clients Says</h3>
<div class="client-section">
<div class="col-md-12 client-1">
<div class="col-md-6 client-gride1">
<p>Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
<div class ="grid-text">
<div class ="grid-img">
<img src="./images/c1.png" />
</div>
<div class ="grid-content">
<h4>Joe Doe</h4>
<span>Creative Deirector at Gmoogle.com</span>
</div>
<div class="clearfix"> </div>
</div>
<span class="arrow-one"> </span>
</div>
<div class="col-md-6 client-gride2">
<p>Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
<div class ="grid-text">
<div class ="grid-img">
<img src="./images/c2.png" />
</div>
<div class ="grid-content">
<h4>Joe Doe</h4>
<span>Creative Deirector at Gmoogle.com</span>
</div>
<div class="clearfix"> </div>
</div>
<span class="arrow-one"> </span>
</div>
<div class="col-md-12 client-2">
<div class="col-md-6 client-gride3">
<p>Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, fringilla vel, aliquet necvulputate eget,fringilla vel, aliquet nec arcu. In enim justo,. Cras dapibus. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
<div class ="grid-text">
<div class ="grid-img">
<img src="./images/c2.png" />
</div>
<div class ="grid-content">
<h4>Joe Doe</h4>
<span>Creative Deirector at Gmoogle.com</span>
</div>
<div class="clearfix"> </div>
</div>
<span class="arrow-one"> </span>
</div>
DTcode7
- 粉丝: 2w+
- 资源: 4986
最新资源
- JAVA源码Java加密解密工具集JCTv1.0源码包
- CSDN阅读器V2.8.exe
- JAVA源码Java机车狂飙源代码JAVA源码Java机车狂飙源代码
- JAVA源码Java绘制图片火焰效果JAVA源码Java绘制图片火焰效果
- JAVA源码Java访问权限控制源代码JAVA源码Java访问权限控制源代码
- JAVA源码Java仿千千静听音乐播放器源代码
- COMSOL光学仿真:光镊 光力模型专题(包含三个模型,近似算法,张量算法)
- JAVA源码Java仿Vista界面风格的登录窗口
- JAVA源码Java二进制IO类与文件复制操作实例
- 三相PWM整流器MATLAB Simulink 电压外环、电流内环双环解耦控制 SPWM调制 网侧电流波形THD<5%,实现单位
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈