<div class="floating-container container navbar-margintop">
    <div class="row">
        <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-12 col-xs-12">
            <div class="about-header margin-2-t">{{'ABOUT_HEADER' |translate}}</div>
            <div class="business-card margin-2-t">
                <div class="company-name">
                    <img src="/assets/images/logo_about.png"/>
                </div>
                <div class = "about-director padding-1 padding-1-l">
                    {{'ABOUT_DIRECTOR' | translate}}&nbsp;Lucas von Cranach, Jonathan Lavigne
                </div>
                <div class="padding-1-l">
                    <span class="about-text glyphicon glyphicon-map-marker icon padding-1"> </span>
                    <a href="http://maps.apple.com/?q=Greifswalder+Straße+212,+10405+Berlin" target="_blank" class="about-link about-text">Greifswalder Straße 212, D-10405 Berlin</a>
                </div>

                <div class="padding-1-l">
                    <span class="glyphicon glyphicon-envelope icon padding-half about-text"> </span>
                    <a href="mailto:info@onefootball.com" class="about-link about-text">info@onefootball.com</a>
                </div>

                <div class="padding-1-l">
                    <span class="glyphicon glyphicon-globe icon padding-half about-text"> </span>
                    <a href="http://www.onefootball.com"  target="_blank" class="about-link about-text">www.onefootball.com </a>
                </div>

                <div class="padding-1-l">
                    <span class="glyphicon glyphicon-earphone icon padding-half about-text"> </span>
                    <a href="tel:+493030874390" class="about-link about-text"> +49 30 308 74 39 - 0 </a>
                </div>

                <div class="padding-1-l">
                    <span class="glyphicon glyphicon-print icon padding-half about-text"> </span>
                    <span class="about-text">+49 30 308 74 39 - 66</span>
                    <div class="about-vat padding-half"><span class="bold about-text"> {{'ABOUT_TAX_NUMBER' | translate}}</span> <span class="padding-half-l about-text">DE 288547976</span></div>
                </div>
            </div>
            <div class="padding-1 about-text">
                {{'ABOUT_COURT' | translate}}
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-12 col-xs-12 margin-3-t">
            <of-social-icons></of-social-icons>
        </div>
    </div>
    <hr class="margin-2-t margin-2-b">
    <div class="row">
        <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-12 col-xs-12">
            <div class="about-text center">
                <div class="row">
                    <div class="col-lg-4 padding-1">
                        <a href="{{'ABOUT_CONTACT_LINK' | translate}}" class="about-link">{{'ABOUT_CONTACT' | translate}}</a>
                    </div>
                    <div class="col-lg-4 padding-1">
                        <a href="{{'ABOUT_PRIVATE_POLICY_LINK' | translate}}" target="_blank" class="about-link">{{'ABOUT_PRIVATE_POLICY' | translate}}</a>
                    </div>
                    <div class="col-lg-4 padding-1">
                        <a href="{{'ABOUT_TERMS_LINK'| translate}}" target="_blank" class="about-link">{{'ABOUT_TERMS'| translate}}</a>
                    </div>
                </div>
            </div>
            <img src="/assets/images/made_in_berlin_150.png" class="center-block padding-2"/>
            <div class="bold padding-1 center padding-2-b">{{ 'ABOUT_BUILD' | translate }} {{ CONFIG.build_number }}</div>
        </div>
    </div>
</div>
