|
|
Line 2: |
Line 2: |
| | | |
| <html> | | <html> |
− | <section class="ct-mediaSection ct-u-borderMotiveBottom" data-height="100%"> | + | <!--section class="ct-mediaSection ct-u-borderMotiveBottom" data-height="100%"> |
| <div class="flexslider ct-flexslider--controlsVertical ct-flexslider--controlsWhite ct-js-flexslider" | | <div class="flexslider ct-flexslider--controlsVertical ct-flexslider--controlsWhite ct-js-flexslider" |
| data-animations="true" data-height="100%"> | | data-animations="true" data-height="100%"> |
Line 10: |
Line 10: |
| <source src="https://static.igem.org/mediawiki/2018/b/b0/T--METU_HS_Ankara--banner.mp4" type="video/mp4"> | | <source src="https://static.igem.org/mediawiki/2018/b/b0/T--METU_HS_Ankara--banner.mp4" type="video/mp4"> |
| </video> | | </video> |
− | <!--div class="inner ct-u-paddingBoth100"> | + | |
− | <div class="container">
| + | |
− | <div class="row">
| + | |
− | <div class="col-sm-6 col-md-5">
| + | |
− | <span class="h2 ct-fw-300 ct-u-colorMotive animated" data-fx="zoomIn">01</span>
| + | |
− | | + | |
− | <h3 class="ct-u-colorWhite ct-u-hrLeft animated" data-fx="fadeInUp">
| + | |
− | <small class="text-uppercase ct-u-colorWhite">We create unique and inovative</small>
| + | |
− | <span class="ct-fw-300">User</span> Experiences
| + | |
− | </h3>
| + | |
− | <p class="ct-u-colorWhite animated" data-fx="zoomInDown">Lorem ipsum dolor sit amet,
| + | |
− | consectetur adipiscing elit dont emet suspendisse, condimentum porttitor cursus duis
| + | |
− | neclim.</p>
| + | |
− | <a href="../demo/buy.php" class="btn ct-btn--rounded btn-primary text-uppercase animated"
| + | |
− | data-fx="fadeInUp" data-time="800">Buy Orlando</a>
| + | |
− | <a href="portfolio-masonry.html"
| + | |
− | class="btn ct-btn--rounded btn-default text-uppercase animated" data-fx="fadeInUp"
| + | |
− | data-time="1250">Portfolio</a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div-->
| + | |
| </li> | | </li> |
− | <!--li data-bg="./assets/images/content/orlando-slider-image-2.jpg">
| |
− | <div class="inner ct-u-paddingBoth100">
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-sm-6 col-md-5">
| |
− | <span class="h2 ct-fw-300 ct-u-colorMotive animated" data-fx="zoomIn">02</span>
| |
− |
| |
− | <h3 class="ct-u-colorWhite ct-u-hrLeft animated" data-fx="fadeInUp">
| |
− | <small class="text-uppercase ct-u-colorWhite">We create unique and inovative</small>
| |
− | <span class="ct-fw-300">User</span> Experiences
| |
− | </h3>
| |
− | <p class="ct-u-colorWhite animated" data-fx="zoomInDown">Lorem ipsum dolor sit amet,
| |
− | consectetur adipiscing elit dont emet suspendisse, condimentum porttitor cursus duis
| |
− | neclim.</p>
| |
− | <a href="../demo/buy.php" class="btn ct-btn--rounded btn-primary text-uppercase animated"
| |
− | data-fx="fadeInUp" data-time="800">Buy Orlando</a>
| |
− | <a href="portfolio-masonry.html"
| |
− | class="btn ct-btn--rounded btn-default text-uppercase animated" data-fx="fadeInUp"
| |
− | data-time="1250">Portfolio</a>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </li>
| |
− | <li data-bg="./assets/images/content/orlando-slider-image-3.jpg">
| |
− | <div class="inner ct-u-paddingBoth100">
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-sm-6 col-md-5">
| |
− | <span class="h2 ct-fw-300 ct-u-colorMotive animated" data-fx="zoomIn">03</span>
| |
− |
| |
− | <h3 class="ct-u-colorWhite ct-u-hrLeft animated" data-fx="fadeInUp">
| |
− | <small class="text-uppercase ct-u-colorWhite">We create unique and inovative</small>
| |
− | <span class="ct-fw-300">User</span> Experiences
| |
− | </h3>
| |
− | <p class="ct-u-colorWhite animated" data-fx="zoomInDown">Lorem ipsum dolor sit amet,
| |
− | consectetur adipiscing elit dont emet suspendisse, condimentum porttitor cursus duis
| |
− | neclim.</p>
| |
− | <a href="../demo/buy.php" class="btn ct-btn--rounded btn-primary text-uppercase animated"
| |
− | data-fx="fadeInUp" data-time="800">Buy Orlando</a>
| |
− | <a href="portfolio-masonry.html"
| |
− | class="btn ct-btn--rounded btn-default text-uppercase animated" data-fx="fadeInUp"
| |
− | data-time="1250">Portfolio</a>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </li>
| |
− | <li data-bg="./assets/images/content/orlando-slider-image-4.jpg">
| |
− | <div class="inner ct-u-paddingBoth100">
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-sm-6 col-md-5">
| |
− | <span class="h2 ct-fw-300 ct-u-colorMotive animated" data-fx="zoomIn">04</span>
| |
− |
| |
− | <h3 class="ct-u-colorWhite ct-u-hrLeft animated" data-fx="fadeInUp">
| |
− | <small class="text-uppercase ct-u-colorWhite">We create unique and inovative</small>
| |
− | <span class="ct-fw-300">User</span> Experiences
| |
− | </h3>
| |
− | <p class="ct-u-colorWhite animated" data-fx="zoomInDown">Lorem ipsum dolor sit amet,
| |
− | consectetur adipiscing elit dont emet suspendisse, condimentum porttitor cursus duis
| |
− | neclim.</p>
| |
− | <a href="services.html" class="btn ct-btn--rounded btn-primary text-uppercase animated"
| |
− | data-fx="fadeInUp" data-time="800">Services</a>
| |
− | <a href="portfolio-masonry.html"
| |
− | class="btn ct-btn--rounded btn-default text-uppercase animated" data-fx="fadeInUp"
| |
− | data-time="1250">Portfolio</a>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </li-->
| |
| </ul> | | </ul> |
| </div> | | </div> |
Line 110: |
Line 17: |
| class="ct-sectionButton-circle animated pulse activate infinite"><i | | class="ct-sectionButton-circle animated pulse activate infinite"><i |
| class="fa fa-angle-down animated activate bounce infinite"></i></span>Continue</a> | | class="fa fa-angle-down animated activate bounce infinite"></i></span>Continue</a> |
− | </section> | + | </section--> |
| + | |
| + | <div style="background-image:url(https://static.igem.org/mediawiki/2018/b/b0/T--METU_HS_Ankara--banner.mp4); |
| + | background-size:cover; |
| + | position:relative; |
| + | height:100vh;"></div> |
| | | |
| <section id="section1"> | | <section id="section1"> |