|
|
Line 216: |
Line 216: |
| <!-- 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="https://static.igem.org/mediawiki/2014/c/c2/Hzaubg-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="https://static.igem.org/mediawiki/2014/6/61/Hzaubg-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="https://static.igem.org/mediawiki/2014/7/79/Hzaubg-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="https://static.igem.org/mediawiki/2014/3/3c/Hzaubg-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 -->
| + | |
| | | |
| <!-- maincontent start here --> | | <!-- maincontent start here --> |
| <section id="content-wrapper"> | | <section id="content-wrapper"> |
| <div class="row"> | | <div class="row"> |
- | </br></br></br></br></br></br></br></br>
| + | |
| <div class="six columns "> | | <div class="six columns "> |
| <div class="five columns"> | | <div class="five columns"> |