soc-core/src/html/elements/page_notfound.html

Core sass framework based on Bootstrap

<a name="socnotfound"></a>
<div class="container-fluid">
    <div class="row">
        <div class="col-xs-12">
            <div class="page-header">
                <h1>Soc Errors <small>Data not found
                </small></h1>
            </div>
        </div>
        <div class="col-xs-12">
            <p>Use the soc-not-found class when you need to display a message that something is not available on the page. It
                will be automatically styled to be larger text centered to to page. A subtitle can be added withing a 'small'
                element inside the div. Also, an image of magritte's famous pipe will be added when you add the 'pipe' class,
                only add a good caption to it.</p>
        </div>


        <div class="col-sm-12">
            <div class="soc-not-found">No records found</div>
        </div>

        <div class="col-sm-12">
            <div class="well"><span>emmet:
                    <pre><code>.soc-not-found{No records found}</code></pre>
                </span></div>
        </div>

        <div class="col-sm-12">
            <div class="soc-not-found">Don't worry<small>Be happy</small> </div>
        </div>

        <div class="col-sm-12">
            <div class="well"><span>emmet:
                    <pre><code>.soc-not-found{Don't worry}>small{Be happy}</code></pre>
                </span></div>
        </div>

        <div class="col-sm-12">
            <div class="soc-not-found image">No records found</div>
        </div>

        <div class="col-sm-12">
            <div class="well"><span>emmet:
                    <pre><code>.soc-not-found.image{No records found}</code></pre>
                </span></div>
        </div>

        <div class="col-sm-12">
            <div class="soc-not-found pipe">Ceci n'est pas une erreur</div>
        </div>

        <div class="col-sm-12">
            <div class="well"><span>emmet:
                    <pre><code>.soc-not-found.pipe{Ceci n'est pas une erreur}</code></pre>
                </span></div>
        </div>
    </div>
</div>