<li class="pi-draggable active" draggable="true" ondragstart="return dragStart(event)">
    <div class="py-5 text-center 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="mx-auto col-md-12">
                    <h1 class="mb-3">Our team</h1>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-1.svg" alt="Card image cap" width="200">
                    <h4> <b>J. W. Goethe</b> </h4>
                    <p class="mb-0">CEO and founder</p>
                </div>
                <div class="col-lg-4 col-md-6 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-2.svg" alt="Card image cap" width="200">
                    <h4> <b>G. W. John</b> </h4>
                    <p class="mb-0">Co-founder</p>
                </div>
                <div class="col-lg-4 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-3.svg" width="200">
                    <h4> <b>J. G. Wolf</b> </h4>
                    <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 text-center">
        <div class="container">
            <div class="row">
                <div class="mx-auto col-md-12">
                    <h1 class="mb-3">Meet&nbsp;the team</h1>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3 col-6 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-1.svg" width="100" alt="Card image cap">
                    <h4> <b>Johann</b> </h4>
                    <p>CEO and founder</p>
                    <p class="mb-0"> <i>"I throw myself down among the tall grass by the trickling"</i> </p>
                </div>
                <div class="col-lg-3 col-6 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-2.svg" width="100" alt="Card image cap">
                    <h4> <b>Gregory</b> </h4>
                    <p>Co-founder</p>
                    <p class="mb-0"> <i>"As I lie close to the earth, a thousand unknown plants"</i> </p>
                </div>
                <div class="col-lg-3 col-6 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-3.svg" width="100">
                    <h4> <b>James</b> </h4>
                    <p>CFO</p>
                    <p class="mb-0"> <i>"Then, my friend, when darkness overspreads my eyes"</i> </p>
                </div>
                <div class="col-lg-3 col-6 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-4.svg" width="100">
                    <h4> <b>Amadeus</b> </h4>
                    <p>CTO</p>
                    <p class="mb-0"> <i>"Heaven and earth seem to dwell in my soul"</i> </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-12">
                    <h1 class="mb-3">Our team</h1>
                </div>
            </div>
            <div class="row">
                <div class="col-6 col-lg-3 p-4"> <img class="img-fluid d-block mb-3 mx-auto" src="<?php echo SITE_PATH; ?>assets/images/cover-moon.svg" width="200" alt="Card image cap">
                    <h4> <b>J. W. Goethe</b> </h4>
                    <p class="mb-3">CEO and founder</p>
                    <p class="mb-0">I throw myself down among the tall grass by the trickling stream; and, as I lie close to the earth, a thousand.</p>
                </div>
                <div class="col-6 col-lg-3 p-4"> <img class="img-fluid d-block mb-3 mx-auto" src="<?php echo SITE_PATH; ?>assets/images/cover-bubble-light.svg" width="200" alt="Card image cap">
                    <h4> <b>G. W. John</b> </h4>
                    <p class="mb-3">Co-founder</p>
                    <p class="mb-0">Then, my friend, when darkness overspreads my eyes, and heaven and earth seem to dwell in my soul.</p>
                </div>
                <div class="col-6 col-lg-3 p-4"> <img class="img-fluid d-block mb-3 mx-auto" src="<?php echo SITE_PATH; ?>assets/images/cover-bubble-dark.svg" width="200">
                    <h4> <b>J. G. Wolf</b> </h4>
                    <p class="mb-3">Evangelist</p>
                    <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.</p>
                </div>
                <div class="col-6 col-lg-3 p-4"> <img class="img-fluid d-block mb-3 mx-auto" src="<?php echo SITE_PATH; ?>assets/images/cover-moon.svg" width="200">
                    <h4> <b>A. Gang</b> </h4>
                    <p class="mb-3">CFO</p>
                    <p class="mb-0">Artist than now. When, while the lovely valley teems with vapour around me, and the meridian sun strikes.</p>
                </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="mx-auto col-md-8 text-center">
                    <h1>We are not alone</h1>
                    <p class="mb-4">O my friend -- but it is too much for my strength -- I sink under the weight of the splendour of these visions!</p>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3 col-6 p-3">
                    <div class="card"> <img class="card-img-top" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-1.svg" alt="Card image cap">
                        <div class="card-body">
                            <h5 class="card-title"> <b>Johann Goethe</b> </h5>
                            <p class="card-text">CEO &amp; Founder</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-6 p-3">
                    <div class="card"> <img class="card-img-top" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-2.svg" alt="Card image cap">
                        <div class="card-body">
                            <h5 class="card-title"> <b>George Wolf</b> </h5>
                            <p class="card-text">CFO</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-6 p-3">
                    <div class="card"> <img class="card-img-top" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-4.svg" alt="Card image cap">
                        <div class="card-body">
                            <h5 class="card-title"> <b>Jason Weismann</b> </h5>
                            <p class="card-text">CTO</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-6 p-3">
                    <div class="card"> <img class="card-img-top" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-3.svg" alt="Card image cap">
                        <div class="card-body">
                            <h5 class="card-title"> <b>Tyson von Ginzburg</b> </h5>
                            <p class="card-text">Sales VP</p>
                        </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-12">
                    <h1 class="mb-3">A wonderful group of colleagues</h1>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3 col-6 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-1.svg" width="150" alt="Card image cap">
                    <h4> <b>J. W. Goethe</b> </h4>
                    <p class="mb-0">CEO and founder</p>
                </div>
                <div class="col-lg-3 col-6 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-2.svg" width="150" alt="Card image cap">
                    <h4> <b>G. W. John</b> </h4>
                    <p class="mb-0">Co-founder</p>
                </div>
                <div class="col-lg-3 col-6 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-3.svg" width="150">
                    <h4> <b>J. G. Wolf</b> </h4>
                    <p class="mb-0">CFO</p>
                </div>
                <div class="col-lg-3 col-6 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-4.svg" width="150">
                    <h4> <b>A. Gang</b> </h4>
                    <p class="mb-0">CTO</p>
                </div>
            </div>
            <div class="row d-flex justify-content-center">
                <div class="col-lg-3 col-6 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-4.svg" width="150" alt="Card image cap">
                    <h4> <b>G. W. John</b> </h4>
                    <p class="mb-0">Co-founder</p>
                </div>
                <div class="col-lg-3 col-6 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-1.svg" width="150">
                    <h4> <b>J. G. Wolf</b> </h4>
                    <p class="mb-0">CFO</p>
                </div>
                <div class="col-lg-3 col-6 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-4.svg" width="150">
                    <h4> <b>A. Gang</b> </h4>
                    <p class="mb-0">CTO</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="col-lg-4 px-4 px-md-0">
                    <div class="row mb-4">
                        <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-1.svg" width="100" alt="Card image cap"> </div>
                        <div class="col-9">
                            <h4> <b>Johann</b> </h4>
                            <p class="mb-0">CEO and founder</p>
                        </div>
                    </div>
                    <div class="row mb-4">
                        <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-2.svg" width="100" alt="Card image cap"> </div>
                        <div class="col-9">
                            <h4> <b>Gregory</b> </h4>
                            <p class="mb-0">CTO</p>
                        </div>
                    </div>
                    <div class="row mb-4">
                        <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-3.svg" width="100" alt="Card image cap"> </div>
                        <div class="col-9">
                            <h4> <b>Amadeus</b> </h4>
                            <p class="mb-0">Web dev</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 px-4 px-md-0">
                    <div class="row mb-4">
                        <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-2.svg" width="100" alt="Card image cap"> </div>
                        <div class="col-9">
                            <h4> <b>Sara</b> </h4>
                            <p class="mb-0">Co-founder</p>
                        </div>
                    </div>
                    <div class="row mb-4">
                        <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-3.svg" width="100" alt="Card image cap"> </div>
                        <div class="col-9">
                            <h4> <b>Anita</b> </h4>
                            <p class="mb-0">CFO</p>
                        </div>
                    </div>
                    <div class="row mb-4">
                        <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-1.svg" width="100" alt="Card image cap"> </div>
                        <div class="col-9">
                            <h4> <b>Monique</b> </h4>
                            <p class="mb-0">Back-end dev</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 px-4 px-md-0">
                    <div class="row mb-4">
                        <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-3.svg" width="100" alt="Card image cap"> </div>
                        <div class="col-9">
                            <h4> <b>Wolf</b> </h4>
                            <p class="mb-0">Co-founder</p>
                        </div>
                    </div>
                    <div class="row mb-4">
                        <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-1.svg" width="100" alt="Card image cap"> </div>
                        <div class="col-9">
                            <h4> <b>Carlito</b> </h4>
                            <p class="mb-0">Evangelist</p>
                        </div>
                    </div>
                    <div class="row mb-4">
                        <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-2.svg" width="100" alt="Card image cap"> </div>
                        <div class="col-9">
                            <h4> <b>Amanda</b> </h4>
                            <p class="mb-0">Designer</p>
                        </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="mx-auto col-md-12 text-center">
                    <h1 class="mb-4">Here we are</h1>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6">
                    <div class="row mb-4">
                        <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-1.svg" width="100" alt="Card image cap"> </div>
                        <div class="col-9">
                            <h4> <b>Johann</b> - CEO and founder </h4>
                            <p class="mb-0">I throw myself down among the tall grass by the trickling stream; and, as I lie close to the earth, a thousand.</p>
                        </div>
                    </div>
                    <div class="row mb-4">
                        <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-2.svg" width="100" alt="Card image cap"> </div>
                        <div class="col-9">
                            <h4> <b>Gregory</b> - CTO </h4>
                            <p class="mb-0">Then, my friend, when darkness overspreads my eyes, and heaven and earth seem to dwell in my soul.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="row mb-4">
                        <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-2.svg" width="100" alt="Card image cap"> </div>
                        <div class="col-9">
                            <h4> <b>Sara</b> - Co-founder </h4>
                            <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.</p>
                        </div>
                    </div>
                    <div class="row mb-4">
                        <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="<?php echo SITE_PATH; ?>assets/images/img-placeholder-3.svg" width="100" alt="Card image cap"> </div>
                        <div class="col-9">
                            <h4> <b>Anita</b> - CFO </h4>
                            <p class="mb-0">Artist than now. When, while the lovely valley teems with vapour around me, and the meridian sun strikes.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</li>
