At Dreambox we know how to bring brands to life, and activations can be a big part of this.

Activation

SGI 3D Modeling

Develop Your Product Ideas With 3D Models, Renderings, Drawings, And More. Making Your Idea A Reality Has Never Been This Easy.

Fantasy Nike

<p><div class="row justify-content-center">
            <div class="col-lg-6 col-md-6 col-sm-6 pb-3" animate="left">
            <div class="ratio single-project-ratio">
                <img class="popup-main-first-image" src=https://admin.dreambox.qa/storage/projects/kSgIjJy9fdjLa9Reu1KmV6ZSUejpHX05QEIH4Hyy.jpg alt="single-project" />
            </div>
        </div>
            <div class="col-lg-6 col-md-6 col-sm-6 pb-3" animate="left">
            <div class="ratio single-project-ratio">
                <img class="popup-main-first-image" src=https://admin.dreambox.qa/storage/projects/GGQT12jaFZZGC20JmSNYFsIIFXnByGTAj4euJvoH.jpg alt="single-project" />
            </div>
        </div>
            <div class="col-lg-6 col-md-6 col-sm-6 pb-3" animate="left">
            <div class="ratio single-project-ratio">
                <img class="popup-main-first-image" src=https://admin.dreambox.qa/storage/projects/B4ZBUWBELHshC6BWcGVxvWhL4voVbv7pCMVsEtZB.jpg alt="single-project" />
            </div>
        </div>
            <div class="col-lg-6 col-md-6 col-sm-6 pb-3" animate="left">
            <div class="ratio single-project-ratio">
                <img class="popup-main-first-image" src=https://admin.dreambox.qa/storage/projects/nWYJTUV5vKL1lzRjGi3j77dgtSJpjVBDdXYLOPLX.jpg alt="single-project" />
            </div>
        </div>
            <div class="col-lg-6 col-md-6 col-sm-6 pb-3" animate="left">
            <div class="ratio single-project-ratio">
                <img class="popup-main-first-image" src=https://admin.dreambox.qa/storage/projects/kShj2yQl7rhtXAZd901E94TR9QiWq5khBoOd97MG.jpg alt="single-project" />
            </div>
        </div>
    </div>


<div class="popup-first-wrapper">
    <img class="popup-first-image" src="" />
    
    <div class="close-first-button">
        <svg xmlns="http://www.w3.org/2000/svg" width="30.25" height="30.25" viewBox="0 0 30.25 30.25"><g id="Icon_ionic-md-close-circle" data-name="Icon ionic-md-close-circle" transform="translate(0.5 0.5)"><path class="fill-close mobile" id="Icon_ionic-md-close-circle-2" data-name="Icon ionic-md-close-circle" d="M18,3.375A14.625,14.625,0,1,0,32.625,18,14.574,14.574,0,0,0,18,3.375Zm7.313,19.89-2.048,2.047L18,20.047l-5.265,5.265-2.048-2.047L15.953,18l-5.265-5.265,2.048-2.047L18,15.953l5.265-5.265,2.048,2.047L20.047,18Z" transform="translate(-3.375 -3.375)" fill="none" stroke="#f8eee2" stroke-width="1"></path></g></svg>
    </div>
</div>

<style>
    .popup-first-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(13, 62, 103, 0.5);
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
     transition: .3s ease-in-out;
    }
    
    .popup-first-wrapper img{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 80%;
        max-height: 60%;
    }
    
    .popup-first-wrapper .close-first-button{
    position: absolute;
    top: 15px;
    right: 15px;
    background: transparent;
    }
     .popup-first-wrapper .close-first-button:hover{
          cursor: pointer;
          
    }
    .popup-first-wrapper .close-first-button:hover svg path {
        stroke: #2E2E2E;
    }
    
    .popup-first-wrapper.active{
        opacity: 1;
        pointer-events: all;
    }
    
     html.noscroll{
        overflow: hidden;
    }
    
</style>

<script>

    var image = document.getElementsByClassName('popup-first-image');
    var anchors = document.getElementsByClassName('popup-main-first-image');
    var closeButton = document.querySelector('.close-first-button');
    for(var i = 0; i < anchors.length; i++) {
       
        var anchor = anchors[i];
        anchor.onclick = function(e) {
            document.querySelector('.popup-first-image').src = e.target.src;
            document.querySelector('.popup-first-wrapper').classList.add("active");
            document.querySelector('html').classList.add("noscroll");
            
        }
        
      
    }
      closeButton.onclick = function(){
            document.querySelector('.popup-first-wrapper').classList.remove("active");
            document.querySelector('html').classList.remove("noscroll");
        }
      
</script>&nbsp;</p>

Dreambox is an agency for the world we live in now, and that’s why we leverage every current and relevant channel to deliver brand communications.

Advertising

POP ART

Design inspired by the eighties and nineties iconic items.

Fnac

At Dreambox, creativity is more than just a way of thinking, it’s a way of being. It’s what gets us up in the morning and what fuels our day (besides coffee), what keeps us up at night and what our dreams are made of. It takes us beyond bluesky- thinking and outside-the-box ideas, it elevates every meeting, every brief, every pitch, every project. Creativity is in our DNA. Creativity is in all we do.

Fnac

POP ART

CLIENT

Fnac

CATEGORY

Advertising

Next Project

Fantasy Nike

INSTAGRAM

Contact Us

Follow Us

Dreambox © Copyright All Rights Reserved