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"> 
                  <div class="post-meta"> 
                        <li>Share on:</li>
                        <li><a href="social share link" class="link-hover">social share name</a></li>   
          <div class="content animate-text animate-second"> 
              <p>content (right column)</p>
Was this article helpful to you? Yes No