<p>%%first_gallery%%</p>

<p>Egestas vel porta, consectetuer aliquam sit hendrerit bibendum ridiculus. Dapibus. Habitasse.</p>

<p>%%second_gallery%%</p>

At Dreambox we know that brand identity is at the heart of every successful business, and that’s why building brands is at the heart of what we do.

Branding

Aspire World cup

Aspire

<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/xY8Ue1EjyhTEuXKOf4VHXv38ZiwpAYXIfVHJM8O0.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/7jyqXGr46uyGQz7cCnrI6TfuhBQrIqrfORg5BlY2.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/bjp5GjsSo7ZXmKDHtbILeVcpkfg1Gv7jan1g772Z.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></p>

<p>Egestas vel porta, consectetuer aliquam sit hendrerit bibendum ridiculus. Dapibus. Habitasse.</p>

<p><div class="row gx-3 pb-20">
            <div class="col-lg-5 col-md-5 col-sm-6 pb-20"
            animate="left">
            <div class="ratio  single-project-ratio-diff2 ">
                <img class="popup-main-image" src=https://admin.dreambox.qa/storage/projects/ruCe1vVCQx2Y1EpmhCr95AcyYqemyn5iDsfyGqXK.jpg alt="single-project" />
            </div>
        </div>
            <div class="col-lg-7 col-md-7 col-sm-6 pb-20"
            animate="left">
            <div class="ratio single-project-ratio-diff1 ">
                <img class="popup-main-image" src=https://admin.dreambox.qa/storage/projects/Zy5WCPcczbf0ZTzZqxLMHe3eewROVsKOkCAdiq95.jpg alt="single-project" />
            </div>
        </div>
            <div class="col-lg-5 col-md-5 col-sm-6 pb-20"
            animate="left">
            <div class="ratio  single-project-ratio-diff2 ">
                <img class="popup-main-image" src=https://admin.dreambox.qa/storage/projects/PlMNYcKSjItl3itkI8zpJVZbHX5OohnApRYOYIme.jpg alt="single-project" />
            </div>
        </div>
    
</div>

<div class="popup-wrapper">
    <img class="popup-image" src="" />
    
    <div class="close-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-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-wrapper img{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 80%;
        max-height: 60%;
    }
    
    .popup-wrapper .close-button{
    position: absolute;
    top: 15px;
    right: 15px;
    background: transparent;
    }
     .popup-wrapper .close-button:hover{
          cursor: pointer;
          
    }
    .popup-wrapper .close-button:hover svg path {
        stroke: #2E2E2E;
    }
    .popup-wrapper.active{
        opacity: 1;
        pointer-events: all;
    }
    
    htm.noscroll{
        overflow: hidden;
    }
    
</style>

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

The Love of your life

No more compromise between efficiency and the health of your baby. All remain dry without any risk!
And who better than the babies themselves to carry the word?

Softy

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.

Softy

The Love of your life

CLIENT

Softy

CATEGORY

Advertising

Next Project

Aspire

INSTAGRAM

Contact Us

Follow Us

Sunny & Co © Copyright All Rights Reserved