<!--
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>Inovato for Iphone, Android & Smartphone Mobile Website Template | Home :: w3layouts</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Freedom Iphone web template, Andriod web template, Smartphone web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(
hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,300,600' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="./css/flexslider.css" type="text/css" media="screen" />
<script src="./js/jquery.min.js"></script>
<script src="./js/jquery.easydropdown.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>
<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>
<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},1200);
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<!-- FlexSlider -->
<script defer src="./js/jquery.flexslider.js"></script>
<script type="text/javascript">
$(function(){
SyntaxHighlighter.all();
});
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>
<!-- FlexSlider -->
</head>
<body>
<!-- header -->
<div class="header">
<div class="container">
<div class="logo">
<h1><a href="index.html">Inovato</a></h1>
</div>
</div>
</div>
<div class="header-top">
<div class="container">
<div class="header-nav">
<span class="menu"> </span>
<ul>
<li><a href="#home" class="scroll">home</a></li>
<li><a href="#about" class="scroll">who we are</a></li>
<li><a href="#contact" class="scroll">contact</a></li>
<li><a href="#careers" class="scroll">careers</a></li>
<div class="clear"> </div>
</ul>
</div>
<!-- script-for-nav -->
<script>
$( "span.menu" ).click(function() {
$( ".header-nav ul" ).slideToggle(300, function() {
// Animation complete.
});
});
</script>
<!-- script-for-nav -->
<div class="search" style="display: none;">
<form action="search.html">
<input type="text" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}" class="text">
<input type="submit" value="">
</form>
<div class="close"><img src="./images/search_close.png" alt="" /></div>
</div>
<div class="right"><button> </button></div>
<div class="box">
<a class="play-icon popup-with-zoom-anim" href="#small-dialog1">login</a>
</div>
<div class="clear"> </div>
<div id="small-dialog1" class="mfp-hide">
<div class="login">
<h3>Log In</h3>
<h4>Already a Member</h4>
<input type="text" 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="Login" />
</div>
</div>
<script type="text/javascript" src="./js/script.js"></script>
<script type="text/javascript">
$('.search').hide();
$('button').click(function (){
$('.search').show();
$('.text').focus();
}
);
$('.close').click(function(){
$('.search').hide();
});
</script>
</div>
</div>
<div class="banner" id="home" >
<div class="container">
<div class="banner-info">
<h2>WHY WORK AT CLASS ?</h2>
<p>Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. </p>
<a href="#">learn more</a>
</div>
</div>
</div>
<!-- header -->
<!-- locations -->
<div class="locations" >
<div class="container">
<div class="locations-1">
<img src="./images/ballon.png" class="img-responsive" alt="" />
</div>
<div class="locations-2">
<h2>In 100 + locations.</h2>
<p>We have 100+ Job Vacancies.</p>
</div>
<div class="locations-3">
<a href="#">browse jobs</a>
</div>
<div class="clear"> </div>
</div>
</div>
<!-- locations -->
<!-- interest -->
<div class="interest" id="contact">
<div class="container">
<div class="interest-info">
<i class="love"> </i>
<h3>What’s your Interest ?</h3>
<div class="dropdown-button">
<select class="dropdown" tabindex="9" data-settings='{"wrapperClass":"flat"}'>
<option value="0">Nulla quis sem</option>
<option value="1">ullamcorper</option>
<option value="2">placerat</option>
<option value="3">sollemnes </option>
<option value="4">accumsan</option>
<option value="5">autem</option>
<option value="6">nostrud</option>
<option value="7">sequitu</option>
<option value="8">Mirum</option>
</select>
</div>
<input type="submit" value="send">
</div>
</div>
</div>
<!-- interest -->
<!-- life -->
<div class="life">
<div class="container">
<div class="life-1">
<img src="./images/flow.png" class="img-responsive" alt="" />
</div>
<div class="life-2">
<h3>Lorem ipsum dolor</h3>
<p>Sed lacinia, urna non tincidunt mattis,</p>
</div>
<div class="clear"> </div>
<h4>consectetur adipiscing elit</h4>
<h5>Curabitur sodales ligula in libero</h5>
</div>
</div>
<!-- life -->
<!-- integer -->
<div class="integer" id="about">
<div class="container">
<div class="integer-1">
<img src="./images/group.png" class="img-responsive" alt="" />
</div>
<div class="integer-2">
<h3>Integer nec odio</h3>
x36_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
90 浏览量
2023-08-02
16:08:01
上传
评论
收藏 710KB ZIP 举报
x36_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （72个子文件） 
x36 js 
jquery.magnific-popup.js 47KB modernizr.custom.min.js 2KB jquery.easydropdown.js 12KB jquery.flexslider.js 39KB easing.js 5KB move-top.js 1KB jquery.min.js 92KB css style.css 26KB flexslider.css 3KB popuo-box.css 6KB bootstrap.css 118KB
index.html 12KB images 
arrow.1.png 769B
type.jpg 126KB flow.png 2KB menu.png 535B banner.jpg 56KB ballon.png 5KB search.png 756B lap.jpg 98KB play-icon.png 8KB banner1.jpg 28KB img-sprite.png 3KB video.png 2KB group.png 3KB drop.png 3KB banner2.jpg 90KB guiter.jpg 52KB XX mobile css style.css 9KB login.html 2KB index.html 7KB images type.jpg 4KB flow.png 1KB pad.png 654B banner.jpg 2KB ballon.png 2KB love.png 895B lap.jpg 2KB banner1.jpg 1KB video.png 758B group.png 1KB drop.png 903B banner2.jpg 4KB guiter.jpg 1KB smartphone js jquery.magnific-popup.js 47KB modernizr.custom.min.js 2KB jquery.easydropdown.js 12KB jquery.flexslider.js 39KB easing.js 5KB move-top.js 1KB jquery.min.js 92KB css style.css 17KB flexslider.css 3KB popuo-box.css 6KB index.html 13KB images search_close.png 3KB arrow.1.png 668B type.jpg 33KB flow.png 2KB menu.png 535B banner.jpg 15KB ballon.png 3KB search.png 677B lap.jpg 22KB play-icon.png 4KB banner1.jpg 12KB img-sprite.png 3KB video.png 1KB group.png 2KB drop.png 2KB banner2.jpg 21KB guiter.jpg 16KB资源评论
