<div class="trophy-container">
    <div class="clock"></div>
    <div class="carousel slide" id="trophy-case">
        <!-- Carousel items -->
        <div class="carousel-inner">
                    <div class="item">
                    <ul class="shelf">
                    <li class="row-1 column-1"><a data-displayname="Bullhorn" data-deed="dsfdfssdfdsf" data-trophy="bullhorn" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/bullhorn.png"></a></li>
                    <li class="row-1 column-2"><a data-displayname="Gramaphone" data-deed="fghgfhfghhgf" data-trophy="gramaphone" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/gramaphone.png"></a></li>
                    <li class="row-1 column-3"><a data-displayname="Keyboard" data-deed="dfgfggggggg" data-trophy="keyboard" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/keyboard.png"></a></li>
                    <li class="row-2 column-1"><a data-displayname="Sparta" data-deed="dddgggsssdf" data-trophy="sparta" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/sparta.png"></a></li>
                    <li class="row-2 column-2"><a data-displayname="Toaster" data-deed="hgjhgjjjjj" data-trophy="toaster" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/toaster.png"></a></li>
                    <li class="row-2 column-3"><a data-displayname="Napoleon" data-deed="jhhggggg" data-trophy="napoleon" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/napoleon.png"></a></li>
                    <li class="row-3 column-1"><a data-displayname="Dog With Ball" data-deed="srthghjghjghj" data-trophy="dogball" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/dogball.png"></a></li>
                    <li class="row-3 column-2"><a data-displayname="Genie Lamp" data-deed="dfkhvkdvk.jbbg" data-trophy="genielamp" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/genielamp.png"></a></li>
                    <li class="row-3 column-3"><a data-displayname="Pinata" data-deed="hgfhfghfgh" data-trophy="pinata" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/pinata.png"></a></li>
                    </ul>
                    </div>
                    <div class="item">
                    <ul class="shelf">
                    <li class="row-1 column-1"><a data-displayname="Brain" data-deed="kj,kj,jk,k,,,,,kkkk" data-trophy="brain" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/brain.png"></a></li>
                    <li class="row-1 column-2"><a data-displayname="Jetpack" data-deed="edfhfhfh" data-trophy="jetpack" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/jetpack.png"></a></li>
                    <li class="row-1 column-3"><a data-displayname="Skull" data-deed="fdgdfg" data-trophy="skull" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/skull.png"></a></li>
                    <li class="row-2 column-1"><a data-displayname="Basketball" data-deed="dfgdfgdfgfdg" data-trophy="basketball" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/basketball.png"></a></li>
                    <li class="row-2 column-2"><a data-displayname="Space Robot" data-deed="ghghjhg" data-trophy="spacerobot" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/spacerobot.png"></a></li>
                    <li class="row-2 column-3"><a data-displayname="Cowboy Clock" data-deed="fhgjfghj" data-trophy="cowboyclock" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/cowboyclock.png"></a></li>
                    <li class="row-3 column-1"><a data-displayname="Cougar head" data-deed="xcxzc" data-trophy="cougarhead" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/cougarhead.png"></a></li>
                    <li class="row-3 column-2"><a data-displayname="Bowling" data-deed="asdcasdasd" data-trophy="bowling" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/bowling.png"></a></li>
                    <li class="row-3 column-3"><a data-displayname="Jukebox" data-deed="asdasdad" data-trophy="jukebox" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/jukebox.png"></a></li>
                    </ul>
                    </div>
                    <div class="item">
                    <ul class="shelf">
                    <li class="row-1 column-1"><a data-displayname="Accordion" data-deed="dscdscvd" data-trophy="accordion" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/accordion.png"></a></li>
                    <li class="row-1 column-2"><a data-displayname="TV" data-deed="sdfdsf" data-trophy="tv" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/tv.png"></a></li>
                    <li class="row-1 column-3"><a data-displayname="Crown" data-deed="fgfgggfg" data-trophy="crown" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/crown.png"></a></li>
                    <li class="row-2 column-1"><a data-displayname="Tricycle" data-deed="dsvdsv" data-trophy="trike" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/trike.png"></a></li>
                    <li class="row-2 column-2"><a data-displayname="Soap" data-deed="sdfdssd" data-trophy="soap" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/soap.png"></a></li>
                    <li class="row-2 column-3"><a data-displayname="Patriotic Phone" data-deed="vbdfgbdfgb" data-trophy="phoneusa" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/phoneusa.png"></a></li>
                    <li class="row-3 column-1"><a data-displayname="Gnome" data-deed="sdfdsfdsfdf" data-trophy="gnome" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/gnome.png"></a></li>
                    <li class="row-3 column-2"><a data-displayname="Hand Rock" data-deed="fdvdfgdfg" data-trophy="handrock" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/handrock.png"></a></li>
                    <li class="row-3 column-3"><a data-displayname="Hula" data-deed="fdvdfgdfg" data-trophy="hula" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/hula.png"></a></li>
                    </ul>
                    </div>
                    <div class="item active">
                    <ul class="shelf">
                    <li class="row-1 column-1"><a data-displayname="Dog Kiss" data-deed="fdvdfgdfg" data-trophy="dogkiss" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/dogkiss.png"></a></li>
                    <li class="row-1 column-2"><a data-displayname="Wagon" data-deed="sdfdsfdsf" data-trophy="wagon" href="#trophy-modal" class="trophy-button"><img src="/assets/img/trophies/small/wagon.png"></a></li>

                </ul>
                </div>
        </div>
        <!-- Carousel nav -->
        <div class="controls">
            <a data-slide="prev" href="#trophy-case" class="carousel-control left"></a>
            <a data-slide="next" href="#trophy-case" class="carousel-control right"></a>
        </div>
    </div>
    <div id="video-link-buttons">
        <a class="share-button prize" href="#" id="video-share">share</a>
        <a href="/Machine/TrophyRoom?signed_request=k4KA41VN56Xqgme-WSKW19QJ-P_ABTO5-1VNbeSpRUc.eyJhbGdvcml0aG0iOiJITUFDLVNIQTI1NiIsImV4cGlyZXMiOjEzNDIwNTEyMDAsImlzc3VlZF9hdCI6MTM0MjA0NjE1Miwib2F1dGhfdG9rZW4iOiJBQUFDM0lLZEhtT29CQU1KdEV4TGw2RmduakRGdDB2VWhLY0RwSUt1Y1cxeFpBYmd6QXczeXVuWkFtZ3dWQ2ZmUXQ5aXdYYUFwZXV5T1ZEMVpBN2E5RGxEcDV0ZVlFUHVEejRzcEgyTW9NeHEwQlBDQ2g2NSIsInBhZ2UiOnsiaWQiOiIxNTMyMzI4NjgwNzM2ODQiLCJsaWtlZCI6dHJ1ZSwiYWRtaW4iOnRydWV9LCJ1c2VyIjp7ImNvdW50cnkiOiJ1cyIsImxvY2FsZSI6ImVuX1VTIiwiYWdlIjp7Im1pbiI6MjF9fSwidXNlcl9pZCI6IjEwMDAwMDA0NTIwNDcyNiJ9" id="video-trophy-link">Trophy Room</a>
        <a href="/?signed_request=k4KA41VN56Xqgme-WSKW19QJ-P_ABTO5-1VNbeSpRUc.eyJhbGdvcml0aG0iOiJITUFDLVNIQTI1NiIsImV4cGlyZXMiOjEzNDIwNTEyMDAsImlzc3VlZF9hdCI6MTM0MjA0NjE1Miwib2F1dGhfdG9rZW4iOiJBQUFDM0lLZEhtT29CQU1KdEV4TGw2RmduakRGdDB2VWhLY0RwSUt1Y1cxeFpBYmd6QXczeXVuWkFtZ3dWQ2ZmUXQ5aXdYYUFwZXV5T1ZEMVpBN2E5RGxEcDV0ZVlFUHVEejRzcEgyTW9NeHEwQlBDQ2g2NSIsInBhZ2UiOnsiaWQiOiIxNTMyMzI4NjgwNzM2ODQiLCJsaWtlZCI6dHJ1ZSwiYWRtaW4iOnRydWV9LCJ1c2VyIjp7ImNvdW50cnkiOiJ1cyIsImxvY2FsZSI6ImVuX1VTIiwiYWdlIjp7Im1pbiI6MjF9fSwidXNlcl9pZCI6IjEwMDAwMDA0NTIwNDcyNiJ9&amp;skipLikeGate=True" id="video-tryagain">Try Again</a>
    </div>
    <div data-backdrop="static" id="trophy-modal" class="modal fade">
        <img width="331" class="trophy-image" alt="" src="" id="trophy-image">
        <div class="trophy-information">
            <a data-dismiss="modal" href="#" id="trophy-close"><img alt="Back to trophy room" src="/assets/img/trophy-close.png"></a>
            <span>here's your</span>
            <h1 id="trophy-title"> TROPHY</h1>
            <p>Remember when you did this awesome thing? Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
            <div class="social">
                <ul>
                    <li><a class="share" href="#">share</a></li>
                    <li><a class="facebook" href="#">facebook</a></li>
                    <li><a class="twitter" href="#">twitter</a></li>
                    <li><a class="pinterest" href="#">pinterest</a></li>
                </ul>
            </div>
            <a class="back" data-dismiss="modal" href="#"><img alt="Back to trophy room" src="/assets/img/back-to-trophy.png"></a>
        </div>
    </div>
</div>