Privacy & Policy
Last modified: March 27, 2018 (view archived versions)
HTML:
<!-- Hero -->
<div class="position-relative u-gradient-half-primary-v1 u-space-3-top u-space-4-bottom rounded-top-pseudo px-7 px-md-9">
<div class="container">
<h1 class="text-white font-weight-bold">Privacy & Policy</h1>
<p class="u-text-light">Last modified: March 27, 2018 (<a class="u-link-light" href="#">view archived versions</a>)</p>
</div>
<!-- SVG Background Shapes -->
<figure class="w-100 u-content-centered z-index-minus-1">
<svg preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 1506.3 578.7" style="enable-background:new 0 0 1506.3 578.7;" xml:space="preserve">
<path class="u-fill-warning" d="M45,91.6L45,91.6c-1.2-1.2-1.2-3.1,0-4.3l9.1-9.1c1.2-1.2,3.1-1.2,4.3,0h0c1.2,1.2,1.2,3.1,0,4.3l-9.1,9.1
C48.2,92.8,46.2,92.8,45,91.6z"/>
<path class="u-fill-warning" d="M58.4,91.6L58.4,91.6c-1.2,1.2-3.1,1.2-4.3,0L45,82.5c-1.2-1.2-1.2-3.1,0-4.3h0c1.2-1.2,3.1-1.2,4.3,0l9.1,9.1
C59.6,88.5,59.6,90.4,58.4,91.6z"/>
<path class="u-fill-info" d="M1041.3,403.1l5.1,19.1c0.7,2.6,4,3.5,5.9,1.6l14-14c1.9-1.9,1-5.2-1.6-5.9l-19.1-5.1
C1043,398,1040.5,400.4,1041.3,403.1z"/>
<path class="u-fill-success" d="M380.6,577.8l-12.2-12.2c-1.2-1.2-1.2-3.1,0-4.3l12.2-12.2c1.2-1.2,3.1-1.2,4.3,0l12.2,12.2
c1.2,1.2,1.2,3.1,0,4.3l-12.2,12.2C383.8,579,381.8,579,380.6,577.8z"/>
<circle class="u-fill-success" cx="1494.3" cy="353.5" r="12"/>
<path class="u-fill-danger" d="M992,21.5h-15.9c-1.5,0-2.8-1.3-2.8-2.8V2.8c0-1.5,1.3-2.8,2.8-2.8H992c1.5,0,2.8,1.3,2.8,2.8v15.9
C994.8,20.2,993.5,21.5,992,21.5z"/>
<path class="u-fill-primary" d="M19.3,310.2l-17,4.6c-2.3,0.6-3.1,3.6-1.4,5.3l12.4,12.4c1.7,1.7,4.7,0.9,5.3-1.4l4.6-17
C23.8,311.7,21.7,309.6,19.3,310.2z"/>
<circle class="u-fill-none u-stroke-white" stroke-width="3" stroke-miterlimit="10" cx="1236.8" cy="120" r="8.5"/>
</svg>
</figure>
<!-- End SVG Background Shapes -->
<!-- SVG Bottom Shape -->
<figure class="position-absolute-bottom-0">
<svg preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="100%" height="140px" viewBox="20 -20 300 100" style="margin-bottom: -8px;" xml:space="preserve">
<path class="u-fill-white" opacity="0.4" d="M30.913,43.944c0,0,42.911-34.464,87.51-14.191c77.31,35.14,113.304-1.952,146.638-4.729
c48.654-4.056,69.94,16.218,69.94,16.218v54.396H30.913V43.944z" />
<path class="u-fill-white" opacity="0.4" d="M-35.667,44.628c0,0,42.91-34.463,87.51-14.191c77.31,35.141,113.304-1.952,146.639-4.729
c48.653-4.055,69.939,16.218,69.939,16.218v54.396H-35.667V44.628z" />
<path class="u-fill-white" opacity="0" d="M43.415,98.342c0,0,48.283-68.927,109.133-68.927c65.886,0,97.983,67.914,97.983,67.914v3.716
H42.401L43.415,98.342z" />
<path class="u-fill-white" d="M-34.667,62.998c0,0,56-45.667,120.316-27.839C167.484,57.842,197,41.332,232.286,30.428
c53.07-16.399,104.047,36.903,104.047,36.903l1.333,36.667l-372-2.954L-34.667,62.998z" />
</svg>
</figure>
<!-- End SVG Bottom Shape Section -->
</div>
<!-- End Hero -->