Forms: Subscribe
Component #1
开始使用 with Front
服务条款 & 协议 applied.
<!-- Subscribe -->
<div class="container content-space-2 content-space-lg-3">
<div class="w-md-75 w-lg-50 text-center mx-md-auto">
<div class="row justify-content-lg-between">
<!-- Heading -->
<div class="mb-5">
<h2>开始使用 with Front</h2>
</div>
<!-- End Heading -->
<form>
<!-- Input Card -->
<div class="input-card input-card-sm border mb-3">
<div class="input-card-form">
<label for="subscribeFormEg1" class="form-label visually-hidden">Enter email</label>
<input type="text" class="form-control form-control-lg" id="subscribeFormEg1" placeholder="Enter email" aria-label="Enter email">
</div>
<button type="button" class="btn btn-primary btn-lg">开始使用</button>
</div>
<!-- End Input Card -->
</form>
<p><a href="../page-terms.html">Terms & conditions</a> applied.</p>
</div>
</div>
</div>
<!-- End Subscribe -->
Component #2
订阅
Get the latest from Front
You can unsubscribe at any time. Read our privacy policy
<!-- Subscribe -->
<div class="bg-light">
<div class="container content-space-2">
<div class="w-md-75 w-lg-50 text-center mx-md-auto">
<div class="row justify-content-lg-between">
<!-- Heading -->
<div class="mb-5">
<span class="text-cap">Subscribe</span>
<h2>Get the latest from Front</h2>
</div>
<!-- End Heading -->
<form>
<!-- Input Card -->
<div class="input-card input-card-pill input-card-sm border mb-3">
<div class="input-card-form">
<label for="subscribeFormEg2" class="form-label visually-hidden">Enter email</label>
<input type="text" class="form-control form-control-lg" id="subscribeFormEg2" placeholder="Enter email" aria-label="Enter email">
</div>
<button type="button" class="btn btn-primary btn-lg rounded-pill">Subscribe</button>
</div>
<!-- End Input Card -->
</form>
<p class="small">You can unsubscribe at any time. Read our <a href="#">privacy policy</a></p>
</div>
</div>
</div>
</div>
<!-- End Subscribe -->