cobuild-angular-stack/app/views/banner-your-photos.html

Base stack angular sass jade gulp

<div class="row">
    <header class="bg-cover" ng-style="{backgroundImage: newCover ? 'url('+newCover+')':account.weddingData.coverPhoto ?'url('+account.weddingData.coverPhoto+')': null}">
        <div class="edit-cover flex-center" ng-click="editBanner()">
            <img src="img/camerawhite.png">
            <span>Actualiza tu foto de perfil</span>
        </div>
        <div class="main-header">

        </div>

        <div class="avatar">
            <div class="edit-photo flex-center" ng-click="editPhoto()">
                <img src="img/camerawhite.png">
                <span>Actualiza tu foto de perfil</span>
            </div>

            <img class="no-pic" ng-show="!account.weddingData.profilePhoto" src="img/couple.png" alt="">
            <img class="profile-pic" ng-show="account.weddingData.profilePhoto" ng-src="{{account.weddingData.profilePhoto}}">
        </div>

    </header>
</div>