Can I use "Sunset Orchid Checkout Step with Vibrant Trust Glows" in commercial projects?

Yes. All GoSnippets are MIT licensed for personal and commercial use without attribution.

Does this snippet include Bootstrap?

This example targets Bootstrap 5. Copy the HTML/CSS/JS into your layout after loading Bootstrap CSS and JS from CDN or npm.

Sunset Orchid Checkout Step with Vibrant Trust Glows — Free Forms Snippet (Bootstrap 5)

Loading…

Sunset Orchid Checkout Step with Vibrant Trust Glows — Free Forms Snippet (Bootstrap 5) | GoSnippets

Source Code

1<section class="gs-stage">
2  <div class="gs-orb gs-orb-1"></div>
3  <div class="gs-orb gs-orb-2"></div>
4  <div class="checkout-card">
5    <h2 class="checkout-title">Checkout Securely</h2>
6    <div class="checkout-details">
7      <p class="product-summary">Selected Plan: Premium Package - $59.99/month</p>
8      <p class="billing-info">Billing Cycle: Monthly</p>
9      <div class="payment-method">
10        Card Number
11        
12        <div class="trust-badges">
13          <svg class="trust-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M5 10l3 3L15 7" stroke-width="2"></path></svg>
14          <span>Secure Encryption</span>
15          <svg class="trust-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><circle></circle><path d="M8 12l2 2l4 -4" stroke-width="2"></path></svg>
16          <span>Verified Vendor</span>
17        </div>
18      </div>
19      <button class="checkout-button">Proceed to Payment</button>
20    </div>
21  </div>
22</section>

Sunset Orchid Checkout Step with Vibrant Trust Glows

How to use this snippet

Customization tips

Best for

Accessibility notes

Responsive design

Source Code

More Forms snippets

Comments(0)

Working in Tailwind? Explore our Tailwind gallery