Logo v4.1
图片描述内容

没结果

  • 获取支持
  • 预览演示
Logo v4.1
  • 文档
  • 代码片段
  • 代码片段
  • 介绍
  • Navbar / Heroes
  • Headers (Navbar)
  • Hero Sections
  • Content
  • 功能
    一般 统计 Step 导航(标签)
  • Icon Blocks
  • Cards
    Grid List
  • Directory
    Grid List
  • 客户评价
  • 博客s
    Grid List
  • Tables
  • E-commerce
  • 价格
  • Team Sections
  • 面包屑
  • 号召性用语(CTA)
  • Modals
  • 证券投资
  • 画廊
  • 客户
  • Countdown
  • FAQ
  • Lists
  • 折叠/手风琴
  • Comments
  • 反馈 & 评论
  • User Profile
  • 侧边栏示例
  • 日历视图
  • 通知
  • 内容部分
  • Forms
  • 身份验证
  • 反馈
  • Filters
  • Search
  • Directory
  • 订阅
  • 账户中心
  • Wizard & Steps
  • 联系方式/页脚
  • 联系方式
  • Footer

Forms: Subscribe

Component #1

  • 预览
  • HTML

开始使用 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

  • 预览
  • HTML
订阅

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 -->