1. Home
  2. Marco HTML
  3. Elements
  4. Page header

Page header

Page header can be used on all pages except “Homepage” and is divide on 2 equal columns. The left column is structured with header and optionally social shares, the right column has a content. By default the page header will appear as lead text with social shares. You can modify this appearance by adding a class and markup to desired element.
 

...
   <div class="row page-header-intro"> 
      <div class="small-12 columns"> 
          <div class="page-header">         
              <div class="header animate-text"> 
                  <h3>header</h3>
                  <div class="post-meta"> 
                     <ul> 
                        <li>Share on:</li>
                        <li><a href="social share link" class="link-hover">social share name</a></li>   
                     </ul>
                  </div>
              </div>
          </div>
          <div class="content animate-text animate-second"> 
              <p>content (right column)</p>
          </div>
      </div>
   </div>
    
...
Was this article helpful to you? Yes No