Difference between revisions of "Team:FAFU-CHINA"

Line 1: Line 1:
 +
<!DOCTYPE HTML>
 +
<html>
 
<head>
 
<head>
<title>HOME</title>
+
<title>Home</title>
<meta name="keywords" content="" />
+
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="" />
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="UTF-8">
+
<meta name="keywords" content="Screative Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<link href='http://fonts.useso.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
+
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/font-awesome.min.css" rel="stylesheet">
+
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
+
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css">
+
<!-- Custom Theme files -->
 +
<link href="css/style.css" rel='stylesheet' type='text/css' />
 +
<!-- Custom Theme files -->
 +
<!--webfont-->
 +
<link href='http://fonts.useso.com/css?family=Lato:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.useso.com/css?family=Francois+One' rel='stylesheet' type='text/css'>
 +
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
 +
<!-- must have -->
 +
<link href="css/allinone_carousel.css" rel="stylesheet" type="text/css">
 +
<script src="js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
 +
<script src="js/allinone_carousel.js" type="text/javascript"></script>
 +
<!--[if IE]><script src="js/excanvas.compiled.js" type="text/javascript"></script><![endif]-->
 +
<!-- must have -->
 +
<script>
 +
jQuery(function() {
 +
 
 +
jQuery('#allinone_carousel_charming').allinone_carousel({
 +
skin: 'charming',
 +
width:990,
 +
height: 454,
 +
responsive:true,
 +
autoPlay: 3,
 +
resizeImages:true,
 +
autoHideBottomNav:false,
 +
showElementTitle:false,
 +
verticalAdjustment:50,
 +
showPreviewThumbs:false,
 +
//easing:'easeOutBounce',
 +
numberOfVisibleItems:5,
 +
nextPrevMarginTop:23,
 +
playMovieMarginTop:0,
 +
bottomNavMarginBottom:-10
 +
});
 +
});
 +
</script>
 +
<!------ Light Box ------>
 +
<link rel="stylesheet" href="css/swipebox.css">
 +
<script src="js/jquery.swipebox.min.js"></script>
 +
    <script type="text/javascript">
 +
jQuery(function($) {
 +
$(".swipebox").swipebox();
 +
});
 +
</script>
 +
<!------ Eng Light Box ------>
 +
<script type="text/javascript">
 +
jQuery(document).ready(function($) {
 +
$(".scroll").click(function(event){
 +
event.preventDefault();
 +
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
 +
});
 +
});
 +
</script>
 +
<script type="text/javascript" src="js/move-top.js"></script>
 +
<script type="text/javascript" src="js/easing.js"></script>
 
</head>
 
</head>
 
<body>
 
<body>
<nav id="responsive-menu">
+
<div class="header_top">
        <ul class="menu-holder">
+
<div class="col-xs-6 logo">
            <li class="active"><a href="#home"><i class="fa fa-home"></i>Home</a></li>
+
<a href="#"><img src="images/logo.png" alt=""/></a>
            <li><a href="#about"><i class="fa fa-briefcase"></i>About</a></li>
+
    </div>
            <li><a href="#services"><i class="fa fa-cogs"></i>Services</a></li>
+
<div class="col-xs-6 nav">
            <li><a href="#products"><i class="fa fa-list"></i>Products</a></li>
+
          <ul class="menu">
            <li><a href="#contact"><i class="fa fa-envelope"></i>Contact</a></li>
+
<li class="item1"><a href="#"><img class="arrow-img" src="images/menu.png" alt=""/> <img src="images/arrow.png" alt=""/></a>
        </ul>
+
<ul class="cute">
    </nav>
+
<li><a href="#home" class="scroll">Home</a></li>
    <div class="templatemo-site-header">
+
<li><a href="#about" class="scroll">About</a></li>
<div class="container">
+
<li><a href="#services" class="scroll">Services</a></li>
<div class="row templatemo-position-relative">
+
<li><a href="#portfolio" class="scroll">Portfolio</a></li>
<nav class="hidden-xs text-uppercase templatemo-nav">
+
<li><a href="#team" class="scroll">Team</a></li>
<ul class="menu-holder">
+
<li><a href="#testmonials" class="scroll">Testmonials</a></li>
<li class="active"><a href="#home">Home</a></li>
+
<li><a href="#contact" class="scroll">Contact</a></li>
<li><a href="#about">About</a></li>
+
<li><a href="#services">Services</a></li>
+
<li><a href="#products">Products</a></li>
+
<li><a href="#contact">Contact</a></li>
+
 
</ul>
 
</ul>
</nav>
+
</li>
<h1 class="templatemo-site-name">
+
</ul>
                <span class="templatemo-brown">The</span>
+
                <span class="templatemo-gold">Brownie</span>
+
                </h1>
+
<div class="text-right visible-xs">
+
            <a href="#" id="mobile_menu"><span class="fa fa-bars"></span></a>
+
        </div>
+
</div>
+
</div>   
+
    </div>
+
<section id="home" class="templatemo-section">
+
<div class="container">
+
<div class="row">
+
<div class="col-lg-6 col-md-6 templatemo-position-relative">
+
<div class="templatemo-flex-center templatemo-black-bg text-center">
+
<div class="templatemo-home-image-container">
+
<img src="images/bicycle.jpg" alt="Home" class="templatemo-home-image">
+
<div class="templatemo-image-overlay">
+
<span class="fa fa-search templatemo-search-icon"></span>
+
<p class="text-uppercase templatemo-gold">The Stret</p>
+
<p class="text-uppercase">Sioutis mauris Justo</p>
+
</div>
+
</div>
+
</div>
+
</div>
+
<div class="col-lg-6 col-md-6">
+
<div class="templatemo-content-box templatemo-second-box">
+
<h2 class="templatemo-brown">duis sed odio amet</h2>
+
<h3 class="templatemo-gold">class  apent  tacit  sioutis mauris just olmorbi</h3>
+
<p class="margin-top-30">The Brownie is free responsive template from <span class="blue">template</span><span class="green">mo</span>.com website. You can use this layout for any of your website. Please spread a word about us. Thank you. This template uses CSS Flexbox, which is supported on IE 10+ and recent versions of all other major browsers. Check out <a href="#/#feat=flexbox" target="_blank">caniuse.com</a> for detailed browser support information.</p>
+
<a href="#" class="btn text-uppercase templatemo-btn templatemo-info-btn">Lorem Ipsum</a>
+
</div>
+
</div>
+
</div>
+
 
</div>
 
</div>
</section>
+
<div class="clearfix"> </div>
    <div class="copyrights">Collect from <a href="http://www.17sucai.com/" >免费模板</a></div>
+
<!--initiate accordion-->
<section id="about" class="templatemo-section">
+
<script type="text/javascript">
<div class="container">
+
$(function() {
<div class="row">
+
    var menu_ul = $('.menu > li > ul'),
<div class="col-lg-6 col-md-6">
+
          menu_a  = $('.menu > li > a');
<div class="templatemo-content-box text-right">
+
    menu_ul.hide();
<h2 class="templatemo-brown">
+
    menu_a.click(function(e) {
<span class="templatemo-section-title">Meet Our</span>
+
        e.preventDefault();
<span class="templatemo-section-title">Creative <span class="templatemo-gold"><strong>Team</strong></span></span>
+
        if(!$(this).hasClass('active')) {
</h2>
+
            menu_a.removeClass('active');
<p class="margin-top-30">Lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.
+
            menu_ul.filter(':visible').slideUp('normal');
Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio.</p>
+
            $(this).addClass('active').next().stop(true,true).slideDown('normal');
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Proin condimentum fermentum nunc. Suspendisse in orci enim.</p>
+
        } else {
</div>
+
            $(this).removeClass('active');
</div>
+
            $(this).next().stop(true,true).slideUp('normal');
<div class="col-lg-6 col-md-6">
+
        }
<div class="templatemo-flex-center templatemo-black-bg">
+
    });
<div class="templatemo-flex-center templatemo-brown-rectangle-bg">
+
<div class="jcarousel-wrapper templatemo-team">
+
});
<div class="jcarousel">
+
</script>
    <ul>
+
  </div>
        <li>
+
<div class="banner" id="home">
        <div class="text-center templatemo-team-member-container">
+
<div class="container">
        <div class="templatemo-member-img-container">
+
<div class="banner_desc">
        <img src="images/team-img-frame.png" alt="Team img frame" class="templatemo-img-frame">
+
<h1>We Are <br>Creative</h1>
        <img src="images/team-member-1.jpg" alt="Team Member 1" class="tm-team-member-img">
+
<h3>You Just Ask<br> We Do ?</h3>
        </div>        
+
<h2>Creations with <br> Creativity</h2>
<h3 class="tm-team-member-title templatemo-gold text-uppercase margin-top-15">Aenean sollicitudin</h3>
+
<img src="images/underline.png" alt="Underline" class="margin-top-15 img-responsive center-block">
+
<p class="margin-top-15">Ribendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p>
+
<p class="templatemo-brown text-uppercase">Duised odio</p>
+
</div>
+
        </li>
+
        <li>
+
        <div class="text-center templatemo-team-member-container">
+
        <div class="templatemo-member-img-container">
+
        <img src="images/team-img-frame.png" alt="Team img frame" class="templatemo-img-frame">
+
<img src="images/team-member-2.jpg" alt="Team Member 2" class="img-circle tm-team-member-img">
+
</div>
+
<h3 class="tm-team-member-title templatemo-gold text-uppercase margin-top-15">Ribendum auctor</h3>
+
<img src="images/underline.png" alt="Underline" class="margin-top-15">
+
<p class="margin-top-15">Aenean sollicitudin, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p>
+
<p class="templatemo-brown text-uppercase">Nisi elit</p>
+
</div>        
+
        </li>
+
        <li>
+
        <div class="text-center templatemo-team-member-container">
+
        <div class="templatemo-member-img-container">
+
        <img src="images/team-img-frame.png" alt="Team img frame" class="templatemo-img-frame">
+
<img src="images/team-member-3.jpg" alt="Team Member 3" class="img-circle tm-team-member-img">
+
</div>
+
<h3 class="tm-team-member-title templatemo-gold text-uppercase margin-top-15">sagittis sem</h3>
+
<img src="images/underline.png" alt="Underline" class="margin-top-15">
+
<p class="margin-top-15">Ribendum auctornisi elit consequat ipsum, nisi elit sem nibh id elit.</p>
+
<p class="templatemo-brown text-uppercase">Nec sagittis</p>
+
</div>        
+
        </li>
+
    </ul>
+
</div>
+
<a href="#" class="jcarousel-control-prev inactive">&lsaquo;</a>
+
                <a href="#" class="jcarousel-control-next">&rsaquo;</a>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
 
</div>
 
</div>
</section>
+
</div>
<section id="services" class="templatemo-section">
+
</div>  
<div class="container">
+
<div class="box_1" id="about">
<div class="row">
+
<div class="container">
<div class="col-lg-6 col-md-6">
+
<div class="col-md-6 box_l-left">
<div class="templatemo-flex-center templatemo-black-bg text-center">
+
<h2>We are</h2>
<div class="templatemo-flex-center templatemo-brown-rectangle-bg">
+
<p>Lorem Ipsum is simply dummy text of the printing and
<div class="templatemo-flex-item-ie-fix padding-30">
+
typesetting industry. Lorem Ipsum has been the industry's
<h2 class="templatemo-gold">Our Plans</h2>
+
standard dummy text ever since the 1500s,</p>
<div class="templatemo-service-container margin-top-15">
+
<h3>A creative man is <br>
<img src="images/plan-1.png" alt="Plan 1" class="templatemo-service-image">
+
motivated by <br>
<div class="templatemo-service-content text-left">
+
the desire to <br>
<h3 class="templatemo-service-title templatemo-brown">duis sed odio sit amet</h3>
+
achieve, not <br>
<p class="templatemo-service-description">Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p>
+
by the desire <br>
</div>
+
to beat others.</h3>
</div>
+
<div class="templatemo-service-container">
+
<img src="images/plan-2.png" alt="Plan 2" class="templatemo-service-image">
+
<div class="templatemo-service-content text-left">
+
<h3 class="templatemo-service-title templatemo-brown">sagittis sem nibhd</h3>
+
<p class="templatemo-service-description">Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat.</p>
+
</div>
+
</div>
+
<div class="templatemo-service-container">
+
<img src="images/plan-3.png" alt="Plan 3" class="templatemo-service-image">
+
<div class="templatemo-service-content text-left">
+
<h3 class="templatemo-service-title templatemo-brown">duis sed odio sit amet</h3>
+
<p class="templatemo-service-description">Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
<div class="col-lg-6 col-md-6">
+
<div class="templatemo-content-box templatemo-second-box">
+
<h2 class="templatemo-brown">
+
<span class="templatemo-section-title">Powerful</span>
+
<span class="templatemo-section-title">Creative <span class="templatemo-gold"><strong>Design</strong></span></span>
+
</h2>
+
<p class="margin-top-30">Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudinl
+
dorem quis bibendum auctor, nisi elit consequat ipsum, nec sagit. tis</p>
+
</div>
+
</div>
+
</div>
+
 
</div>
 
</div>
</section>
+
<div class="col-md-6 box_l-right">
<section id="products" class="templatemo-section">
+
<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, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<div class="container">
+
<div class="row">
+
<div class="col-lg-6 col-md-6">
+
<div class="templatemo-content-box text-right">
+
<h2 class="templatemo-brown">
+
<span class="templatemo-section-title">The Best</span>
+
<span class="templatemo-section-title">Quality <span class="templatemo-gold"><strong>Products</strong></span></span>
+
</h2>
+
<p class="margin-top-30">Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat consequat auctor eu in elit.</p>
+
</div>
+
</div>
+
<div class="col-lg-6 col-md-6">
+
<div class="templatemo-flex-center templatemo-black-bg">
+
<div class="templatemo-flex-center templatemo-brown-rectangle-bg">
+
<div class="jcarousel-wrapper templatemo-products">
+
<div class="jcarousel">
+
    <ul>
+
        <li>
+
        <div class="templatemo-product-container text-center">
+
<h3 class="templatemo-gold">Product Name</h3>
+
<img src="images/product-1.png" alt="Product 1" class="templatemo-product-img">
+
</div>
+
        </li>
+
        <li>
+
        <div class="templatemo-product-container text-center">
+
<h3 class="templatemo-gold">Smart Phone</h3>
+
<img src="images/product-2.png" alt="Product 2" class="templatemo-product-img">
+
</div>        
+
        </li>
+
        <li>
+
        <div class="templatemo-product-container text-center">
+
<h3 class="templatemo-gold">Cogs</h3>
+
<img src="images/product-3.png" alt="Product 3" class="templatemo-product-img">
+
</div>        
+
        </li>
+
    </ul>
+
</div>
+
<a href="#" class="jcarousel-control-prev inactive">&lsaquo;</a>
+
                <a href="#" class="jcarousel-control-next">&rsaquo;</a>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
 
</div>
 
</div>
</section>
+
</div>
<section id="contact" class="templatemo-section">
+
</div>
<div class="container">
+
<div class="clients">
<div class="row">
+
<div class="container">
<div class="col-lg-6 col-md-6">
+
<div class="col-sm-4 box_2 text-center">
<div class="templatemo-flex-center templatemo-black-bg">
+
<h3>46</h3>
<form action="#" method="post">
+
<p>Css Design <br>Awards</p>
<div class="tm-contact-form">
+
</div>
                <div class="form-group">
+
<div class="col-sm-4 box_2 text-center">
                    <input type="text" id="contact_name" class="form-control" placeholder="Name..." />
+
<h3>1126</h3>
                </div>
+
<p>Happy Clients</p>
                <div class="form-group">
+
</div>
                    <input type="email" id="contact_email" class="form-control" placeholder="Email..." />
+
<div class="col-sm-4 box_2 text-center">
                </div>
+
<h3>559</h3>
                <div class="form-group">
+
<p>Projects Done!</p>
                    <input type="text" id="contact_subject" class="form-control" placeholder="Subject..." />
+
</div>
                </div>
+
</div>
                <div class="form-group">
+
</div>
                    <textarea id="contact_message" class="form-control" rows="8" placeholder="Message..."></textarea>
+
<div class="offer" id="services">
                </div>
+
    <div class="col-md-5 box_3">
                </div>
+
<h3>We are <span class="m_1">Offering....</span></h3>
                <button type="submit" class="btn text-uppercase templatemo-btn templatemo-send-btn">Send</button>
+
<img src="images/macbook.png" class="img-responsive" alt=""/>
            </form>
+
</div>
</div>
+
<div class="col-md-7 box_4">
</div>
+
<ul class="icons">
<div class="col-lg-6 col-md-6">
+
<li>
<div class="templatemo-content-box templatemo-second-box">
+
<i class="icon1"> </i>
<h2 class="templatemo-brown">Get In <span class="templatemo-gold">Touch</span></h2>
+
<h3>Designing</h3>
<p class="margin-top-30">Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio nisi elit consequat ipsum, nec sagittis sem nibh id elit. . </p>
+
</li>
<div>
+
<img src="images/social-icons.png" alt="Social icons" class="templatemo-social-icons-img">
+
<li>
<a href="http://www.facebook.com"><div id="facebook" class="templatemo-social-icon"></div></a>
+
<i class="icon2"> </i>
<a href="http://www.twitter.com"><div id="twitter" class="templatemo-social-icon"></div></a>
+
<h3>Development</h3>
<a href="http://plus.google.com"><div id="google" class="templatemo-social-icon"></div></a>
+
</li>
<a href="http://www.vimeo.com"><div id="vimeo" class="templatemo-social-icon"></div></a>
+
<li class="last">
<a href="http://www.flickr.com"><div id="flickr" class="templatemo-social-icon"></div></a>
+
<i class="icon3"> </i>
</div>
+
<h3>Branding</h3>
</div>
+
</li>
</div>
+
</ul>
</div>
+
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
<div class="design">
 +
<div class="container">
 +
<div class="col-md-4 box_10">
 +
<img src="images/pencil.png" class="img-responsive" alt=""/>
 +
</div>
 +
<div class="col-md-8 box_5">  
 +
<h3>Designing</h3>
 +
<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, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="banner_2" id="portfolio">
 +
<h3>Latest Awesome Work</h3>
 +
<div id="containingDiv">
 +
            <div id="allinone_carousel_charming">
 +
            <div class="myloader"></div>
 +
                <!-- CONTENT -->
 +
                <ul class="allinone_carousel_list">
 +
              <li><img src="images/pic1.jpg" alt="" class="img-responsive"/></li>
 +
                    <li><img src="images/pic2.jpg" alt="" class="img-responsive"/></li>
 +
                    <li><img src="images/pic3.jpg" alt="" class="img-responsive"/></li>
 +
                    <li><img src="images/pic4.jpg" alt="" class="img-responsive"/></li>
 +
                    <li><img src="images/pic5.jpg" alt="" class="img-responsive"/></li>
 +
                </ul>   
 +
          </div>
 +
</div>
 +
</div>
 +
<div class="team" id="team">
 +
    <div class="container">
 +
    <h5><span class="m_2">Meet</span><span class="m_2"> S</span>reative <span class="m_3">Team</span></h5>
 +
    <div class="grid_1">
 +
<div class="col-sm-4 box_6">
 +
<div class="view view-first">
 +
                  <div class="index_img"><img src="images/pic6.jpg" class="img-responsive" alt=""/></div>
 +
      <div class="mask">
 +
                        <div class="info"> <a href="images/pic6.jpg" class="swipebox"  title="Image Title"> <img src="images/user.png" class="img-responsive" alt=""/></a></div>
 +
                    </div>
 +
            </div>
 +
                <div class="team_desc">
 +
                  <div class="portfolio_head">
 +
<h3>John Deo</h3>
 +
<p>Ceo</p>
 +
<h4>Creative Designer</h4>
 +
  </div>
 +
    </div>
 +
</div>
 +
<div class="col-sm-4 box_6">
 +
<div class="view view-first">
 +
                  <div class="index_img"><img src="images/pic7.jpg" class="img-responsive" alt=""/></div>
 +
      <div class="mask">
 +
                        <div class="info"> <a href="images/pic7.jpg" class="swipebox"  title="Image Title"> <img src="images/user.png" class="img-responsive" alt=""/></a></div>
 +
                    </div>
 +
            </div>
 +
                <div class="team_desc">
 +
                  <div class="portfolio_head">
 +
<h3>John Deo</h3>
 +
<p>Ceo</p>
 +
<h4>Creative Designer</h4>
 +
  </div>
 +
    </div>
 +
</div>
 +
<div class="col-sm-4 box_6">
 +
<div class="view view-first">
 +
                  <div class="index_img"><img src="images/pic8.jpg" class="img-responsive" alt=""/></div>
 +
      <div class="mask">
 +
                        <div class="info"> <a href="images/pic8.jpg" class="swipebox"  title="Image Title"> <img src="images/user.png" class="img-responsive" alt=""/></a></div>
 +
                    </div>
 +
            </div>
 +
                <div class="team_desc">
 +
                  <div class="portfolio_head">
 +
<h3>John Deo</h3>
 +
<p>Ceo</p>
 +
<h4>Creative Designer</h4>
 +
  </div>
 +
    </div>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="testimonial" id="testmonials">
 +
<div class="container">
 +
<div class="wmuSlider example1">
 +
  <div class="wmuSliderWrapper">
 +
  <article style="position: absolute; width: 100%; opacity: 0;">
 +
  <div class="grid-matter-bottom">
 +
  <div class="col-sm-8 testimonilal_left">
 +
  <h3>Review <span class="m_5">+5</span></h3>
 +
<p><span class="quotes"> </span>We have to continually be
 +
jumping off cliffs and
 +
developing our wings
 +
on the way down.<span class="quote_down"></span></p>
 +
</div>
 +
<div class="col-sm-4">
 +
  <div class="testimonilal_right">
 +
<img class="img-responsive" src="images/pic9.jpg" alt="" />
 +
  </div>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
</article>
 +
<article style="position: absolute; width: 100%; opacity: 0;">
 +
  <div class="grid-matter-bottom">
 +
  <div class="col-sm-8 testimonilal_left">
 +
  <h3>Review <span class="m_5">+3</span></h3>
 +
<p><span class="quotes"> </span>We have to continually be
 +
jumping off cliffs and
 +
developing our wings
 +
on the way down.<span class="quote_down"></span></p>
 +
</div>
 +
<div class="col-sm-4">
 +
  <div class="testimonilal_right">
 +
<img class="img-responsive" src="images/pic11.jpg" alt="" />
 +
  </div>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
</article>
 +
<article style="position: absolute; width: 100%; opacity: 0;">
 +
<div class="grid-matter-bottom">
 +
  <div class="col-sm-8 testimonilal_left">
 +
  <h3>Review <span class="m_5">+1</span></h3>
 +
<p><span class="quotes"> </span>We have to continually be
 +
jumping off cliffs and
 +
developing our wings
 +
on the way down.<span class="quote_down"></span></p>
 +
</div>
 +
<div class="col-sm-4">
 +
  <div class="testimonilal_right">
 +
<img class="img-responsive" src="images/pic10.jpg" alt="" />
 +
  </div>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
</article>
 +
</div>
 +
    </div>
 +
            <script src="js/jquery.wmuSlider.js"></script>
 +
  <script>
 +
      $('.example1').wmuSlider();       
 +
      </script>                  
 +
  </div>
 +
    </div>
 +
</div>
 +
<div class="contact" id="contact">
 +
<div class="col-md-6 contact_left">
 +
<form method="post" action="contact-post.html">
 +
<input type="text" class="textbox" value="Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}">
 +
<input type="text" class="textbox" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}">
 +
<input type="text" class="textbox" value="Subject" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Subject';}">
 +
<textarea value="Message" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Message';}">Message</textarea>
 +
<div class="contact_btn">
 +
      <label class="btn2 btn-2 btn2-1b"><input type="submit" value="Send"></label>
 +
    </div>
 +
</form>  
 +
</div>
 +
<div class="col-md-6 contact_right">
 +
<div class="map">
 +
  <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d3150859.767904157!2d-96.62081048651531!3d39.536794757966845!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sin!4v1408111832978"> </iframe>
 
</div>
 
</div>
</section>
+
<ul class="address">
<footer class="container margin-top-30">
+
<i class="address_icon"></i>
<div class="row">
+
<li class="add_right">
<div class="col-lg-12">
+
<p class="m_8">Contrary to popular belief, Lorem Ipsum is not simpl</p>
<p class="templatemo-copyright-container text-uppercase small templatemo-brown">
+
<p class="m_7">254-65897</p>
<span class="templatemo-copyright-design">Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></span>
+
<p><a href="#"><a href="mailto@example.com">info(at)screative.com</a></a></p>
</p>
+
<div class="copy">
</div>
+
                  <p>Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
</div>
+
          </div>
</footer>
+
</li>
<script src="js/jquery-1.11.1.min.js"></script>
+
<div class="clearfix"> </div>
<script src="js/jquery.jcarousel.min.js"></script>
+
</ul>
<script src="js/templatemo_script.js"></script>
+
</div>
 +
<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>
 +
<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
 +
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 16:22, 21 August 2015

<!DOCTYPE HTML> Home

We are

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,

A creative man is
motivated by
the desire to
achieve, not
by the desire
to beat others.

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, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

46

Css Design
Awards

1126

Happy Clients

559

Projects Done!

We are Offering....

  • Designing

  • Development

  • Branding

Designing

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, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Meet Sreative Team

John Deo

Ceo

Creative Designer

John Deo

Ceo

Creative Designer

John Deo

Ceo

Creative Designer

Review +5

We have to continually be jumping off cliffs and developing our wings on the way down.

Review +3

We have to continually be jumping off cliffs and developing our wings on the way down.

Review +1

We have to continually be jumping off cliffs and developing our wings on the way down.