Glide

<div data-name="Perspective View" class="glider-contain multiple">
    <div class="glider glider-persp" id="glider-persp">
        <div>
            <div class="gradient-border-bottom">
                <div class="gradient-border"><img src="images/cori"></div>
            </div>
        </div>
        <div>
            <div class="gradient-border-bottom">
                <div class="gradient-border">
                    <h1>2</h1></div>
            </div>
        </div>
        <div>
            <div class="gradient-border-bottom">
                <div class="gradient-border">
                    <h1>3</h1></div>
            </div>
        </div>
        <div>
            <div class="gradient-border-bottom">
                <div class="gradient-border">
                    <h1>4</h1></div>
            </div>
        </div>
        <div>
            <div class="gradient-border-bottom">
                <div class="gradient-border">
                    <h1>5</h1></div>
            </div>
        </div>
        <div>
            <div class="gradient-border-bottom">
                <div class="gradient-border">
                    <h1>6</h1></div>
            </div>
        </div>
        <div>
            <div class="gradient-border-bottom">
                <div class="gradient-border">
                    <h1>7</h1></div>
            </div>
        </div>
        <div>
            <div class="gradient-border-bottom">
                <div class="gradient-border">
                    <h1>8</h1></div>
            </div>
        </div>
        <div>
            <div class="gradient-border-bottom">
                <div class="gradient-border">
                    <h1>9</h1></div>
            </div>
        </div>
        <div>
            <div class="gradient-border-bottom">
                <div class="gradient-border">
                    <h1>10</h1></div>
            </div>
        </div>
        <div>
            <div class="gradient-border-bottom">
                <div class="gradient-border">
                    <h1>11</h1></div>
            </div>
        </div>
        <div>
            <div class="gradient-border-bottom">
                <div class="gradient-border">
                    <h1>12</h1></div>
            </div>
        </div>
        <div>
            <div class="gradient-border-bottom">
                <div class="gradient-border">
                    <h1>13</h1></div>
            </div>
        </div>
        <div>
            <div class="gradient-border-bottom">
                <div class="gradient-border">
                    <h1>14</h1></div>
            </div>
        </div>
        <div>
            <div class="gradient-border-bottom">
                <div class="gradient-border">
                    <h1>15</h1></div>
            </div>
        </div>
    </div>
    <button role="button" aria-label="Previous" class="glider-prev" id="glider-prev-per"><i class="fa fa-chevron-left"></i></i>
    </button>
    <button role="button" aria-label="Next" class="glider-next" id="glider-next-per"><i class="fa fa-chevron-right"></i></i>
    </button>
    <div id="dots-per"></div>
</div>