Page Header

There are no notes for this item.

<div class="page-header">
    <div class="row">
        <div class="large-10 columns text-center large-offset-1">
            <h1 class="page-header__title">Extras for MODX Revolution</h1>
            <p class="page-header__description">All our extras have great documentation and lifetime upgrades.<br> Our Premium Extras come with <a href="[[~45]]">unlimited support</a>, too!</p>
        </div>
    </div>
</div>
/* No context defined for this component. */
  • Content:
    /*------------------------------------*\
    	Page header
    \*------------------------------------*/
    
    .page-header {
    	background: $color-primary;
    	padding: 5rem 0;
    }
    
    .page-header__title {
    	font-size: 2rem;
    	color: $color-text-reversed;
    	margin-top: 0;
    }
    
    .page-header__description {
    	color: $color-text-reversed;
    	margin-bottom: 0;
    }
    
    .page-header__description a {
    	color: $color-text-reversed;
    	font-weight: bold;
    }
    
  • URL: /components/raw/page-header/page-header.scss
  • Filesystem Path: components/02-components/page-header/page-header.scss
  • Size: 412 Bytes