index.html

---
layout: default
title: Full-page-js Demo
---

<div id="fullpage" class="media-pad-intro">
    <div class="section " id="section0">
        <div class="container">
            <div class="col-sm-12 welcome-text">
                <h1 class="text-center">
                    The New MediaPad 10
                </h1>
                <p class="lead text-center">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sodales porttitor mollis. Ut erat felis, iaculis non nisi nec, vulputate condimentum sem. In interdum varius feugiat. Suspendisse nisi arcu, rutrum et eros vel, mattis blandit dui. Donec dictum et risus sed bibendum. Ut non eros id lorem placerat elementum.
                </p>

                <img src="{{site.url}}/assets/images/hw_267813-e.jpg" class="img-responsive"/>
            </div>
        </div>

    </div>
    <div class="section" id="section1">
        <div class="container">
            <div class="col-sm-5">
                <img src="{{site.url}}/assets/images/228804-1.jpg" class="img-responsive"/>
            </div>
            <div class="col-sm-7">
                <h2>Duis quis diam ultrices lorem dapibus mattis. </h2>
                <p class="lead">
                    Vestibulum commodo faucibus est, in ultricies metus pulvinar nec. Fusce at leo sit amet velit blandit faucibus. Mauris pellentesque, sapien quis sodales pulvinar, tortor massa molestie nibh, sed egestas odio velit a nibh. Aliquam et eros accumsan, facilisis metus nec, eleifend nisl. Aliquam sit amet est eros.
                </p>
            </div>
        </div>
    </div>
    <div class="section" id="section2">
        <div class="container">
            <div class="col-sm-7">
                <h2>Quisque vitae felis scelerisque, sollicitudin justo vel, dapibus mauris</h2>
                <p class="lead">
                    In vitae magna a lorem blandit faucibus et id quam. Proin dapibus egestas orci id hendrerit. Ut hendrerit orci ligula, quis semper tellus condimentum nec. Donec bibendum congue sapien, non ultricies nulla volutpat at. Sed suscipit, odio ac scelerisque laoreet, neque tortor cursus ligula, eget viverra odio risus a lorem. Curabitur pretium dolor tellus, vitae viverra mi pretium sed. Ut a malesuada quam.
                </p>
            </div>
            <div class="col-sm-5">
                <img src="{{site.url}}/assets/images/228804-2.jpg" class="img-responsive animated hiding fadeInDown"/>
            </div>
        </div>
    </div>
    <div class="section" id="section3">
        <div class="container">
            <div class="col-sm-5">
                <img src="{{site.url}}/assets/images/228804-3.jpg" class="img-responsive"/>
            </div>
            <div class="col-sm-7">
                <h2>Curabitur sed orci leo.</h2>
                <p class="lead">
                    Morbi laoreet justo magna, non elementum nunc aliquam ac. Aliquam semper quam eget pulvinar volutpat. Sed lorem neque, porttitor ut tincidunt vel, pretium vestibulum purus. Integer aliquet rhoncus suscipit. Aliquam erat volutpat. Nam sem sapien, accumsan id dignissim eget, ullamcorper sodales libero. Etiam elementum nunc metus, et ornare magna semper non.
                </p>
            </div>
        </div>
    </div>
    <div class="section" id="section4">
        <div class="container">
            <div class="col-sm-7">
                <h2>Nam consectetur eleifend felis ut posuere.</h2>
                <p class="lead">
                    Vivamus ut lacus lobortis, lobortis mauris in, vulputate mi. Vestibulum et pharetra lectus. Sed vel urna leo. Vivamus commodo leo in elit pharetra imperdiet. Quisque nec leo sit amet sem dictum interdum. Nam convallis eget nisl at tristique. Donec in tortor congue, egestas leo sed, hendrerit nisl.
                </p>
            </div>
            <div class="col-sm-5">
                <img src="{{site.url}}/assets/images/228804-4.jpg" class="img-responsive"/>
            </div>
        </div>
    </div>
</div>