1. Home
  2. Marco HTML
  3. Elements
  4. Intro section

Intro section

Intro section can be used on all pages except “Homepage”. You can modify this height, simply change atrribute “data-height” in intro element. Intro section is structured with background image and optionally with content (page header or standard header). All templates of intro section you can see in demo.
 

...
   <div class="page-intro" data-height="intro section height ("px" or "vh")" style="background-image: url('image url');"> 
   ...
      <div class="intro-content-wrapper"> 
          <div class="intro-content intro-content-center"> <-- centered content class 
          ...
              STANDARD HEADER         
              <div class="intro-header"> 
                  header content
              </div>
          ...

              PAGE HEADER
              <div class="page-header-intro"> 
                  <div class="page-header"> 
                      <div class="header"> 
                         page header content
                      </div>
                  </div>
              </div>
          ...
          </div>
      </div>
    
...
Was this article helpful to you? Yes No