<!--
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>IDDO Bootstarp Website Template | Home :: w3layouts</title>
<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="./css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!-- web-font -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,300,700,800,400,600' rel='stylesheet' type='text/css'>
<!-- web-font -->
<!-- js -->
<script src="./js/jquery.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- js -->
<!-- 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-->
<!-- animated-css -->
<link href="./css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="./js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<!-- animated-css -->
</head>
<body>
<!-- header -->
<div id="home" class="heder">
<!-- container -->
<div class="container">
<div class="header-top">
<div class="heder-logo">
<h1><a href="#">IDDO</a></h1>
</div>
<div class="top-nav">
<span class="menu"><img src="./images/menu.png" alt=""></span>
<ul class="nav1">
<li><a class="scroll" href="#home">Home</a></li>
<li><a class="scroll" href="#services">Services</a></li>
<li><a class="scroll" href="#portfolio">Portfolio</a></li>
<li><a class="scroll" href="#about">About</a></li>
<li><a class="scroll" href="#contact">Contact</a></li>
<li><a class="Signup play-icon popup-with-zoom-anim" href="#small-dialog2">Sign up</a></li>
</ul>
<!-- script-for-menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- /script-for-menu -->
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- container -->
</div>
<!-- header -->
<!-- banner -->
<div class="banner">
<!-- container -->
<div class="container">
<div class="banner-info wow bounceIn" data-wow-delay="0.4s">
<a class="play-icon popup-with-zoom-anim" href="#small-dialog">
<span> </span>
</a>
<div class="banner-text">
<h2>Let me show you a few things.</h2>
<p><a class="play-icon popup-with-zoom-anim" href="#small-dialog">Click to play video</a></p>
</div>
<!--pop-up-box-->
<script type="text/javascript" src="./js/modernizr.custom.min.js"></script>
<link href="./css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>
<script src="./js/jquery.magnific-popup.js" type="text/javascript"></script>
<!--//pop-up-box-->
<div id="small-dialog" class="mfp-hide">
<iframe src="http://player.vimeo.com/video/38584262" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen> </iframe>
</div>
<div id="small-dialog2" class="mfp-hide">
<div class="signup">
<h3>Sign Up</h3>
<h4>Please Enter Your Details</h4>
<input type="text" value="First Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'First Name';}" />
<input type="text" value="Second Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Second Name';}" />
<input type="text" class="email"value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}" />
<input type="password" value="Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}"/>
<input type="submit" value="Sign Up"/>
</div>
</div>
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
</script>
</div>
</div>
<!-- container -->
</div>
<!-- banner -->
<!-- services -->
<div id="services" class="services">
<!-- container -->
<div class="container">
<div class="col-md-4 services-hedding wow bounceIn" data-wow-delay="0.4s">
<h3>Our Services.</h3>
</div>
<div class="col-md-4 services-info wow bounceIn" data-wow-delay="0.4s">
<div class="col-md-3 img-grid">
<span> </span>
</div>
<div class="col-md-9 img-grid-text">
<h4>Feature 1</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
</div>
</div>
<div class="col-md-4 services-info wow bounceIn" data-wow-delay="0.4s">
<div class="col-md-3 img-grid">
<span class="food"> </span>
</div>
<div class="col-md-9 img-grid-text">
<h4>Feature 2</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
</div>
</div>
<div class="col-md-4 services-info wow bounceIn" data-wow-delay="0.4s">
<div class="col-md-3 img-grid">
<span class="power"> </span>
</div>
<div class="col-md-9 img-grid-text">
<h4>Feature 3</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
</div>
</div>
<div class="col-md-4 services-info wow bounceIn" data-wow-delay="0.4s">
<div class="col-md-3 img-grid">
<span class="wood"> </span>
</div>
<div class="col-md-9 img-grid-text">
<h4>Feature 4</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
<!-- container -->
</div>
<!-- services -->
<!-- icons -->
<div class="icons">
<!-- container -->
<div class="container">
<ul class="wow bounceIn" data-wow-delay="0.4s">
<li>
<span class="light"> </span>
</li>
<li>
<span class="glob"> </span>
</li>
<li>
<span class="camra"> </span>
</li>
<li>
<span class="setting"> </span>
</li>
<li>
<span class="mike"> </span>
</li>
<li>
<span class="money"> </span>
</li>
</ul>
</div>
<!-- container -->
</div>
<!-- icons -->
<!-- works -->
<div id="portfolio" class="works">
<!-- container -->
<div class="container">
<div class="works-hedding wow bounceIn" data-wow-delay="0.4s">
<h3>Our works.</h3>
</div>
<ul id="filters">
<li><span class="filter active wow bounceIn" data-wow-delay="0.4s"" data-filter="app card icon logo web">All</span></li>
<li><span class="filter wow bounceIn" data-wow-delay="0.4s"" data-filter="app">Website</span></li>
<li><span class="filter wow bounceIn" data-wow-delay="0.4s"" data-filter="card">Branding</span></li>
</ul>
<div id="portfoliolist">
<div class="portfolio card mix_all" data-cat="card" style="displa
视觉服务团队网页模板_html5 bootstrap 响应式模板UI前端源码.rar
90 浏览量
2023-08-01
14:02:58
上传
评论
收藏 2.07MB RAR 举报
视觉服务团队网页模板_html5 bootstrap 响应式模板UI前端源码.rar （124个子文件） 
bootstrap.css 118KB animate.css 67KB style.css 34KB style.css 27KB style.css 16KB owl.carousel.css 8KB owl.carousel.css 8KB popuo-box.css 7KB popuo-box.css 6KB
index.html 27KB index.html 26KB index.html 14KB
1.jpg 332KB 1.jpg 129KB 1.jpg 129KB jquery.min.js 92KB jquery.min.js 92KB jquery.magnific-popup.js 47KB jquery.magnific-popup.js 47KB owl.carousel.js 37KB owl.carousel.js 37KB jquery.mixitup.min.js 14KB jquery.mixitup.min.js 14KB circles.js 7KB circles.js 7KB wow.min.js 5KB easing.js 5KB easing.js 5KB responsiveslides.min.js 3KB responsiveslides.min.js 3KB modernizr.custom.min.js 2KB modernizr.custom.min.js 2KB move-top.js 1KB move-top.js 1KB
ball1.png 73KB ball.png 58KB hokey.png 57KB Football1.png 57KB ball1.png 56KB Football.png 56KB ball.png 51KB hokey.png 49KB Icc.png 49KB Football.png 48KB team1.png 48KB team1.png 48KB Football1.png 46KB Icc.png 43KB team2.png 32KB team2.png 32KB team.png 29KB team.png 29KB user2.png 23KB user2.png 23KB user.png 23KB user.png 23KB user.png 23KB user1.png 20KB user1.png 20KB ball1.png 19KB ball.png 17KB Football1.png 17KB Football.png 16KB hokey.png 16KB team1.png 16KB Icc.png 15KB skills-bottom.png 13KB skills-bottom.png 13KB skills-bottom.png 13KB team2.png 11KB service-imghr.png 11KB team.png 10KB service-img.png 9KB service-img.png 9KB user1.png 7KB service-img.png 7KB user2.png 6KB dribble.png 5KB dribble.png 5KB dribble.png 5KB playhr.png 5KB playhr.png 5KB icons.png 5KB icons.png 5KB play.png 4KB play.png 4KB play.png 4KB word.png 4KB word.png 4KB word.png 4KB small-icons.png 4KB small-icons.png 4KB small-icons.png 4KB envato.png 4KB envato.png 4KB envato.png 4KB skills-small.png 3KB skills-small.png 3KB skills-small.png 3KB icons.png 3KB共 124 条
- 1
- 2
资源评论
