template.html

<div class="wrap">
    <div class="container-fluid" >
        <div class="navbar  navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <div class="nav-collapse collapse">
                        <ul class="nav">
                            <li>
                                <div style="display: flex; align-items: center">
                                    <strong style="font-size: 2em; padding-right: 0.25em; color: white">EMFStore</strong>
                                    <img src="public/images/logo.png"
                                         style="box-sizing: border-box; padding-top: 0.25em; padding-right: 1em; height: 4em"
                                    />
                                </div>
                            </li>
                            <li {{#ifCond active "home"}} class="active" {{/ifCond}}>
                            <a href="index.html">
                                <div class="text-center">
                                    {{#ifCond active "home"}}
                                    <img src="public/images/home-active.png" width="16" height="16"/>
                                    {{else}}
                                    <img src="public/images/home.png" width="16" height="16"/>
                                    {{/ifCond}}
                                </div>
                                Home
                            </a>
                            </li>
                            <li {{#ifCond active "gettingstarted"}} class="active" {{/ifCond}}>
                            <a href="gettingstarted.html">
                                <div class="text-center">
                                    {{#ifCond active "gettingstarted"}}
                                    <img src="public/images/getting-started-active.png" width="16" height="16"/>
                                    {{else}}
                                    <img src="public/images/getting-started.png" width="16" height="16"/>
                                    {{/ifCond}}
                                </div>
                                Getting Started
                            </a>
                            </li>
                            <li {{#ifCond active "download"}} class="active" {{/ifCond}}>
                            <a href="download.html">
                                <div class="text-center">
                                    {{#ifCond active "download"}}
                                    <img src="public/images/download-active.png" width="16" height="16"/>
                                    {{else}}
                                    <img src="public/images/download.png" width="16" height="16"/>
                                    {{/ifCond}}
                                </div>
                                Download
                            </a>
                            </li>
                            <li {{#ifCond active "contact"}} class="active" {{/ifCond}}>
                            <a href="contact.html">
                                <div class="text-center">
                                    {{#ifCond active "contact"}}
                                    <img src="public/images/contact-active.png" width="16" height="16"/>
                                    {{else}}
                                    <img src="public/images/contact.png" width="16" height="16"/>
                                    {{/ifCond}}
                                </div>
                                Contact
                            </a>
                            </li>
                            <li {{#ifCond active "documentation"}} class="active" {{/ifCond}}>
                            <a href="documentation.html">
                                <div class="text-center">
                                    {{#ifCond active "documentation"}}
                                    <img src="public/images/documentation-active.png" width="16" height="16"/>
                                    {{else}}
                                    <img src="public/images/documentation.png" width="16" height="16"/>
                                    {{/ifCond}}
                                </div>
                                Documentation
                            </a>
                            </li>
                            <li {{#ifCond active "support"}} class="active" {{/ifCond}}>
                            <a href="support.html">
                                <div class="text-center">
                                    {{#ifCond active "support"}}
                                    <img src="public/images/support-active.png" width="16" height="16"/>
                                    {{else}}
                                    <img src="public/images/support.png" width="16" height="16"/>
                                    {{/ifCond}}
                                </div>
                                Support
                            </a>
                            </li>
                            <li {{#ifCond active "getting-involved"}} class="active" {{/ifCond}}>
                            <a href="gettinginvolved.html">
                                <div class="text-center">
                                    {{#ifCond active "getting-involved"}}
                                    <img src="public/images/getting-involved-active.png" width="16" height="16"/>
                                    {{else}}
                                    <img src="public/images/getting-involved.png" width="16" height="16"/>
                                    {{/ifCond}}
                                </div>
                                Getting involved
                            </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="no-space" style="max-width: 1100px; margin: 0 auto">
            <div class="alert alert-error">
                EMFStore is in maintenance mode and is declared end-of-life by December 31st 2022.
                For more info please click <a href="#maintenanceModal" role="button" class="btn" data-toggle="modal">here</a>
            </div>
            <!-- Modal -->
            <div id="maintenanceModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="maintenanceLabel" aria-hidden="true">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h3 id="maintenanceLabel">Maintenance mode</h3>
                </div>
                <div class="modal-body">
                    <p>
                        EMFStore is declared end-of-life (EOL) by December 31st 2022. It is currently already in 
                        maintenance mode, which means we will still deliver hot-fixes for major security bugs. From 
                        2023 there will be no more releases unless they are required by our customers. In case you 
                        require updates please <a href="https://eclipsesource.com/about/contact-us/">approach us</a>, 
                        we offer LTS (Long-term-support) packages to allow you to continue using EMFStore after EOL. 
                    </p>
                    <p>
                        If you start a new project and consider to use EMFStore please consider other options like
                        <a href="https://www.eclipse.org/emf/compare/">EMF Compare</a>
                        and <a href="https://www.eclipse.org/cdo/">CDO</a>.
                        We have extensive knowledge in building solutions for model versioning and also offer commercial consulting and
                        <a href="https://eclipsesource.com/services/developer-support">support</a> on choosing a framework for this
                        purpose. 
                        Get in <a href="https://eclipsesource.com/about/contact-us/">contact with us</a> to discuss details.
                    </p>
                </div>
                <div class="modal-footer">
                    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
                </div>
            </div>
            <div class="content" style="background: #f0f0f0; margin: 0 auto" >
                {{{content}}}
            </div>
        </div>
    </div>
    <div id="push"></div>
</div>
<div id="footer" class="text-center">
    <div class="container-fluid">
        <a href="http://www.eclipse.org/legal/copyright.php"> Copyright</a>
        | <a href="http://www.eclipse.org/legal/"> Legal </a>
        | <a href="http://www.eclipse.org/projects/project_summary.php?projectid=modeling.emft.emf-store">About</a>
        | <a href="http://www.eclipse.org/">eclipse.org</a>
        | <a href="http://www.eclipse.org/legal/privacy.php"> Privacy Policy </a>
        | <a href="http://www.eclipse.org/legal/termsofuse.php"> Terms of Use </a>
        <br/>
        <span style="color: #dcdcdc">This site uses icons from</span> <a href="http://www.pyconic.com/">pyconic.com</a>.
    </div>
</div>
<!-- Google Tag Manager -->
<script type="text/javascript">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5WLCZXC');
</script>
<!-- End Google Tag Manager -->

<script>
  (function(w) {
    w.cookieconsent.init(
      // status changed callback
      function() {},
      // init finished callback
      function() {}
    )
  })(window)
</script>