Section Separator Custom Shapes
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam at ullamcorper mauris, vitae imperdiet tortor. Cras aliquet gravida lacus eu auctor
Custom SVG For Section Separator
Create your own custom design by using SVG. Create fancy section separators by adding a single class to your section.
Use Custom SVG
Use section classes to create amazing section separators for columns. Gives you to create fancy looking layouts.
<svg style="fill: #0056c6; stroke: #0056c6;" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none">
<path d="M0 100 C 20 0 50 0 100 100 Z"></path>
</svg>
<section class = "col-lg-12 wdpk-section bg-primary"
style = "padding:120px 30px; text-align:center;">
<h2 class = "text-white"> Use Custom SVG</h2>
<p class = "text-white">Use section classes to create amazing section separators for columns. Gives
you to create fancy looking layouts. </p>
</section>
<svg style="fill: #0056c6; stroke: #0056c6;" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none">
<path d="M0 0 C 50 100 80 100 100 0 Z"></path>
</svg>
/* No Changes Made To Default Variables */
/* No Changes Made To Default Javascript */
WoodPecker® is a modular design system crafted to make creating layouts easy for the developers. Now instead of fucussing on the low level detail of developing these modules, you can simple use the existing modules to create fantasstic layouts.