<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>ChinaZ</title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- CSS Files -->
<link rel="stylesheet" href="css/animate.min.css" />
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/flexslider.css" />
<link rel="stylesheet" href="css/font-awesome.css" />
<link rel="stylesheet" href="css/prettyPhoto.css" />
<link rel="stylesheet" href="css/responsive.css" />
<!-- End CSS Files -->
</head>
<body data-spy="scroll" data-target=".nav-menu" data-offset="50">
<div id="pageloader">
<div class="loader">
<img src="images/load.gif" alt='loader' />
</div>
</div>
<!-- Home Section -->
<section id="home" class="nav-link">
<!-- Slider -->
<div id="slides">
<div class="slides-container">
<!-- Slider Images -->
<div class="image1 pattern"></div>
<div class="image2 pattern"></div>
<div class="image3 pattern"></div>
<!-- End Slider Images -->
</div>
<!-- Slider Controls -->
<nav class="slides-navigation">
<a href="#" class="next"></a>
<a href="#" class="prev"></a>
</nav>
<!-- End Slider Controls -->
</div>
<!-- End Slider Images -->
<!-- Main - Text Slide -->
<div class=" main">
<!-- Text Slider -->
<div id="main" class="flexslider home-slider">
<!-- Text Slides -->
<ul class="home-slides">
<li>We Are <span>Avalin</span></li>
<li>Proudly <span>With Us</span></li>
<li>Well Design <span>Teams</span></li>
</ul>
<!-- End Text Slides -->
<div class="clear"></div>
</div>
<!-- Home Description -->
<div class="home-p">Avalin Company is the most brilliant company around the field of human science. it has many powerful researches about knowledge management in human resource planning.</div>
<!-- End Home Description -->
<!-- Home Button -->
<a class="scroll button-ready" href="#about">Are You Ready?</a>
<!-- End Home Button -->
</div>
<!-- End Main -->
</section>
<!-- End Home Section -->
<!-- Navigation Section -->
<section id="navigation">
<div class="inner navigation">
<!-- Logo -->
<div class="logo">
<a class="scroll" href="#home"><img src="images/logo.png" alt="Logo" /></a>
</div>
<!-- Nav Menu -->
<nav class="nav-menu">
<ul class="nav main-nav">
<li class="active"><a class="scroll" href="#home">Home</a></li>
<li><a class="scroll" href="#about">About</a></li>
<li><a class="scroll" href="#portfolio">Portfolio</a></li>
<li><a class="scroll" href="#services">Services</a></li>
<li><a class="scroll" href="#blog">Blog</a></li>
<li><a class="scroll" href="#prices">Prices</a></li>
<li><a class="scroll" href="#contact">Contact</a></li>
</ul>
</nav>
<!-- Dropdown Menu For Mobile Devices-->
<nav class="dropdown mobile-drop">
<a data-toggle="dropdown" class="mobile-menu" href="#"><i class="fa fa-bars"></i></a>
<ul class="nav dropdown-menu fullwidth" role="menu">
<li><a class="scroll" href="#home">Home</a></li>
<li><a class="scroll" href="#about">About</a></li>
<li><a class="scroll" href="#portfolio">Portfolio</a></li>
<li><a class="scroll" href="#services">Services</a></li>
<li><a class="scroll" href="#blog">Blog</a></li>
<li><a class="scroll" href="#prices">Prices</a></li>
<li><a class="scroll" href="#contact">Contact</a></li>
<li><a class="scroll" href="http://sc.chinaz.com">More</a></li>
</ul>
</nav>
</div>
</section>
<!-- End Navigation Section -->
<div class="copyrights">Collect from <a href="http://sc.chinaz.com/" >手机网站模板</a></div>
<!-- About Section -->
<section id="about" class="contain nav-link">
<div class="about inner">
<div class="header animated" data-animation="slideInRight" data-animation-delay="0">
About Us
</div>
<!-- Second Header -->
<div class="description animated" data-animation="slideInLeft" data-animation-delay="0">
Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet multas inquisitiones de consilio est, et in Avalin.
</div>
<div class="row">
<div class="col-lg-4 col-md-4 animated" data-animation="tada" data-animation-delay="0">
<div class="bubble_outer_one">
<div class="bubble_container">
<div class="bubble"></div>
<i class="fa fa-thumbs-up"></i>
</div>
</div>
<div class="about_line"></div>
<article class='about_article'>
<h2>Responsive Design</h2>
<p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet multas inquisitiones de consilio est, et nos sumus in Avalin superbe.</p>
</article>
</div>
<div class="col-lg-4 col-md-4 animated" data-animation="tada" data-animation-delay="500">
<div class="bubble_outer_two">
<div class="bubble_container">
<div class="bubble"></div>
<i class="fa fa-envelope fa-light"></i>
</div>
</div>
<div class="about_line"></div>
<article class='about_article'>
<h2>Customized Services</h2>
<p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet multas inquisitiones de consilio est, et nos sumus in Avalin superbe.</p>
</article>
</div>
<div class="col-lg-4 col-md-4 animated" data-animation="tada" data-animation-delay="800">
<div class="bubble_outer_three">
<div class="bubble_container">
<div class="bubble"></div>
<i class="fa fa-umbrella"></i>
</div>
</div>
<div class="about_line"></div>
<article class='about_article'>
<h2>Powerful Support</h2>
<p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet multas inquisitiones de consilio est, et nos sumus in Avalin superbe.</p>
</article>
</div>
</div>
<div class="clear"></div>
<!-- Start Our Team Section -->
<div class="second-section">
<!-- Header -->
<div class="header animated" data-animation="slideInRight" data-animation-delay="0">
Our Powerful Team
</div>
<!-- Second Header -->
<div class="description animated" data-animation="slideInLeft" data-animation-delay="0">
Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet multas inquisitiones de consilio est, et in Avalin.
</div>
<div class="row">
<ul class="grid cs-style-1">
<li class="col-md-3 col-sm-6">
<div class="figure">
<img src="images/team/1.jpg" alt="MyPassion" />
<div class="figcaption">
<span>Founder</span>
<p>Dolor sit amet maximi in agris Avalin humana scientia. in humana resource administratione scientia habet</p>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-github"></i></a>
<a href="#"><i cla
CSS3动画单页Retina模板是一款精品Retina大图幻灯css3动画单页模板下载.rar
需积分: 0 116 浏览量
2023-09-10
10:33:44
上传
评论
收藏 1.9MB RAR 举报
CSS3动画单页Retina模板是一款精品Retina大图幻灯css3动画单页模板下载.rar （89个子文件） 
style.css 35KB jquery.superslides.js 14KB bootstrap.js 54KB
logo-magenta.png 2KB
big.jpg 13KB main.jpg 46KB lime.css 35KB 2.jpg 6KB error.png 2KB sprite_prev.png 1KB jquery.appear.js 2KB waypoints.min.js 8KB flexslider-magenta.css 5KB toucheffects.js 2KB
index-magenta.html 37KB FontAwesome.otf 61KB jquery.prettyPhoto.js 22KB flexslider.css 5KB index-image-lime.html 36KB
video-play.svg 274B SmoothScroll.js 7KB jquery.flexslider-min.js 21KB bg-services.jpg 46KB modernizr-latest.js 50KB fontawesome-webfont.eot 37KB 6.jpg 13KB contentPatternLeft.png 137B
loading.gif 4KB post_img_1.jpg 13KB logo.png 2KB popup_ajax_loader.gif 3KB gmap.js 2KB magenta.css 35KB index-video.html 36KB jquery.flexslider.js 51KB 1.jpg 6KB index-image.html 36KB responsive.css 2KB font-awesome.css 21KB sprite_x.png 1KB default_thumbnail.gif 227B default_thumb.png 2KB contentPatternTop.png 142B index-video-lime.html 36KB play-pause.png 606B fontawesome-webfont.woff 43KB video-play.png 3KB logo-lime.png 2KB jquery.mb.YTPlayer.js 35KB YTPlayer.css 9KB contentPattern.png 130B bg-prices.jpg 46KB index-lime.html 37KB arrows.png 3KB index-image-magenta.html 36KB 5.jpg 13KB bootstrap.css 118KB sprite.png 3KB jquery.isotope.js 42KB prettyPhoto.css 27KB font-awesome.min.css 17KB index-video-magenta.html 36KB bg-about.jpg 46KB play-pause.svg 382B index.html 37KB jquery.sticky.js 4KB jquery-1.11.1.min.js 94KB btnNext.png 1KB pat-p.png 3KB load.gif 2KB fontawesome-webfont.svg 197KB post_img_3.jpg 13KB animate.min.css 58KB btnPrevious.png 1KB error.svg 306B sprite_next.png 1KB fontawesome-webfont.ttf 79KB jquery.easing.1.3.js 8KB contentPatternRight.png 136B contentPatternBottom.png 142B contact.js 1KB 3.jpg 6KB bg-contact.png 27KB scripts.js 5KB sprite_y.png 1KB post_img_2.jpg 13KB loader.gif 2KB 4.jpg 6KB flexslider-lime.css 5KB资源评论
