<p>%%first_gallery%%</p>

<p>%%second_gallery%%</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

QDI -Qatar Digital Id Verification

As part of the continuous development and modernization of the Ministry of Interior's e-Services and contribution to digital transformation and the automation of systems between all ministries and agencies in the State of Qatar, the Ministry of Interior has launched "Qatar Digital Id card (QDI)" app

Qatra Digital ID

<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/l48UaxvNS7S5M8FVaN8kgYsUdC5wPKzzI21NuxbJ.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/oKWYcEu0I6qdFp9PKPrxVEQBGs3tyeFHUNphR1Kv.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/shww7ZVDDlpeqrvtThqYB8pULVBciER22Hkbo9Af.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/wmsx5exzi4EoBJ3i9rY8IGdTkKx0nohghanbr7Hk.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/hhqHvNYhGJjpDoc0eFNCdaIbTarcaJ3enN5QT7UM.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.&amp;nbsp;</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/V7WW0DA8KcQ33mscKgYC1lFnu2k6BEzSH7tYgI0r.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/RS16iZ4crLFOkhXUP6xXjeVhSJOLfBzPdkalbgFc.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/F18JoyWD9Nnk83IAJSxg670QEUhrSFlQ52cKolAE.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/ZRAdjdsKTkMcWqwK04BJ0eLhglGlXbYcAxIjfbLI.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>

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

A Luxury Bold Identity

Every aspect of the project positioned Maison 21 above and apart from its competitors. A thoughtful choice of materials, surfaces and high quality finishes reflected the overall attention to detail within Maison 21 venue.
To continue the luxury theme, branding collateral was produced and finished with embossing and gold foil to leave recipients with a memorable impression of the forthcoming scheme.

Maison 21

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.

Maison 21

A Luxury Bold Identity

CLIENT

Maison 21

CATEGORY

Branding

Next Project

Qatra Digital ID

INSTAGRAM

Contact Us

Follow Us

Sunny & Co © Copyright All Rights Reserved