<section id="contact" class="section_contact bg-secondary">

    <div class="container">
        <div class="row shadowed-dark">
            <div class="col-xs-12 col-sm-12 col-md-6">
                <h3>Who we are</h3>
                <div *ngIf="!customIntroductionHTML">
                    <address class='font-weight-light'><span class='font-weight-bold'>ETSI SDG OpenSlice</span> | <a
                            href='https://osl.etsi.org/' class='text-white'>https://osl.etsi.org</a><br>The ETSI Software Development Group for OpenSlice (SDG OSL) is developing an open source service based Operations Support System (OSS) to deliver Network Slice as a Service (NSaaS).</address>
                    <address class='font-weight-light'><span class='font-weight-bold'>{{config.TITLE}}</span> | <a
                            href='{{config.WEBURL}}' class='text-white'>{{config.WEBURL}}</a><br>A portal that allows 5G
                        experimenters to design and deploy network services towards the infrastructure.</address>
                    <address class='font-weight-light'><span class='font-weight-bold'>{{config.TITLE}} wiki</span> | <a
                            href='{{config.WIKI}}'
                            class='text-white'>{{config.WIKI}}</a><br>A wiki containing OpenSlice software documentation.
                    </address>
                </div>
                <div [innerHTML]="customIntroductionHTML" *ngIf="customIntroductionHTML">
                </div>
            </div>
            
            <div class="col-xs-12 col-sm-12 col-md-6">
                <div class="row">
                    <div class="col-12">
                        <h3>Connect with us</h3>
                    </div>
                </div>
                <div class="row" *ngIf="!customContactHTML">
                    <div class='col-sm-12 col-md-6 col-lg-3'>
                        <div><a href='https://www.linkedin.com/company/openslice' class='font-weight-light text-white'><i
                                    class='fab fa-linkedin mr-2'></i>LinkedIn</a></div>
                    </div>
                    <div class='col-sm-12 col-md-6 col-lg-3'>
                        <div><a href='https://openslice.slack.com/' class='font-weight-light text-white'><i
                                    class='fab fa-slack mr-2'></i>Slack</a></div>
                    </div>
                    <div class='col-sm-12 col-md-6 col-lg-3'>
                        <div><a href='https://twitter.com/OpensliceOSS' class='font-weight-light text-white'><i
                                    class='fab fa-twitter mr-2'></i>Twitter</a></div>
                    </div>
                </div>

                <div class="row" [innerHTML]="customContactHTML" *ngIf="customContactHTML">
                </div>
            </div>
        </div>
    </div>
</section>