wikia-styled notice

<!--Wikia-styled page notices-->

<!--NOTE: please don't use these in Content/Profile-wide warnings UNLESS you're using them to warn for triggers & sensitive content-->



<!--blank-->

<div class="card bg-faded rounded-0 border-0 p-2 my-5" style="max-width:900px;margin-left:auto;margin-right:auto">

    <div class="row no-gutters">

        <div class="col-12 col-sm-2">
            <div class="card border-0 bg-transparent rounded-0 h-100" style="
                min-height:100px;
                background-image:url(https://via.placeholder.com/100);
                background-size:contain;
                background-repeat:no-repeat;
                background-position:center
                "></div>
        </div>

        <div class="col-12 col-sm-10">
            <div class="card-body p-2" style="text-align:center">
                <h3 style="font-weight:bold">"quote from the character being featured"</h3>
                <p>Note about the content featured on this page (eg: if they're a wip, on artfight, have spoilers for a project, sensitive content)</p>
            </div>
        </div>

    </div>

</div>

<!--end blank-->



<!--blank/dropdown-->

<div class="card bg-faded rounded-0 border-0 p-2 my-5" style="max-width:900px;margin-left:auto;margin-right:auto">

    <div class="row no-gutters">

        <div class="col-12 col-sm-2">
            <div class="card border-0 bg-transparent rounded-0 h-100" style="
                min-height:100px;
                background-image:url(https://via.placeholder.com/100);
                background-size:contain;
                background-repeat:no-repeat;
                background-position:center
                "></div>
        </div>

        <div class="col-12 col-sm-10">
            <div class="card-body p-2" style="text-align:center">
                <h3 style="font-weight:bold">"quote from the character being featured"</h3>
                <p>Note about the content featured on this page (eg: if they're a wip, on artfight, have spoilers for a project, sensitive content)</p>
                <span style="font-weight:bold"><a href="#contentshow" data-toggle="collapse"> <i class="fas fa-chevron-circle-down"></i> Show Content</a></span>
            </div>
        </div>

    </div>

</div>

<div id="contentshow" class="collapse">
    <p style="text-align:center">example content</p>
</div>

<!--end blank/dropdown-->