Review +5
We have to continually be jumping off cliffs and developing our wings on the way down.
Line 1: | Line 1: | ||
+ | <!DOCTYPE HTML> | ||
+ | <html> | ||
<head> | <head> | ||
− | <title> | + | <title>Home</title> |
− | <meta name=" | + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
− | <meta | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
− | + | <meta name="keywords" content="Screative Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, | |
− | <meta name=" | + | Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> |
− | <link href='http://fonts.useso.com/css?family= | + | <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> |
− | <link href= | + | <link href="css/bootstrap.css" rel='stylesheet' type='text/css' /> |
− | <link href="css/ | + | <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> |
− | <link href="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> | ||
− | < | + | <div class="header_top"> |
− | + | <div class="col-xs-6 logo"> | |
− | + | <a href="#"><img src="images/logo.png" alt=""/></a> | |
− | + | </div> | |
− | + | <div class="col-xs-6 nav"> | |
− | + | <ul class="menu"> | |
− | + | <li class="item1"><a href="#"><img class="arrow-img" src="images/menu.png" alt=""/> <img src="images/arrow.png" alt=""/></a> | |
− | + | <ul class="cute"> | |
− | + | <li><a href="#home" class="scroll">Home</a></li> | |
− | + | <li><a href="#about" class="scroll">About</a></li> | |
− | + | <li><a href="#services" class="scroll">Services</a></li> | |
− | + | <li><a href="#portfolio" class="scroll">Portfolio</a></li> | |
− | + | <li><a href="#team" class="scroll">Team</a></li> | |
− | + | <li><a href="#testmonials" class="scroll">Testmonials</a></li> | |
− | <li | + | <li><a href="#contact" class="scroll">Contact</a></li> |
− | <li><a href="# | + | |
− | <li><a href="# | + | |
− | <li><a href="# | + | |
− | <li><a href="#contact">Contact</a></li> | + | |
</ul> | </ul> | ||
− | </ | + | </li> |
− | + | </ul> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
</div> | </div> | ||
− | + | <div class="clearfix"> </div> | |
− | + | <!--initiate accordion--> | |
− | + | <script type="text/javascript"> | |
− | + | $(function() { | |
− | + | var menu_ul = $('.menu > li > ul'), | |
− | < | + | menu_a = $('.menu > li > a'); |
− | + | menu_ul.hide(); | |
− | + | menu_a.click(function(e) { | |
− | + | e.preventDefault(); | |
− | + | if(!$(this).hasClass('active')) { | |
− | + | menu_a.removeClass('active'); | |
− | + | menu_ul.filter(':visible').slideUp('normal'); | |
− | + | $(this).addClass('active').next().stop(true,true).slideDown('normal'); | |
− | + | } else { | |
− | + | $(this).removeClass('active'); | |
− | + | $(this).next().stop(true,true).slideUp('normal'); | |
− | + | } | |
− | + | }); | |
− | + | ||
− | + | }); | |
− | + | </script> | |
− | + | </div> | |
− | + | <div class="banner" id="home"> | |
− | + | <div class="container"> | |
− | + | <div class="banner_desc"> | |
− | + | <h1>We Are <br>Creative</h1> | |
− | + | <h3>You Just Ask<br> We Do ?</h3> | |
− | + | <h2>Creations with <br> Creativity</h2> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | </ | + | </div> |
− | + | </div> | |
− | + | <div class="box_1" id="about"> | |
− | + | <div class="container"> | |
− | + | <div class="col-md-6 box_l-left"> | |
− | + | <h2>We are</h2> | |
− | + | <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> | |
− | + | <h3>A creative man is <br> | |
− | + | motivated by <br> | |
− | + | the desire to <br> | |
− | + | achieve, not <br> | |
− | + | by the desire <br> | |
− | + | to beat others.</h3> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | <div class="col-md-6 box_l-right"> | |
− | + | <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> |
− | <div class=" | + | <div class="clients"> |
− | + | <div class="container"> | |
− | + | <div class="col-sm-4 box_2 text-center"> | |
− | + | <h3>46</h3> | |
− | + | <p>Css Design <br>Awards</p> | |
− | + | </div> | |
− | + | <div class="col-sm-4 box_2 text-center"> | |
− | + | <h3>1126</h3> | |
− | + | <p>Happy Clients</p> | |
− | + | </div> | |
− | + | <div class="col-sm-4 box_2 text-center"> | |
− | + | <h3>559</h3> | |
− | + | <p>Projects Done!</p> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | <div class="offer" id="services"> | |
− | + | <div class="col-md-5 box_3"> | |
− | + | <h3>We are <span class="m_1">Offering....</span></h3> | |
− | + | <img src="images/macbook.png" class="img-responsive" alt=""/> | |
− | + | </div> | |
− | </div> | + | <div class="col-md-7 box_4"> |
− | + | <ul class="icons"> | |
− | + | <li> | |
− | <div class=" | + | <i class="icon1"> </i> |
− | + | <h3>Designing</h3> | |
− | + | </li> | |
− | + | ||
− | + | <li> | |
− | + | <i class="icon2"> </i> | |
− | + | <h3>Development</h3> | |
− | + | </li> | |
− | + | <li class="last"> | |
− | + | <i class="icon3"> </i> | |
− | + | <h3>Branding</h3> | |
− | + | </li> | |
− | + | </ul> | |
− | + | </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> | ||
− | + | <ul class="address"> | |
− | + | <i class="address_icon"></i> | |
− | + | <li class="add_right"> | |
− | + | <p class="m_8">Contrary to popular belief, Lorem Ipsum is not simpl</p> | |
− | <p class=" | + | <p class="m_7">254-65897</p> |
− | + | <p><a href="#"><a href="mailto@example.com">info(at)screative.com</a></a></p> | |
− | + | <div class="copy"> | |
− | </div> | + | <p>Copyright © 2015.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">网页模板</a></p> |
− | </ | + | </div> |
− | </ | + | </li> |
− | <script | + | <div class="clearfix"> </div> |
− | + | </ul> | |
− | + | </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> |
<!DOCTYPE HTML>
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,
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.
Css Design
Awards
Happy Clients
Projects Done!
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.
We have to continually be jumping off cliffs and developing our wings on the way down.
We have to continually be jumping off cliffs and developing our wings on the way down.
We have to continually be jumping off cliffs and developing our wings on the way down.
Contrary to popular belief, Lorem Ipsum is not simpl
254-65897
Copyright © 2015.Company name All rights reserved.网页模板