Some cool section dividers

This commit is contained in:
Thomas Smith 2023-02-03 16:44:17 -05:00
parent 1a8b820eae
commit 3f232a7f36
3 changed files with 10 additions and 3 deletions

View file

@ -77,7 +77,8 @@
.mobile-ctas, .mobile-ctas,
.mobile-lead, .mobile-lead,
.mobile-term-loc, .mobile-term-loc,
.mobile-disclaimer{ .mobile-disclaimer,
.section-divider{
display:none; display:none;
} }
.desktop-ctas, .desktop-ctas,
@ -185,7 +186,9 @@
</style> </style>
<!-- Teal Impact Section --> <!-- Teal Impact Section -->
<div class="section-divider teal-bg">
<img src="/Images/pixel-section-divider.svg" style="pointer-events:none;" alt="">
</div>
<section class="teal-bg impact-section one-box"> <section class="teal-bg impact-section one-box">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
@ -217,7 +220,9 @@
</section> </section>
<!-- Features --> <!-- Features -->
<div class="section-divider">
<img src="/Images/pixel-section-divider-teal.svg" style="pointer-events:none;" alt="">
</div>
<section class="one-box"> <section class="one-box">
<div class="container"> <div class="container">
<div class="row"> <div class="row">

View file

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 766.33 215.95"><defs><style>.cls-1{fill:#00ffd0;}</style></defs><g id="Layer_1-2"><polygon class="cls-1" points="54.95 0 54.96 0 109.44 0 109.91 0 164.39 0 164.39 0 218.2 0 219.35 0 273.15 0 273.16 0 327.48 0 328.11 0 382.44 0 382.44 0 437.02 0 437.4 0 491.98 0 491.98 0 546.57 0 546.94 0 601.52 0 601.52 0 656.42 0 656.48 0 711.37 0 711.38 0 766.33 0 766.33 54.96 711.38 54.96 711.38 109.22 656.48 109.22 656.48 162.59 601.52 162.59 601.52 215.95 546.57 215.95 546.57 162.59 491.98 162.59 491.98 162.59 437.02 162.59 437.02 109.22 382.44 109.22 382.44 109.22 327.48 109.22 327.48 54.96 273.16 54.96 273.15 54.96 219.35 54.96 218.2 54.96 164.39 54.96 164.39 108.24 109.91 108.24 109.91 108.32 54.95 108.32 54.95 54.96 0 54.96 0 0 54.95 0"/></g></svg>

After

Width:  |  Height:  |  Size: 854 B

View file

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 766.33 215.95"><defs><style>.cls-1{fill:#1a1a1a;}</style></defs><g id="Layer_1-2"><polygon class="cls-1" points="711.38 0 711.37 0 656.9 0 656.42 0 601.94 0 601.94 0 548.13 0 546.98 0 493.18 0 493.17 0 438.85 0 438.22 0 383.9 0 383.89 0 329.31 0 328.94 0 274.35 0 274.35 0 219.77 0 219.4 0 164.81 0 164.81 0 109.91 0 109.85 0 54.96 0 54.95 0 0 0 0 54.96 54.95 54.96 54.95 109.22 109.85 109.22 109.85 162.59 164.81 162.59 164.81 215.95 219.77 215.95 219.77 162.59 274.35 162.59 274.35 162.59 329.31 162.59 329.31 109.22 383.89 109.22 383.9 109.22 438.85 109.22 438.85 54.96 493.17 54.96 493.18 54.96 546.98 54.96 548.13 54.96 601.94 54.96 601.94 108.24 656.42 108.24 656.42 108.32 711.38 108.32 711.38 54.96 766.33 54.96 766.33 0 711.38 0"/></g></svg>

After

Width:  |  Height:  |  Size: 854 B