<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

Online portal & App

Developing  full campaign for launching the online services for Kahramaa Portal and mobile app.
communicating that all their services is a click away.

Kahramaa

<p><div class="row justify-content-center">
    </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>

<p>Egestas vel porta, consectetuer aliquam sit hendrerit bibendum ridiculus.&nbsp;<br />
<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/5gxkV4Iv1SSOGO29aqb9Alck8cDuVO1tW7YtzFss.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/cJwUKskLd4FuYIKVdaFAaA9H4iRSQB6Qjbe5G2Fd.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/FXr4fmVOldaOIBz2UiAwfY1GjI4t8MSjVtlO1Qid.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/3zgr2cQ4b4cSkMhBvPsSeemzo9PHVNr60NURJUNJ.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/BdFOgxCNKVX2USGWpiIHqnEDWoa9JF1PHy71ZTmh.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/QkIGiKQz9MrrUMeWPfJwlSpsMWffFYBNndERKt00.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>&nbsp;&nbsp;</p>

Aspirational luxury design for real estate developer

A luxury theme, a heavyweight layflat stationary was produced and finished with embossing and metallic foil to leave recipients with a memorable impression of the forthcoming scheme.

Baraka

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.

Baraka

Aspirational luxury design for real estate developer

CLIENT

Baraka

CATEGORY

Branding

Next Project

Kahramaa

INSTAGRAM

Contact Us

Follow Us

Dreambox © Copyright All Rights Reserved