<div class="wsc-section-white"> 
 <div class="wsc-text-center"> 
  <h1>WHITE BACKGROUND SECTION</h1> 
 </div> 
</div>

<div class="wsc-section-gray"> 
 <div class="wsc-text-center"> 
  <h1>GRAY BACKGROUND SECTION</h1> 
 </div> 
</div>

<div class="wsc-section-dark wsc-content-white"> 
 <div class="wsc-text-center"> 
  <h1>DARK BACKGROUND SECTION + WHITE CONTENT</h1> 
 </div> 
</div>

<div class="wsc-section-colored wsc-content-white"> 
 <div class="wsc-text-center"> 
  <h1>COLORED BACKGROUND + WHITE CONTENT</h1> 
 </div> 
</div>

<!-- Class wsc-section-colored is using default skin's color specified in Style Switcher -->
<!-- You can specify custom color manually 
<div class="wsc-section-colored" style="background-color: #D35400;"> 
-->

<div class="wsc-section-gray wsc-section-pattern"> 
 <div class="wsc-text-center"> 
  <h1>GRAY BACKGROUND SECTION + PATTERN</h1> 
 </div> 
</div>

<!-- Class wsc-section-pattern is taking pattern from style switcher's "Background -> Background Pattern" setting. So if using it simply change pattern of the section via style switcher as well as specify custom pattern there. -->
<!-- Other pattern classes manually: wsc-cover-pattern-1, wsc-cover-pattern-2, wsc-cover-pattern-3 etc. -->
<!-- Or manually specify custom pattern image: 
 <div class="wsc-section-gray wsc-section-pattern" style="background-image: url('/Portals/0/custom-pattern.jpg')">  
-->

<div class="wsc-section-dark wsc-section-pattern wsc-content-white"> 
 <div class="wsc-text-center"> 
  <h1>DARK BACKGROUND SECTION + PATTERN</h1> 
 </div> 
</div>

<!-- Class wsc-section-pattern is taking pattern from style switcher's "Background -> Background Pattern" setting. So if using it simply change pattern of the section via style switcher as well as specify custom pattern there. -->
<!-- Other pattern classes manually: wsc-cover-pattern-1, wsc-cover-pattern-2, wsc-cover-pattern-3 etc. -->
<!-- Or manually specify custom pattern image: 
 <div class="wsc-section-gray wsc-section-pattern" style="background-image: url('/Portals/0/custom-pattern.jpg')">  
-->

<div style="position: relative;"> 
 <div class="wsc-image-cover" style="background-image: url('/Portals/0/img/custom-background-image.jpg');"></div> 
 <div class="wsc-solid-overlay wsc-white-overlay"></div> 
 <div class="wsc-section-content-wrap"> 
  <h1 style="font-weight: normal;">STATIC IMAGE BACKGROUND + WHITE OVERLAY</h1> 
 </div> 
</div>

<!-- Control image placement (center, top, bottom) with following classes: wsc-image-cover wsc-image-cover-top wsc-image-cover-bottom -->
<!-- Control white overlay (weak, normal, strong) with following classes: wsc-white-overlay-less wsc-white-overlay wsc-white-overlay-more -->
<!-- Control dark overlay (weak, normal, strong) with following classes: wsc-dark-overlay-less wsc-dark-overlay wsc-dark-overlay-more -->

<div style="position: relative;"> 
 <div class="wsc-use-parallax wsc-content-white" style="background-image: url('/Portals/0/img/custom-parallax-image.jpg');"></div> 
 <div class="wsc-solid-overlay wsc-dark-overlay"></div> 
 <div class="wsc-section-content-wrap"> 
  <h1 style="font-weight: normal;">STATIC IMAGE BACKGROUND + WHITE OVERLAY</h1> 
 </div> 
</div>

<!-- Control white overlay (weak, normal, strong) with following classes: wsc-white-overlay-less wsc-white-overlay wsc-white-overlay-more -->
<!-- Control dark overlay (weak, normal, strong) with following classes: wsc-dark-overlay-less wsc-dark-overlay wsc-dark-overlay-more -->

 

 

VIDEO BACKGROUND

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor!

0

Websites Created

0K+

Lines of Code

0

Happy Clients

0

Years of Experience

 

 

<div class="video-container wsc-content-white"> 
 <div class="filter"></div> 
 <video class="fillWidth" autoplay="autoplay" loop="loop"> 
  <source src="/Portals/0/video/explore.mp4" type="video/mp4"></source>Your browser does not support the video tag. I suggest you upgrade your browser. 
  <source src="/Portals/0/video/explore.webm" type="video/webm"></source>Your browser does not support the video tag. I suggest you upgrade your browser. 
 </video> 
 <div class="poster hidden"> 
  <img alt="" src="/Portals/0/video/explore.jpg" /> 
 </div> 
 <div class="wsc-solid-overlay wsc-dark-overlay"></div> 
 <div class="wsc-banner-caption-wrapper"> 
  <h1 style="font-weight: normal;">VIDEO BACKGROUND</h1> 
 </div> 
</div>

<!-- Control white overlay (weak, normal, strong) with following classes: wsc-white-overlay-less wsc-white-overlay wsc-white-overlay-more -->
<!-- Control dark overlay (weak, normal, strong) with following classes: wsc-dark-overlay-less wsc-dark-overlay wsc-dark-overlay-more -->