<li class="pi-draggable active" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5 text-center">
        <div class="container">
            <div class="row text-muted">
                <div class="col-md-2 col-4 p-2"> <i class="d-block fa fa-angellist fa-3x"></i> </div>
                <div class="col-md-2 col-4 p-2"> <i class="d-block fa fa-amazon fa-3x"></i> </div>
                <div class="col-md-2 col-4 p-2"> <i class="d-block fa fa-paypal fa-3x"></i> </div>
                <div class="col-md-2 col-4 p-2"> <i class="d-block fa fa-empire fa-3x"></i> </div>
                <div class="col-md-2 col-4 p-2"> <i class="d-block fa fa-rebel fa-3x"></i> </div>
                <div class="col-md-2 col-4 p-2"> <i class="d-block fa fa-first-order fa-3x"></i> </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">
                    <h4 class="mb-3">You are in good company</h4>
                    <div class="row text-muted">
                        <div class="col-md-3 col-4 p-2 mb-2"> <i class="d-block fa fa-angellist fa-3x"></i> </div>
                        <div class="col-md-3 col-4 p-2 mb-2"> <i class="d-block fa fa-cc-visa fa-3x"></i> </div>
                        <div class="col-md-3 col-4 p-2 mb-2"> <i class="d-block fa fa-amazon fa-3x"></i> </div>
                        <div class="col-md-3 col-4 p-2 mb-2"> <i class="d-block fa fa-paypal fa-3x"></i> </div>
                        <div class="col-4 p-2 mb-2"> <i class="d-block fa fa-empire fa-3x"></i> </div>
                        <div class="col-4 p-2 mb-2"> <i class="d-block fa fa-rebel fa-3x"></i> </div>
                        <div class="col-4 p-2 mb-2"> <i class="d-block fa fa-first-order fa-3x"></i> </div>
                    </div>
                </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>O my friend</h1>
                    <p class="mb-4"> 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! O my friend -- but it is too much for
                        my strength -- I sink under the weight of the splendour of these visions!</p>
                    <div class="row text-muted">
                        <div class="col-md-2 col-4 p-2"> <i class="d-block fa fa-angellist fa-3x"></i> </div>
                        <div class="col-md-2 col-4 p-2"> <i class="d-block fa fa-cc-visa fa-3x"></i> </div>
                        <div class="col-md-2 col-4 p-2"> <i class="d-block fa fa-empire fa-3x"></i> </div>
                        <div class="col-md-2 col-4 p-2"> <i class="d-block fa fa-paypal fa-3x"></i> </div>
                        <div class="col-md-2 col-4 p-2"> <i class="d-block fa fa-rebel fa-3x"></i> </div>
                        <div class="col-md-2 col-4 p-2"> <i class="d-block fa fa-first-order fa-3x"></i> </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="pi-draggable py-5 text-white" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)), url(<?php echo SITE_PATH; ?>assets/images/cover-bubble-dark.svg);  background-position: center center, center center;  background-size: cover, cover;  background-repeat: repeat, repeat;">
        <div class="container">
            <div class="row">
                <div class="p-3 col-md-8 col-lg-6 ml-auto text-right text-white">
                    <p class="lead">"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>
                    <p><b>Johann Goethe</b><br><small>CEO and founder</small></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="p-3 col-md-8">
                    <div class="blockquote mb-0">
                        <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 class="blockquote-footer">
                            <b>J. W. Goethe</b>, CEO at Werther Inc.</div>
                    </div>
                </div>
                <div class="col-md-2 mx-auto p-3"> <img class="img-fluid d-block rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-2.svg"> </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5" style="background-image: url(<?php echo SITE_PATH; ?>assets/images/cover-bubble-dark.svg); background-position: right bottom;  background-size: cover; background-repeat: repeat; background-attachment: fixed;">
        <div class="container">
            <div class="row">
                <div class="ml-auto p-3 col-md-2 bg-white"> <img class="img-fluid d-block rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-1.svg"> </div>
                <div class="p-3 col-md-7 mr-auto bg-white text-dark">
                    <div class="blockquote mb-0">
                        <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."</p>
                        <div class="blockquote-footer"> <b>J. W. Goethe</b>, CEO at Werther Inc.</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-3">
        <div class="container">
            <div class="row">
                <div class="col-md-6 p-3">
                    <div class="card">
                        <div class="card-body p-4">
                            <p class="mb-3">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.</p>
                            <div class="row">
                                <div class="col-lg-2 col-3"> <img class="img-fluid d-block rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-2.svg"> </div>
                                <div class="col-lg-10 col-9 d-flex align-items-center">
                                    <p class="my-2">J. W. Goethe <i>CEO</i> </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ml-auto col-md-6 p-3">
                    <div class="card">
                        <div class="card-body p-4">
                            <p class="mb-3">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 class="row">
                                <div class="col-lg-2 col-3"> <img class="img-fluid d-block rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-3.svg"> </div>
                                <div class="col-lg-10 col-9 d-flex align-items-center">
                                    <p class="my-2">G. W. John&nbsp; <i>Co-founder</i> </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5 text-white" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)), url(<?php echo SITE_PATH; ?>assets/images/cover-bubble-dark.svg);  background-position: center center, center center;  background-size: cover, cover;  background-repeat: repeat, repeat;">
        <div class="container">
            <div class="row">
                <div class="ml-auto col-lg-5">
                    <div class="card my-2">
                        <div class="card-body p-4">
                            <div class="row">
                                <div class="col-md-4"> <img class="img-fluid d-block rounded-circle mb-3" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-3.svg"> </div>
                                <div class="d-flex flex-column col-md-8 text-dark">
                                    <p class="mb-3">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.</p>
                                    <p class="mb-0">J. W. Goethe <i>CEO</i> </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="mr-auto col-lg-5">
                    <div class="card my-2">
                        <div class="card-body p-4">
                            <div class="row">
                                <div class="col-md-4"> <img class="img-fluid d-block rounded-circle mb-3" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-1.svg"> </div>
                                <div class="d-flex flex-column col-md-8 text-dark">
                                    <p class="mb-3">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. </p>
                                    <p class="mb-0">J. W. Goethe jr. <i>CFO</i> </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </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="text-center mx-auto col-md-12">
                    <h1>Testimonials</h1>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6 p-4 text-center"> <i class="d-block fa fa-amazon mb-2 text-muted fa-3x"></i>
                    <p class="mb-3"> <i>"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."</i> </p>
                    <p class="mb-1"> <b>J. W. Goethe</b> </p>
                    <p class="mb-0">CEO and founder</p>
                </div>
                <div class="col-lg-4 col-md-6 p-4 text-center"> <i class="d-block fa fa-paypal mb-2 text-muted fa-3x"></i>
                    <p class="mb-3"> <i>"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!"</i> </p>
                    <p class="mb-1"> <b>G. W. John</b> </p>
                    <p class="mb-0">Co-founder</p>
                </div>
                <div class="col-lg-4 p-4 text-center"> <i class="d-block fa fa-maxcdn mb-2 text-muted fa-3x"></i>
                    <p class="mb-3"> <i>"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."</i> </p>
                    <p class="mb-1">
                        <b>J. G. Wolf</b> </p>
                    <p class="mb-0">Evangelist</p>
                </div>
            </div>
        </div>
    </div>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5" style="background-image: linear-gradient(to left bottom, rgba(189, 195, 199, .75), rgba(44, 62, 80, .75)); background-size: 100%;">
        <div class="container">
            <div class="row">
                <div class="text-center mx-auto col-md-12">
                    <h1 class="text-white mb-4">Testimonials</h1>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6 p-3">
                    <div class="card">
                        <div class="card-body p-4">
                            <div class="row">
                                <div class="col-md-4 col-3"> <img class="img-fluid d-block rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-2.svg"> </div>
                                <div class="d-flex  col-md-8 flex-column justify-content-center align-items-start col-9">
                                    <p class="mb-0 lead"> <b>J. W. Goethe</b> </p>
                                    <p class="mb-0">Co-founder</p>
                                </div>
                            </div>
                            <p class="mt-3 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.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 p-3">
                    <div class="card">
                        <div class="card-body p-4">
                            <div class="row">
                                <div class="col-md-4 col-3"> <img class="img-fluid d-block rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-1.svg"> </div>
                                <div class="d-flex  col-md-8 flex-column justify-content-center align-items-start col-9">
                                    <p class="mb-0 lead"> <b>G. W. John</b> </p>
                                    <p class="mb-0">CEO &amp; founder</p>
                                </div>
                            </div>
                            <p class="mt-3 mb-0">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 class="col-lg-4 p-3">
                    <div class="card">
                        <div class="card-body p-4">
                            <div class="row">
                                <div class="col-md-4 col-3"> <img class="img-fluid d-block rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-3.svg"> </div>
                                <div class="d-flex  col-md-8 flex-column justify-content-center align-items-start col-9">
                                    <p class="mb-0 lead"> <b>J. G. Wolf</b> </p>
                                    <p class="mb-0">CFO</p>
                                </div>
                            </div>
                            <p class="mt-3 mb-0">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>
        </div>
    </div>
</li>
