<!--
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>Ideas_agency Bootstarp 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>
<!---- 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>
<!----webfonts---->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' 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">
<div class="container">
<div class="logo">
<a href="#"><img src="./images/logo.png" title="logo" /></a>
</div>
<!----start-top-nav---->
<nav class="top-nav">
<ul class="top-nav">
<li class="active"><a href="#home" class="scroll">Home <span> </span></a></li>
<li class="page-scroll"><a href="#ser" class="scroll">Services <span> </span></a></li>
<li class="page-scroll"><a href="#about" class="scroll">About us <span> </span></a></li>
<li class="page-scroll"><a href="#port" class="scroll">Portfolio <span> </span></a></li>
<li class="page-scroll"><a href="#team" class="scroll">Team<span> </span></a></li>
<li class="contatct-active" class="page-scroll"><a href="#contact" class="scroll">Contact us </a></li>
</ul>
<a href="#" id="pull"><img src="./images/nav-icon.png" title="menu" /></a>
</nav>
<div class="clearfix"> </div>
</div>
</div>
<!----- //End-header---->
<!----- start-slider---->
<!----start-slider-script---->
<script src="./js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
auto: true,
pager: true,
nav: true,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!----//End-slider-script---->
<!-- Slideshow 4 -->
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider4">
<li>
<img src="./images/slide.jpg" alt="">
<div class="caption text-center">
<div class="slide-text-info">
<a class="btn1" href="#"><span>Hello world</span></a>
<h1>We Are A <span>Creative</span> Agency</h1>
<div class="slide-text">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<a class="btn2" href="#"><span>view now</span></a>
</div>
</div>
</li>
<li>
<img src="./images/slide.jpg" alt="">
<div class="caption text-center">
<div class="slide-text-info">
<a class="btn1" href="#"><span>Hello world</span></a>
<h1>Lorem <span> dolor </span> consec</h1>
<div class="slide-text">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<a class="btn2" href="#"><span>view now</span></a>
</div>
</div>
</li>
<li>
<img src="./images/slide.jpg" alt="">
<div class="caption text-center">
<div class="slide-text-info">
<a class="btn1" href="#"><span>Hello world</span></a>
<h1>hendre <span>vulputa</span> velit</h1>
<div class="slide-text">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<a class="btn2" href="#"><span>view now</span></a>
</div>
</div>
</li>
</ul>
</div>
<div class="clearfix"> </div>
<!----- //End-slider---->
<!----start-services---->
<div id="ser" class="services">
<div class="container">
<div class="services-head text-center">
<h3>Our Workflow</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
</div>
<!-----start-services-grids---->
<div class="services-grids">
<div class="col-md-4 services-grid">
<div class="col-md-3 services-grid-left">
<a class="top-icon1" href="#"><span> </span></a>
</div>
<div class="col-md-9 services-grid-right">
<h4><a href="#">Email Marketing</a></h4>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 services-grid">
<div class="col-md-3 services-grid-left">
<a class="top-icon2" href="#"><span> </span></a>
</div>
<div class="col-md-9 services-grid-right">
<h4><a href="#">Graphic Design</a></h4>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 services-grid">
<div class="col-md-3 services-grid-left">
<a class="top-icon3" href="#"><span> </span></a>
</div>
<div class="col-md-9 services-grid-right">
<h4><a href="#">Web Design</a></h4>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 services-grid">
<div class="col-md-3 services-grid-left">
<a class="top-icon4" href="#"><span> </span></a>
</div>
<div class="col-md-9 services-grid-right">
<h4><a href="#">Print</
金枝玉叶9
- 粉丝: 200
- 资源: 7637
最新资源
- DIN 3949-1998 非焊接压缩耦合件.根据DIN EN ISO 8434-1压缩端型用喇叭形连接件.pdf
- DIN 3859-2-1999 管螺纹连接.第2部分带符合DIN2353有孔圆刀片的非焊接管螺纹连接件用安装指南.pdf
- DIN 1912-4-1981 焊接.钎焊图样表示法.焊口和焊缝的术语和名称.pdf
- DIN 1913-1-1984 非合金钢.低合金钢连接焊接用的棒形电极.分类.标记.交货技术条件.pdf
- DIN 6700-6-2002 中文版 铁路车辆及车辆部件的焊接.第6部分外轮廓材料、填充金属和焊接工艺.pdf
- DIN 6700-2-2001 中文版 铁路车辆及车辆部件的焊接.第2部分机车材料焊接工的资格鉴定.质量保证.pdf
- DIN 6700-4-2001 中文版 铁路车辆及车辆部件的焊接.第4部分执行规则.pdf
- DIN 6700-3-2003 中文版 铁路车辆及车辆部件的焊接.第3部分设计规则.pdf
- DIN 6700-5-2002 中文版 铁路车辆及车辆部件的焊接.第5部分质量要求.pdf
- DIN 17102-1983 适于焊接的细晶粒结构钢(英文).pdf
- DIN 17103-1989 适合焊接的细晶粒结构钢制造的锻件交货技术条件.pdf
- DIN 17103-1989 中文版 适合焊接的细晶粒结构钢制造的锻件 交货技术条件.pdf
- DIN 17115-1987 中文版 焊接圆环链用钢 交货技术条件.pdf
- DIN 17120-1984 一般结构用焊接钢管Welded Circular Steel Tubes for Structural Steelwork.pdf
- DIN 17123-1986 中文版 钢结构用细晶粒结构钢焊接圆形钢管 交货技术条件.pdf
- DIN 17145-1980 焊接添加料用的圆线材.交货技术条件(英文版).pdf
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈