brand-assets/columbia/web/views/home.html

<header>
    <div class="container">
        <div class="row row-no-margin">
            <!-- the logo -->
            <div class="col-xs-5 col-sm-8">
                <h1>
                    <a href="">
                        <img src="/brand/img/logo1_r.png" class="img-responsive">
                    </a>
                </h1>
                <span ng-switch="largeMainSlogan" class="hidden-xs hidden-sm" style="display: inline-block">
                        <span ng-switch-when="false" id="slogan-main" translate="COMMON.SLOGAN"></span>
                <span ng-switch-when="true" id="slogan" class="large orange" translate="COMMON.SLOGAN"></span>
                </span>
            </div>

            <div class="col-xs-7 col-sm-4 text-right">
                <!-- top right social media icons -->
                <div class="social-media">
                    <div class="col-md-4 sbox text-right">
                        <social-media-links></social-media-links>
                    </div>
                    <div class="col-md-8 sbox text-right">
                        <a href="/login" class="login" ng-hide="userIsLoggedIn">
                            <i class="fa fa-user mesh-icon-black"></i> {{ :: 'COMMON.HOME.LOGIN' | translate }}
                        </a>
                        <a href="/register" class="register" ng-hide="userIsLoggedIn">
                            {{ :: 'LANDING.REGISTER_LINK' | translate }}
                        </a>
                        <a href="" class="logout" ng-click="logout()" ng-show="userIsLoggedIn">
                            <i class="fa fa-power-off mesh-icon-black"></i> {{ :: 'COMMON.HOME.LOGOUT' | translate }}
                        </a>
                        <a href="/dashboard" class="dashboard" ng-show="userIsLoggedIn">
                            <i class="fa fa-dashboard mesh-icon-black"></i> {{ :: 'COMMON.HOME.DASHBOARD' | translate }}
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>

<!-- main content -->
<div id="content" class="container">
    <section class="home">
        <div class="row">
            <landing-carousel carousel-landing-images="carouselLandingImages" main-landing-carousel="mainLandingCarousel" use-custom-template="true"></landing-carousel>
        </div>

        <!-- end of carousel -->
        <div class="row no-gutter" ng-show="mainLandingPoweredBy">
            <div class="col-sm-12 text-right">
                <div ng-show="mainLandingPoweredBy">
                    <a href="#"><img src="img/poweredby.png" alt=""></a>
                </div>
            </div>
        </div>
        <div class="col-xs-12 landingBox" ng-if="mainLandingCarousel.showInfoText">
            <div class="box col-xs-12 productTesters" ng-include="'/brand/views/main-carousel-info.html'"></div>
        </div>
        <div class="clearfix"></div>
    </section>
</div>

<!-- main footer -->
<page-footer>
</page-footer>