Wie kann ich die WoltLab Homepage emulieren?

<div class="boxContainer">
                <div class="box woltlabMoreFeaturesBox" data-box-identifier="com.woltlab.wcf.genericBox10014">
        
        
    <div class="boxContent">
        <div class="layoutBoundary">
    <header class="contentHeader">
        <div class="contentHeaderTitle">
            <h1 class="contentTitle">Apps</h1>
            <p class="contentHeaderDescription">Professionelle Apps für WoltLab Suite.</p>
        </div>
    </header>
    
    <div class="boxContent">
        <div class="row">
            <div class="col-xs-12 col-md-4">
                <section class="box">
                    <h2 class="boxTitle">
                        <span class="icon icon64 fa-gears"></span>
                        <span>CMS</span>
                    </h2>
                    
                    <div class="boxContent">
                        Mit WoltLab Suite erstellen Sie im Handumdrehen anspruchsvolle und professionelle Seiten. Unterstützt durch einen leistungsfähigen WYSIWYG-Editor wird die Pflege einer Website so einfach wie das Verfassen eines Briefes. Auf Wunsch auch direkt mit HTML.
                    </div>
                </section>
            </div>
            
            <div class="col-xs-12 col-md-4">
                <section class="box">
                    <h2 class="boxTitle">
                        <span class="icon icon64 fa-comments"></span>
                        <span>Forum</span>
                    </h2>
                    
                    <div class="boxContent">
                        Mehrfach als beste Forum Software ausgezeichnet und bei Nutzern sowie Betreibern gleichermaßen beliebt, stellt „Burning Board®" selbst anspruchsvollste Communitys zufrieden. Entscheiden Sie sich noch heute für den Erfolg Ihrer Community!
                    </div>
                </section>
            </div>
            
            <div class="col-xs-12 col-md-4">
                <section class="box">
                    <h2 class="boxTitle">
                        <span class="icon icon64 fa-camera"></span>
                        <span>Galerie</span>
                    </h2>
                    
                    <div class="boxContent">
                        Bilder sind Momentaufnahmen einer Geschichte, Abbilder der Realität und Überbringer von Impressionen. Geben Sie Ihren Bildern die ideale Umgebung, um ihre volle Wirkung zu entfalten, sie zu erleben, zu teilen und gemeinsam über sie zu diskutieren.
                    </div>
                </section>
            </div>
            
            <div class="col-xs-12 col-md-4">
                <section class="box">
                    <h2 class="boxTitle">
                        <span class="icon icon64 fa-calendar"></span>
                        <span>Kalender</span>
                    </h2>
                    
                    <div class="boxContent">
                        Organisieren Sie Treffen und Veranstaltungen oder informieren Sie über die Tournee-Stationen einer Band inklusive präziser Ortsangaben mit Google Maps. Raffinierte Zusatzfunktionen, beispielsweise die Teilnehmerverwaltung, unterstützen Sie bei der Planung.
                    </div>
                </section>
            </div>
            
            <div class="col-xs-12 col-md-4">
                <section class="box">
                    <h2 class="boxTitle">
                        <span class="icon icon64 fa-download"></span>
                        <span>Filebase</span>
                    </h2>
                    
                    <div class="boxContent">
                        Die ideale Plattform zum Hochladen und Verwalten von Dateien mit einem beeindruckenden Funktionsumfang. Filebase zeichnet sich durch die einfache Zugangsbeschränkung, die Versionierung und die Möglichkeit Dateien zum Verkauf anzubieten aus.
                    </div>
                </section>
            </div>
            
            <div class="col-xs-12 col-md-4">
                <section class="box">
                    <h2 class="boxTitle">
                        <span class="icon icon64 fa-book"></span>
                        <span>Blog</span>
                    </h2>
                    
                    <div class="boxContent">
                        Websites leben sowohl von der Qualität als auch Quantität der gebotenen Inhalte, und oftmals werden diese durch die Nutzer beigesteuert. Im Blog können Sie Ihren Nutzern eine solide Plattform für Meinungen, Erfahrungsberichte und anderen Inhalte bieten.
                    </div>
                </section>
            </div>
            
            <div class="col-xs-12 col-md-4">
                <section class="box">
                    <h2 class="boxTitle">
                        <span class="icon icon64 fa-plug"></span>
                        <span>Tausende Plugins</span>
                    </h2>
                    
                    <div class="boxContent">
                        WoltLab Suite ist so individuell wie Ihre Community und bietet Lösungen für sehr viele unterschiedliche Anforderungen. Bei Bedarf finden sich im Plugin-Store Tausende kostenlose und kostenpflichtige Plugins, einzeln auf Stabilität und Sicherheit überprüft.
                    </div>
                </section>
            </div>
        </div>
        <hr class="boxContentSeparator">
        <p class="woltlabBoxContentMore">Erfahren Sie mehr über die <a href="https://www.woltlab.com/de/apps/">Apps der WoltLab Suite™</a></p>
    </div>
</div>    </div>
</div>                                            <div class="box woltlabMoreFeaturesBox woltlabCustomersBox" data-box-identifier="com.woltlab.wcf.genericBox10015">
        
        
    
                    
        </div>
    </div>

.boxesHero {
    
        background-image: url('http://rc-multicopter-forum.de/forum/style/HG3.JPG');
        background-size: cover;
      
        background-size: cover;
        display: flex;
        min-height: calc(100vh - 50px);
    }

    // logo und breadcrumbs ausblenden
    .pageHeaderLogo,
    .titlemed,
    .main,
    .sidebar,
    .pageNavigation {
        display: none;
    }
    
    // Anpassung, damit kein leerer Raum dargestellt wird
    .pageHeaderFacade > .layoutBoundary {
        padding: 0 !important;
    }

    @include screen-md-down {
        // Darstellung des mobilen Logos erzwingen
        .pageHeaderLogo,
        .pageHeaderLogoSmall {
            display: block;
        }
    }
}