<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5 text-center">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1>I feel the charm of existence in this spot.</h1>
                </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5 text-center">
        <div class="container">
            <div class="row">
                <div class="mx-auto col-md-8">
                    <h1 class="mb-3">I lie close to the earth, a thousand unknown plants are noticed by me.</h1>
                    <p class="lead">When, while the lovely valley teems with vapour around me. </p>
                </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5 text-center">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="mb-3">I enjoy with my whole heart</h1>
                    <p>Then, my friend, when darkness overspreads my eyes, and heaven and earth seem to dwell in my soul and absorb its power, like the form of a beloved mistress, then I often think with longing, Oh, would I could describe these conceptions, could
                        impress upon paper all that is living so full and warm within me, that it might be the mirror of my soul, as my soul is the mirror of the infinite God!&nbsp;</p>
                </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h1>A wonderful serenity</h1>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 p-3">
                    <p>When I hear the buzz of the little world among the stalks, and grow familiar with the countless indescribable forms of the insects and flies, then I feel the presence of the Almighty, who formed us in his own image, and the breath of that universal
                        love which bears and sustains us.</p>
                </div>
                <div class="col-md-6 p-3">
                    <p>And then, my friend, when darkness overspreads my eyes, and heaven and earth seem to dwell in my soul and absorb its power, like the form of a beloved mistress, then I often think with longing, Oh, would I could describe these conceptions, could
                        impress upon paper all that is living so full.</p>
                </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5">
        <div class="container">
            <div class="row">
                <div class="col-md-10">
                    <h1 class="mb-3">O my friend</h1>
                    <p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine.
                        I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents.&nbsp; <br> <br>When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface
                        of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the trickling stream; and, as I lie close to the earth, a thousand unknown plants are noticed by
                        me.</p>
                </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5 text-center">
        <div class="container">
            <div class="row">
                <div class="mx-auto col-md-7">
                    <p class="lead"> God! O my friend -- but it is too much for my strength -- I sink under the weight of the splendour of these visions!&nbsp;When, while the lovely valley teems with vapour around me. </p>
                </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5 text-center">
        <div class="container">
            <div class="row">
                <div class="mx-auto col-md-7">
                    <hr>
                    <p>"A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of <a href="#">existence in this spot</a>, which was created for the bliss of
                        souls like mine."</p>
                    <hr> </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5">
        <div class="container">
            <div class="row">
                <div class="mx-auto col-md-7">
                    <p> <b>I am so happy</b>, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater
                        artist than now. When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees.</p>
                </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5">
        <div class="container">
            <div class="row">
                <div class="col-md-9">
                    <p>I throw myself down among the tall grass by the trickling stream; and, as I lie close to the earth, a thousand unknown plants are noticed by me: when I hear the buzz of the little world among the stalks, and grow familiar with the countless
                        indescribable forms of the insects and flies, then I feel the presence of the Almighty, who formed us in his own image, and the breath of that universal love which bears and sustains us, as it floats around us in an eternity of bliss.</p>
                </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5">
        <div class="container">
            <div class="row">
                <div class="col-md-9 ml-auto border-left">
                    <p class="mb-0">As I lie close to the earth, a thousand unknown plants are noticed by me: when I hear the buzz of the little world among the stalks, and grow familiar with the countless indescribable forms of the insects and flies, then I feel the presence
                        of the Almighty, who formed us in his own image, and the breath of that universal love which bears and sustains us, as it floats around us in an eternity of bliss; and then, my friend, when darkness overspreads my eyes, and heaven and earth
                        seem to dwell in my soul and absorb its power, like the form of a beloved mistress, then I often think with longing.</p>
                </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5">
        <div class="container">
            <div class="row">
                <div class="col-md-6 my-3 px-4">
                    <p class="mb-0">I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist
                        than now. When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees.</p>
                </div>
                <div class="col-md-6 border-left my-3 px-4">
                    <p class="mb-0">But a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the trickling stream; and, as I lie close to the earth, a thousand unknown plants are noticed by me: when I hear the buzz of the little world
                        among the stalks, and grow familiar with the countless indescribable forms of the insects and flies, then I feel the presence of the Almighty, who formed us in his own image.</p>
                </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5">
        <div class="container">
            <div class="row">
                <div class="mx-auto col-lg-6 col-md-8">
                    <ul>
                        <li class="mb-2"> <b>Absorbed</b>&nbsp;- in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke.</li>
                        <li class="mb-2"> <b>Moment</b> - yet I feel that I never was a greater artist than now. When, while the lovely valley teems with vapour around me.</li>
                        <li class="mb-2"> <b>Sun</b>&nbsp;- strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary.</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5 text-center">
        <div class="container">
            <div class="row">
                <div class="mx-auto col-md-10"> <i class="d-block fa fa-stop-circle fa-4x mb-3 text-muted"></i>
                    <p>I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist
                        than now. When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees.</p>
                </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5 text-center">
        <div class="container">
            <div class="row">
                <div class="mx-auto col-md-8"> <i class="fa fa-stop-circle-o fa-4x mx-3 d-inline text-muted"></i> <i class="fa fa-circle fa-4x mx-3 d-inline text-muted"></i> <i class="fa fa-stop-circle fa-4x mx-3 d-inline text-muted"></i>
                    <p class="mt-3 lead">Oh, would I could describe these conceptions, could impress upon paper all that is living so full and warm within me, that it might be the mirror of my soul, as my soul is the mirror of the infinite God!</p>
                </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5">
        <div class="container">
            <div class="row">
                <div class="col-md-6 p-4"> <i class="d-block fa fa-stop-circle mb-2 text-muted fa-3x"></i>
                    <h4>On one hand</h4>
                    <p>I throw myself down among the tall grass by the trickling stream; and, as I lie close to the earth, a thousand unknown plants are noticed by me: when I hear the buzz of the little world among the stalks.</p>
                </div>
                <div class="col-md-6 p-4"> <i class="d-block fa fa-stop-circle-o mb-2 text-muted fa-3x"></i>
                    <h4>On the other</h4>
                    <p>Grow familiar with the countless indescribable forms of the insects and flies, then I feel the presence of the Almighty, who formed us in his own image, and the breath of that universal love which bears and sustains us.</p>
                </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5">
        <div class="container">
            <div class="row">
                <div class="px-lg-5 d-flex flex-column justify-content-center col-lg-6">
                    <h1>O my friend</h1>
                    <p class="mb-3 lead">I hear the buzz of the little world among the stalks, and grow familiar with the countless indescribable forms of the insects and flies</p>
                </div>
                <div class="col-lg-6"> <img class="img-fluid d-block" src="<?php echo SITE_PATH; ?>assets/images/cover-moon.svg"> </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5">
        <div class="container">
            <div class="row">
                <div class="d-flex flex-column justify-content-center p-3 col-lg-7">
                    <p class="lead mb-0">I throw myself down among the tall grass by the trickling stream; and, as I lie close to the earth, a thousand unknown plants are noticed by me: when I hear the buzz of the little world among the stalks, and grow familiar with the countless
                        indescribable forms of the insects and flies, then I feel the presence of the Almighty, who formed us in his own image, and the breath of that universal love.</p>
                </div>
                <div class="p-0 col-lg-5"> <img class="img-fluid d-block" src="<?php echo SITE_PATH; ?>assets/images/cover-bubble-dark.svg"> </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5">
        <div class="container">
            <div class="row">
                <div class="p-0 col-lg-5 order-2 order-lg-1"> <img class="img-fluid d-block" src="<?php echo SITE_PATH; ?>assets/images/cover-bubble-light.svg"> </div>
                <div class="d-flex flex-column justify-content-center p-3 col-lg-7 order-1 order-lg-2">
                    <p class="lead mb-0">I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now. When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the
                        impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary.</p>
                </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5">
        <div class="container">
            <div class="row my-4 d-flex justify-content-center">
                <div class="d-flex flex-column justify-content-center p-3 col-lg-7">
                    <p class="lead mb-0">A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine.
                        I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment.</p>
                </div>
                <div class="p-0 col-lg-3"> <img class="img-fluid d-block" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-2.svg"> </div>
            </div>
            <div class="row my-4 d-flex justify-content-center">
                <div class="p-0 order-2 order-lg-1 col-lg-3"> <img class="img-fluid d-block" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-4.svg"> </div>
                <div class="d-flex flex-column justify-content-center p-3 col-lg-7 order-1 order-lg-2">
                    <p class="lead mb-0">Yet I feel that I never was a greater artist than now. When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the
                        inner sanctuary, I throw myself down among the tall grass by the trickling stream; and, as I lie close to the earth, a thousand unknown plants are noticed by me: when I hear the buzz of the little world among the stalks, and grow familiar
                        with the countless indescribable forms of the insects and flies.</p>
                </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5">
        <div class="container">
            <div class="row">
                <div class="col-md-6 p-3"> <img class="img-fluid d-block" src="<?php echo SITE_PATH; ?>assets/images/cover-bubble-light.svg" width="1500">
                    <p class="mt-2 mb-0">I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist
                        than now. When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among
                        the tall grass by the trickling stream.</p>
                </div>
                <div class="col-md-6 p-3"> <img class="img-fluid d-block" src="<?php echo SITE_PATH; ?>assets/images/cover-bubble-dark.svg" width="1500">
                    <p class="mt-2 mb-0">As I lie close to the earth, a thousand unknown plants are noticed by me: when I hear the buzz of the little world among the stalks, and grow familiar with the countless indescribable forms of the insects and flies, then I feel the presence
                        of the Almighty, who formed us in his own image, and the breath of that universal love which bears and sustains us, as it floats around us in an eternity of bliss; and then, my friend, when darkness overspreads my eyes, and heaven and earth
                        seem to dwell in my soul.</p>
                </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5 text-center">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-8 order-2 order-lg-1"> <img class="img-fluid d-block" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-2.svg"> </div>
                <div class="col-lg-2 col-4 d-flex flex-column justify-content-between order-3 order-lg-2"> <img class="img-fluid d-block" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-1.svg"> <img class="img-fluid d-block" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-4.svg"> </div>
                <div class="px-md-5 p-3 d-flex flex-column justify-content-center col-lg-6 order-1 order-lg-3">
                    <i class="d-block fa fa-circle fa-3x mb-2 text-muted"></i>
                    <h1>O my friend</h1>
                    <p class="lead">I hear the buzz of the little world among the stalks, and grow familiar with the countless indescribable forms of the insects and flies</p>
                </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-6 order-2 order-lg-1 p-3"> <img class="img-fluid d-block" src="<?php echo SITE_PATH; ?>assets/images/cover-bubble-dark.svg"> </div>
                <div class="col-lg-4 col-md-6 order-3 order-lg-2 p-3"> <img class="img-fluid d-block" src="<?php echo SITE_PATH; ?>assets/images/cover-bubble-light.svg"> </div>
                <div class="col-lg-4 d-flex flex-column justify-content-center order-1 order-lg-3 p-3">
                    <p class="mb-0">I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now. When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the
                        impenetrable foliage of my trees.</p>
                </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5">
        <div class="container-fluid">
            <div class="row">
                <div class="px-md-5 p-3 d-flex flex-column justify-content-center text-center col-lg-6">
                    <h1>I enjoy with my whole heart</h1>
                    <p class="mb-3 lead">Has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine.</p> <a class="btn btn-link"
                                                                                                                                                                                                        href="#">Let's Go</a> </div>
                <div class="p-0 col-lg-6"> <img class="img-fluid d-block" src="<?php echo SITE_PATH; ?>assets/images/cover-moon.svg"> </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5">
        <div class="container">
            <div class="row">
                <div class="col-md-6"> <img class="img-fluid d-block" src="<?php echo SITE_PATH; ?>assets/images/cover-bubble-light.svg"> </div>
                <div class="px-md-5 p-3 col-md-6 d-flex flex-column justify-content-center">
                    <h1>A thousand plants</h1>
                    <p class="mb-3 lead">Has taken possession of my entire soul</p>
                    <p class="mb-2">Choose an option</p>
                    <div class="row">
                        <div class="col-md-12"> <a href="#">
                                <i class="fa fa-stop-circle fa-3x mr-3 text-muted d-inline"></i>
                            </a> <a href="#">
                                <i class="fa fa-circle-o fa-3x mx-3 text-muted d-inline"></i>
                            </a> <a href="#">
                                <i class="fa fa-stop-circle-o fa-3x mx-3 text-muted d-inline"></i>
                            </a> <a href="#">
                                <i class="fa fa-circle fa-3x ml-3 text-muted d-inline"></i>
                            </a> </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</li>

