|
|
Line 214: |
Line 214: |
| <!-- header end here --> | | <!-- header end here --> |
| | | |
- | <!-- slideshow start here -->
| |
- | <section id="slideshow-wrapper">
| |
- | <div class="camera_wrap" id="camera-slide">
| |
- |
| |
- | <!-- slide 1 here -->
| |
- | <div data-src="images/slideshow/bg-slide1.jpg">
| |
- | <div class="caption-type1 moveFromLeft">
| |
- | <h1>We build rock solid Responsive website</h1>
| |
- | <p>Used by thousands of creative freelancers and companies worldwide, Hyperion gives you everything you need to run your small business.</p>
| |
- | <a href="#" class="button-slide medium gray">Let's start something</a>
| |
- | </div>
| |
- | <div class="caption-type1 moveFromRight">
| |
- | <img src="images/slideshow/slide1.png" alt="" />
| |
- | </div>
| |
- | </div>
| |
- |
| |
- | <!-- slide 2 here -->
| |
- | <div data-src="images/slideshow/bg-slide2.jpg">
| |
- | <div class="caption-type2 moveFromTop">
| |
- | <h1>We build rock solid Responsive website</h1>
| |
- | <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident similique sunt in culpa qui officia deserunt</p>
| |
- | </div>
| |
- | <div class="caption-type2 moveFromBottom">
| |
- | <img src="images/slideshow/slide2.png" alt="" />
| |
- | </div>
| |
- | </div>
| |
- |
| |
- | <!-- slide 3 here -->
| |
- | <div data-src="images/slideshow/bg-slide3.jpg">
| |
- | <div class="caption-type3 moveFromLeft">
| |
- | <img src="images/slideshow/slide3.png" alt="" />
| |
- | </div>
| |
- | <div class="caption-type3 moveFromRight">
| |
- | <h1>Latest web technology</h1>
| |
- | <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
| |
- | <img src="images/slideshow/slide3a.png" alt="" class="html-badge" />
| |
- | </div>
| |
- | </div>
| |
- |
| |
- | <!-- slide 4 here -->
| |
- | <div data-src="images/slideshow/bg-slide4.jpg">
| |
- | <div class="caption-type4 moveFromBottom">
| |
- | <img src="images/slideshow/slide4.png" alt="" />
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | <div id="slideshow-noscript"><h4>Hi, your javascript is off..!! for optimal results on this site please enable javascript in your browser</h4></div>
| |
- | </section>
| |
- | <!-- slideshow end here -->
| |
| | | |
- | <!-- featured client start here -->
| |
- | <section id="featured-wrapper">
| |
- | <div id="featured-logo-list">
| |
- | <div class="row">
| |
- | <div class="two columns mobile-two mobile-view">
| |
- | <h6 class="featured-client">featured clients :</h6>
| |
- | </div>
| |
- | <div class="two columns mobile-two mobile-view">
| |
- | <img src="images/sample-images/client1.png" alt="client-image" />
| |
- | </div>
| |
- | <div class="two columns mobile-two mobile-view">
| |
- | <img src="images/sample-images/client2.png" alt="client-image" />
| |
- | </div>
| |
- | <div class="two columns mobile-two mobile-view">
| |
- | <img src="images/sample-images/client3.png" alt="client-image" />
| |
- | </div>
| |
- | <div class="two columns mobile-two mobile-view">
| |
- | <img src="images/sample-images/client4.png" alt="client-image" />
| |
- | </div>
| |
- | <div class="two columns mobile-two mobile-view">
| |
- | <img src="images/sample-images/client5.png" alt="client-image" />
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | </section>
| |
- | <!-- featured client end here -->
| |
- |
| |
- | <!-- maincontent start here -->
| |
- | <section id="content-wrapper">
| |
- | <div class="row">
| |
- | <div class="three columns mobile-two">
| |
- | <h5>Make life happier »</h5>
| |
- | <div class="link-zoom">
| |
- | <a class="fancybox" href="images/portfolio-big/pf-big.jpg" title="Hyperion">
| |
- | <img src="images/sample-images/front-img1.jpg" alt="" class="fade" />
| |
- | </a>
| |
- | </div>
| |
- | </div>
| |
- | <div class="three columns mobile-two">
| |
- | <h5>Why we made it »</h5>
| |
- | <div class="link-url">
| |
- | <a href="http://www.cssmoban.com" target="_self">
| |
- | <img src="images/sample-images/front-img2.jpg" alt="" class="fade" />
| |
- | </a>
| |
- | </div>
| |
- | </div>
| |
- | <div class="three columns mobile-two">
| |
- | <h5>Known the process »</h5>
| |
- | <div class="link-more">
| |
- | <a href="about.html">
| |
- | <img src="images/sample-images/front-img3.jpg" alt="" class="fade" />
| |
- | </a>
| |
- | </div>
| |
- | </div>
| |
- | <div class="three columns mobile-two">
| |
- | <h5>Take a tour »</h5>
| |
- | <div class="link-video">
| |
- | <a class="fancybox" href="http://www.cssmoban.com" title="Hyperion Sample Video">
| |
- | <img src="images/sample-images/front-img4.jpg" alt="" class="fade" />
| |
- | </a>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- |
| |
- | <div id="featured-wrapper2">
| |
- | <div class="row front-feature-icon">
| |
- | <div class="four columns mobile-one">
| |
- | <img src="images/sample-images/front-icon1.png" alt="" class="img-center" />
| |
- | <h5>We made Responsive design</h5>
| |
- | <p>Lorem ipsum dolor sit amet consectetur incididunt ut labore et dolore magna aliqua adipisicing elit seddo eiusmod tempor.</p>
| |
- | </div>
| |
- | <div class="four columns mobile-one">
| |
- | <img src="images/sample-images/front-icon2.png" alt="" class="img-center" />
| |
- | <h5>Complete pack of business idea</h5>
| |
- | <p>Lorem ipsum dolor sit amet consectetur incididunt ut labore et dolore magna aliqua adipisicing elit seddo eiusmod tempor.</p>
| |
- | </div>
| |
- | <div class="four columns mobile-one">
| |
- | <img src="images/sample-images/front-icon3.png" alt="" class="img-center" />
| |
- | <h5>Simple, Efficient, and Low cost</h5>
| |
- | <p>Lorem ipsum dolor sit amet consectetur incididunt ut labore et dolore magna aliqua adipisicing elit seddo eiusmod tempor.</p>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- |
| |
- | <div class="row">
| |
- | <div class="twelve columns">
| |
- | <div class="featured-box">
| |
- | <div class="nine columns">
| |
- | <h5>Are you ready to Grow your business with Hyperion HTML Template?</h5>
| |
- | <p>Hyperion is a modern minimalist responsive HTML template created for business websites.</p>
| |
- | </div>
| |
- | <div class="three columns">
| |
- | <a href="#" class="button medium gray arrow-icon">Achievements</a>
| |
- | </div>
| |
- | <div class="clear"></div>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | </section>
| |
- | <!-- maincontent end here -->
| |
| | | |
| <!-- footer start here --> | | <!-- footer start here --> |