视频测试一下

本文摘要<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0&quot...
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="HTMLPAGE - 专业高效的在线HTML构建器|网页模板|网站模板|网页设计|网页开发|HTML生成工具|在线制作网页" />
  <meta name="keywords"
    content="网页设计,HTML在线构建器,HTMLPAGE,HTML5在线构建器,HTML在线编辑,拖拽网页生成,网页构建工具,网页制作,网页开发,在线制作网页,html编辑器,免费网页,制作网页,网页设计制作,响应式网页,交互设计,企业宣传册,企业网站,名片设计,响应式,在线做图,平面设计,思维导图,用户体验设计,网站设计,网站风格,网络拓扑图,网页设计,软件架构" />
  <meta name="author" content="Lapus" />
  <title>VIP会员单页面模板 - 企业网站</title>
  <link rel="shortcut icon" href="https://htmlpage.cn/favicon.png" />
  <link rel="stylesheet" href="https://coscdn.htmlpage.cn/sandbox/assets/css/plugins.css" />
  <link rel="stylesheet" href="https://coscdn.htmlpage.cn/sandbox/assets/css/style.css" />
  <link rel="stylesheet" href="https://coscdn.htmlpage.cn/sandbox/assets/css/colors/purple.css" />
  <link rel="preload" href="https://coscdn.htmlpage.cn/sandbox/assets/css/fonts/thicccboi.css" as="style" />
</head>

<body>
  <div class="content-wrapper">
    <header class="wrapper bg-soft-primary">
      <nav class="navbar navbar-expand-lg fancy navbar-light navbar-bg-light caret-none">
        <div class="container"><!-- /.navbar-collapse-wrapper --></div><!-- /.container -->
      </nav><!-- /.navbar -->
    </header><!-- /header -->
    <section class="wrapper bg-gradient-primary">
      <div class="container py-14 pt-md-15 pb-md-18">
        <div class="row text-center">
          <div data-cues="zoomIn" data-group="welcome" data-interval="-200" class="col-lg-9 col-xxl-7 mx-auto">
            <h2 class="display-1 mb-4">兼顾设计师和开发者的编辑器</h2>
            <p class="lead fs-24 lh-sm px-md-5 px-xl-15 px-xxl-10 mb-7">所见即所得,无需代码经验轻松上手,支持响应式</p>
          </div><!-- /column -->
        </div><!-- /.row -->
        <div data-cues="slideInDown" data-group="join" data-delay="900" class="d-flex justify-content-center"><span><a
              href="https://htmlpage.cn/builder/"
              class="btn btn-lg btn-primary rounded-pill mx-1">马上使用</a></span><span><a
              href="https://htmlpage.cn/contact"
              class="btn btn-lg btn-outline-primary rounded-pill mx-1">联系我们</a></span></div><!-- /div -->
        <div data-cue="fadeIn" data-delay="1600" class="row mt-12">
          <div class="col-lg-8 mx-auto">
            <figure><img src="https://coscdn.htmlpage.cn/sandbox/assets/img/illustrations/i12.png"
                srcset="https://coscdn.htmlpage.cn/sandbox/assets/img/illustrations/i12@2x.png 2x" alt=""
                class="img-fluid" /></figure>
          </div><!-- /column -->
        </div><!-- /.row -->
      </div><!-- /.container -->
    </section><!-- /section -->
    <section class="wrapper bg-light">
      <div class="container">
        <div class="row gx-lg-0 gy-10 mb-15 mb-md-18 align-items-center">
          <div class="col-lg-6">
            <div class="row g-6 text-center">
              <div class="col-md-6">
                <div class="row">
                  <div class="col-lg-12">
                    <figure class="rounded mb-6"><img src="https://coscdn.htmlpage.cn/sandbox/assets/img/photos/se1.jpg"
                        srcset="https://coscdn.htmlpage.cn/sandbox/assets/img/photos/se1@2x.jpg 2x" alt="" /></figure>
                  </div><!-- /column -->
                  <div class="col-lg-12">
                    <div class="card shadow-lg">
                      <div class="card-body">
                        <div class="icon btn btn-circle btn-lg btn-soft-purple pe-none mb-3"> <i
                            class="uil uil-monitor"></i> </div>
                        <h4>网页端设计</h4>
                        <p class="mb-2">可视化编辑,无需代码经验,无开发经验的用户也可以轻松上手,做网页很轻松。</p><a href="https://htmlpage.cn"
                          class="more hover link-purple">了解更多</a>
                      </div><!--/.card-body -->
                    </div><!--/.card -->
                  </div><!-- /column -->
                </div><!-- /.row -->
              </div><!-- /column -->
              <div class="col-md-6">
                <div class="row">
                  <div class="col-lg-12 order-md-2">
                    <figure class="rounded mb-6 mb-md-0"><img
                        src="https://coscdn.htmlpage.cn/sandbox/assets/img/photos/se2.jpg"
                        srcset="https://coscdn.htmlpage.cn/sandbox/assets/img/photos/se2@2x.jpg 2x" alt="" /></figure>
                  </div><!-- /column -->
                  <div class="col-lg-12">
                    <div class="card shadow-lg mb-md-6 mt-lg-6">
                      <div class="card-body">
                        <div class="icon btn btn-circle btn-lg btn-soft-purple pe-none mb-3"> <i
                            class="uil uil-mobile-android"></i> </div>
                        <h4>移动端设计</h4>
                        <p class="mb-2">美观大方的外观设计,完美契合用户日常操作习惯,每一个按钮的放置都经过深思熟虑。</p><a href="https://htmlpage.cn"
                          class="more hover link-purple">了解更多</a>
                      </div><!--/.card-body -->
                    </div><!--/.card -->
                  </div><!-- /column -->
                </div><!-- /.row -->
              </div><!-- /column -->
            </div><!-- /.row -->
          </div><!-- /column -->
          <div class="col-lg-5 offset-lg-1">
            <h2 class="display-4 mb-3">解决方案</h2>
            <p class="lead fs-lg lh-sm">花更少的时间,办更多事情</p>
            <p>高效的页面产出,为开发者节约大量时间,让您更专注产品的业务。</p><a href="https://htmlpage.cn/builder/"
              class="btn btn-primary rounded-pill mt-3">马上使用</a>
          </div><!-- /column -->
        </div><!-- /.row -->
        <div class="row gx-lg-0 gy-10 align-items-center mb-15 mb-lg-18">
          <div class="col-lg-6 order-lg-2 offset-lg-1 grid">
            <div class="row gx-md-5 gy-5 align-items-center counter-wrapper isotope">
              <div class="item col-md-6">
                <div class="card shadow-lg">
                  <div class="card-body">
                    <div class="d-flex d-lg-block d-xl-flex flex-row">
                      <div>
                        <div class="icon btn btn-circle btn-lg btn-soft-purple pe-none mx-auto me-4 mb-lg-3 mb-xl-0"> <i
                            class="uil uil-presentation-check"></i> </div>
                      </div>
                      <div>
                        <h3 class="counter mb-1">397K+</h3>
                        <p class="mb-0">导出页面</p>
                      </div>
                    </div>
                  </div><!--/.card-body -->
                </div><!--/.card -->
              </div><!--/column -->
              <div class="item col-md-6">
                <div class="card shadow-lg">
                  <div class="card-body">
                    <div class="d-flex d-lg-block d-xl-flex flex-row">
                      <div>
                        <div class="icon btn btn-circle btn-lg btn-soft-red pe-none mx-auto me-4 mb-lg-3 mb-xl-0"> <i
                            class="uil uil-users-alt"></i> </div>
                      </div>
                      <div>
                        <h3 class="counter mb-1">110K+</h3>
                        <p class="mb-0">服务用户</p>
                      </div>
                    </div>
                  </div><!--/.card-body -->
                </div><!--/.card -->
              </div><!--/column -->
              <div class="item col-md-6">
                <div class="card shadow-lg">
                  <div class="card-body">
                    <div class="d-flex d-lg-block d-xl-flex flex-row">
                      <div>
                        <div class="icon btn btn-circle btn-lg btn-soft-yellow pe-none mx-auto me-4 mb-lg-3 mb-xl-0"> <i
                            class="uil uil-user-check"></i> </div>
                      </div>
                      <div>
                        <h3 class="counter mb-1">2.6M+</h3>
                        <p class="mb-0">累计访问</p>
                      </div>
                    </div>
                  </div><!--/.card-body -->
                </div><!--/.card -->
              </div><!--/column -->
              <div class="item col-md-6">
                <div class="card shadow-lg">
                  <div class="card-body">
                    <div class="d-flex d-lg-block d-xl-flex flex-row">
                      <div>
                        <div class="icon btn btn-circle btn-lg btn-soft-aqua pe-none mx-auto me-4 mb-lg-3 mb-xl-0"> <i
                            class="uil uil-trophy"></i> </div>
                      </div>
                      <div>
                        <h3 class="counter mb-1">110K+</h3>
                        <p class="mb-0">信赖用户</p>
                      </div>
                    </div>
                  </div><!--/.card-body -->
                </div><!--/.card -->
              </div><!--/column -->
            </div><!--/.row -->
          </div><!--/column -->
          <div class="col-lg-5">
            <h2 class="display-4 mb-3">服务数据</h2>
            <p class="lead fs-lg lh-sm">自2013年起,HTMLPAGE.CN为超过10万用户提供在线页面设计服务</p>
            <p class="mb-0">高效的页面产出,为开发者节约大量时间,让您更专注产品的业务。</p>
          </div><!--/column -->
        </div><!--/.row -->
      </div><!-- /.container -->
      <div class="overflow-hidden">
        <div class="container pb-9 pb-md-14">
          <div class="row">
            <div class="col-lg-9 col-xl-8 col-xxl-7 mx-auto text-center">
              <h3 class="display-4 mb-8">产品演示</h3>
            </div><!-- /column -->
          </div><!-- /.row -->
          <div data-margin="30" data-dots="false" data-nav="true" data-items-md="2" data-items-xs="1"
            class="swiper-container grid-view nav-bottom nav-color mb-14">
            <div class="swiper overflow-visible">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <figure class="rounded"><img src="https://coscdn.htmlpage.cn/sandbox/assets/img/photos/pp17.jpg"
                      alt="" /><a href="./single-project.html" class="item-link"><i class="uil uil-link"></i></a>
                  </figure>
                </div><!--/.swiper-slide -->
                <div class="swiper-slide">
                  <figure class="rounded"><img src="https://coscdn.htmlpage.cn/sandbox/assets/img/photos/pp18.jpg"
                      alt="" /><a href="./single-project2.html" class="item-link"><i class="uil uil-link"></i></a>
                  </figure>
                </div><!--/.swiper-slide -->
                <div class="swiper-slide">
                  <figure class="rounded"><img src="https://coscdn.htmlpage.cn/sandbox/assets/img/photos/pp19.jpg"
                      alt="" /><a href="./single-project3.html" class="item-link"><i class="uil uil-link"></i></a>
                  </figure>
                </div><!--/.swiper-slide -->
                <div class="swiper-slide">
                  <figure class="rounded"><img src="https://coscdn.htmlpage.cn/sandbox/assets/img/photos/pp20.jpg"
                      alt="" /><a href="./single-project.html" class="item-link"><i class="uil uil-link"></i></a>
                  </figure>
                </div><!--/.swiper-slide -->
                <div class="swiper-slide">
                  <figure class="rounded"><img src="https://coscdn.htmlpage.cn/sandbox/assets/img/photos/pp21.jpg"
                      alt="" /><a href="./single-project2.html" class="item-link"><i class="uil uil-link"></i></a>
                  </figure>
                </div><!--/.swiper-slide -->
                <div class="swiper-slide">
                  <figure class="rounded"><img src="https://coscdn.htmlpage.cn/sandbox/assets/img/photos/pp22.jpg"
                      alt="" /><a href="./single-project3.html" class="item-link"><i class="uil uil-link"></i></a>
                  </figure>
                </div><!--/.swiper-slide -->
              </div><!--/.swiper-wrapper -->
            </div><!--/.swiper -->
          </div><!-- /.swiper-container -->
        </div><!-- /.container -->
      </div><!-- /.overflow-hidden -->
    </section><!-- /section -->
    <section class="wrapper bg-light">
      <div class="container pb-8 pb-lg-10">
        <div class="row gx-lg-8 gx-xl-12 gy-10 mb-15 mb-md-18 align-items-center">
          <div class="col-lg-7">
            <figure><img src="https://coscdn.htmlpage.cn/sandbox/assets/img/illustrations/i9.png"
                srcset="https://coscdn.htmlpage.cn/sandbox/assets/img/illustrations/i9@2x.png 2x" alt=""
                class="w-auto" /></figure>
          </div><!--/column -->
          <div class="col-lg-5">
            <h3 class="display-4 mb-3">简单3步即可生成页面</h3>
            <p class="lead fs-lg lh-sm">拖拽式编程,无需代码经验,基于页面模块自由组合,可视化编辑制作 HTML5网页,适合无编程经验用户、网页设计师</p>
            <p class="mb-6">简单3步,教你5分钟内学会做网页</p>
            <div class="row gy-3">
              <div class="col-xl-6">
                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">
                  <li><span><i class="uil uil-check"></i></span><span>编辑器提供了常用多行业网页模板,选择模板开始创作</span></li>
                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>根据自身需要,编辑页面内容</span></li>
                </ul>
              </div><!--/column -->
              <div class="col-xl-6">
                <ul class="icon-list bullet-bg bullet-soft-primary mb-0">
                  <li><span><i class="uil uil-check"></i></span><span>编辑完成后即可导出HTML5源码,支持二次编辑</span></li>
                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>适合无编程经验用户、网页设计师</span></li>
                </ul>
              </div><!--/column -->
            </div><!--/.row -->
          </div><!--/column -->
        </div><!--/.row -->
        <div class="row gx-lg-8 gx-xl-12 gy-10 mb-15 mb-md-18">
          <div class="col-lg-7 order-lg-2">
            <figure><img src="https://coscdn.htmlpage.cn/sandbox/assets/img/illustrations/i17.png"
                srcset="https://coscdn.htmlpage.cn/sandbox/assets/img/illustrations/i17@2x.png 2x" alt=""
                class="w-auto" /></figure>
          </div><!--/column -->
          <div class="col-lg-5">
            <h3 class="display-4 mt-xxl-8 mb-3">服务优势</h3>
            <p class="lead fs-lg lh-sm mb-6">拖拽式编程,无需代码经验,基于页面模块自由组合,可视化编辑制作网页更方便</p>
            <div id="accordionExample" class="accordion accordion-wrapper">
              <div class="card plain accordion-item">
                <div id="headingOne" class="card-header"><button data-bs-toggle="collapse" data-bs-target="#collapseOne"
                    aria-expanded="true" aria-controls="collapseOne" class="accordion-button"> 专业设计 </button></div>
                <!--/.card-header -->
                <div id="collapseOne" aria-labelledby="headingOne" data-bs-parent="#accordionExample"
                  class="accordion-collapse collapse show">
                  <div class="card-body">
                    <p>美观大方的外观设计,完美契合用户日常操作习惯,每一个按钮的放置都经过深思熟虑。</p>
                  </div><!--/.card-body -->
                </div><!--/.accordion-collapse -->
              </div><!--/.accordion-item -->
              <div class="card plain accordion-item">
                <div id="headingTwo" class="card-header"><button data-bs-toggle="collapse" data-bs-target="#collapseTwo"
                    aria-expanded="false" aria-controls="collapseTwo" class="collapsed"> 支持响应式 </button></div>
                <!--/.card-header -->
                <div id="collapseTwo" aria-labelledby="headingTwo" data-bs-parent="#accordionExample"
                  class="accordion-collapse collapse">
                  <div class="card-body">
                    <p>一套代码即可支持桌面、平板以及手机端,为企业节省大量开发成本支出。</p>
                  </div><!--/.card-body -->
                </div><!--/.accordion-collapse -->
              </div><!--/.accordion-item -->
              <div class="card plain accordion-item">
                <div id="headingThree" class="card-header"><button data-bs-toggle="collapse"
                    data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"
                    class="collapsed"> 简洁易用 </button></div><!--/.card-header -->
                <div id="collapseThree" aria-labelledby="headingThree" data-bs-parent="#accordionExample"
                  class="accordion-collapse collapse">
                  <div class="card-body">
                    <p>可视化编辑,无需代码经验,无开发经验的用户也可以轻松上手,做网页很轻松!</p>
                  </div><!--/.card-body -->
                </div><!--/.accordion-collapse -->
              </div><!--/.accordion-item -->
            </div><!--/.accordion -->
          </div><!--/column -->
        </div><!--/.row -->
        <h2 class="display-4 text-center mb-8">用户评价</h2>
        <div class="grid">
          <div class="row isotope gy-6">
            <div class="item col-md-6 col-xl-4">
              <div class="card shadow-lg">
                <div class="card-body"><span class="ratings five mb-3"></span>
                  <blockquote class="icon mb-0">
                    <p>“好用的一个在线工具,简单操作就可以导出页面”</p>
                    <div class="blockquote-details"><img
                        src="https://coscdn.htmlpage.cn/sandbox/assets/img/avatars/te1.jpg"
                        srcset="https://coscdn.htmlpage.cn/sandbox/assets/img/avatars/te1@2x.jpg 2x" alt=""
                        class="rounded-circle w-12" />
                      <div class="info">
                        <h5 class="mb-1">Coriss Ambady</h5>
                        <p class="mb-0">体验设计师</p>
                      </div>
                    </div>
                  </blockquote>
                </div><!-- /.card-body -->
              </div><!-- /.card -->
            </div><!--/column -->
            <div class="item col-md-6 col-xl-4">
              <div class="card shadow-lg">
                <div class="card-body"><span class="ratings five mb-3"></span>
                  <blockquote class="icon mb-0">
                    <p>“导出的源码可以直接用在项目里,标准的布局,放哪都好看!”</p>
                    <div class="blockquote-details"><img
                        src="https://coscdn.htmlpage.cn/sandbox/assets/img/avatars/te2.jpg"
                        srcset="https://coscdn.htmlpage.cn/sandbox/assets/img/avatars/te2@2x.jpg 2x" alt=""
                        class="rounded-circle w-12" />
                      <div class="info">
                        <h5 class="mb-1">Cory Zamora</h5>
                        <p class="mb-0">市场运营</p>
                      </div>
                    </div>
                  </blockquote>
                </div><!-- /.card-body -->
              </div><!-- /.card -->
            </div><!--/column -->
            <div class="item col-md-6 col-xl-4">
              <div class="card shadow-lg">
                <div class="card-body"><span class="ratings five mb-3"></span>
                  <blockquote class="icon mb-0">
                    <p>“大体操作还算合理,但希望能更简洁一些,这样对我们小白用户会更友好。”</p>
                    <div class="blockquote-details"><img
                        src="https://coscdn.htmlpage.cn/sandbox/assets/img/avatars/te3.jpg"
                        srcset="https://coscdn.htmlpage.cn/sandbox/assets/img/avatars/te3@2x.jpg 2x" alt=""
                        class="rounded-circle w-12" />
                      <div class="info">
                        <h5 class="mb-1">Nikolas Brooten</h5>
                        <p class="mb-0">销售经理</p>
                      </div>
                    </div>
                  </blockquote>
                </div><!-- /.card-body -->
              </div><!-- /.card -->
            </div><!--/column -->
            <div class="item col-md-6 col-xl-4">
              <div class="card shadow-lg">
                <div class="card-body"><span class="ratings five mb-3"></span>
                  <blockquote class="icon mb-0">
                    <p>“用工具做活动页面真的很方便,关键还很多免费模板,没有功能限制!”</p>
                    <div class="blockquote-details"><img
                        src="https://coscdn.htmlpage.cn/sandbox/assets/img/avatars/te4.jpg"
                        srcset="https://coscdn.htmlpage.cn/sandbox/assets/img/avatars/te4@2x.jpg 2x" alt=""
                        class="rounded-circle w-12" />
                      <div class="info">
                        <h5 class="mb-1">Coriss Ambady</h5>
                        <p class="mb-0">品牌运营</p>
                      </div>
                    </div>
                  </blockquote>
                </div><!-- /.card-body -->
              </div><!-- /.card -->
            </div><!--/column -->
            <div class="item col-md-6 col-xl-4">
              <div class="card shadow-lg">
                <div class="card-body"><span class="ratings five mb-3"></span>
                  <blockquote class="icon mb-0">
                    <p>“优秀的在线网页编辑器,让我摆脱繁琐的布局,节约了大量的开发时间。跨平台支持也可以这么简单!”</p>
                    <div class="blockquote-details"><img
                        src="https://coscdn.htmlpage.cn/sandbox/assets/img/avatars/te5.jpg"
                        srcset="https://coscdn.htmlpage.cn/sandbox/assets/img/avatars/te5@2x.jpg 2x" alt=""
                        class="rounded-circle w-12" />
                      <div class="info">
                        <h5 class="mb-1">Jackie Sanders</h5>
                        <p class="mb-0">前端工程师</p>
                      </div>
                    </div>
                  </blockquote>
                </div><!-- /.card-body -->
              </div><!-- /.card -->
            </div><!--/column -->
            <div class="item col-md-6 col-xl-4">
              <div class="card shadow-lg">
                <div class="card-body"><span class="ratings five mb-3"></span>
                  <blockquote class="icon mb-0">
                    <p>“不但支持在线拖拽,还能导出代码。让我可以节省时间更快地完成工作”</p>
                    <div class="blockquote-details"><img
                        src="https://coscdn.htmlpage.cn/sandbox/assets/img/avatars/te6.jpg"
                        srcset="https://coscdn.htmlpage.cn/sandbox/assets/img/avatars/te6@2x.jpg 2x" alt=""
                        class="rounded-circle w-12" />
                      <div class="info">
                        <h5 class="mb-1">Laura Widerski</h5>
                        <p class="mb-0">销售经理</p>
                      </div>
                    </div>
                  </blockquote>
                </div><!-- /.card-body -->
              </div><!-- /.card -->
            </div><!--/column -->
          </div><!-- /.row -->
        </div><!-- /.grid-view -->
      </div><!-- /.container -->
    </section><!-- /section -->
  </div><!-- /.content-wrapper -->
  <footer class="bg-gradient-reverse-primary">
    <div class="container pt-13 pt-md-15 pb-7">
      <div data-image-src="https://coscdn.htmlpage.cn/sandbox/assets/img/photos/bg2.jpg"
        class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-400 mb-13">
        <div class="card-body p-9 p-xl-11">
          <div class="row align-items-center gy-6">
            <div class="col-lg-7">
              <h3 class="display-5 text-white">获得最新资讯</h3>
              <p class="lead pe-lg-12 mb-0 text-white">如果想要获得有关我们产品的任何最新资讯,您可以留下邮箱地址</p>
            </div><!-- /column -->
            <div class="col-lg-5 col-xl-4 offset-xl-1">
              <div class="newsletter-wrapper"><!-- Begin Mailchimp Signup Form -->
                <div id="mc_embed_signup2">
                  <form
                    action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a"
                    method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" target="_blank"
                    novalidate="" class="validate dark-fields">
                    <div id="mc_embed_signup_scroll2">
                      <div class="mc-field-group input-group form-floating"><input type="email" value="" name="EMAIL"
                          placeholder="Email Address" id="mce-EMAIL2" class="required email form-control" /><label
                          for="mce-EMAIL2" class="position-absolute">Email Address</label><input type="submit"
                          value="提交" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary" /></div>
                      <div id="mce-responses2" class="clear">
                        <div id="mce-error-response2" class="response c6545"></div>
                        <div id="mce-success-response2" class="response c6555"></div>
                      </div>
                      <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
                      <div aria-hidden="true" class="c6600"><input type="text"
                          name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value="" /></div>
                      <div class="clear"></div>
                    </div>
                  </form>
                </div><!--End mc_embed_signup-->
              </div><!-- /.newsletter-wrapper -->
            </div><!-- /column -->
          </div><!-- /.row -->
        </div><!--/.card-body -->
      </div><!--/.card -->
      <div class="row gy-6 gy-lg-0">
        <div class="col-lg-4">
          <div class="widget">
            <h3 class="h2 mb-3">加入团队</h3>
            <p class="lead mb-5">加入我们,让我们一起进步。共同为用户打造一个方便好用的在线工具</p><a href="#"
              class="btn btn-primary rounded-pill">加入我们</a>
          </div><!-- /.widget -->
        </div><!-- /column -->
        <div class="col-md-4 col-lg-2 offset-lg-2">
          <div class="widget">
            <h4 class="widget-title mb-3">联系我们</h4>
            <ul class="list-unstyled text-reset mb-0">
              <li><a href="#">中国·福建·厦门</a></li>
              <li><a href="#">help@lapus.cn</a></li>
              <li><a href="#">13799264013</a></li>
            </ul>
          </div><!-- /.widget -->
        </div><!-- /column -->
        <div class="col-md-4 col-lg-2">
          <div class="widget">
            <h4 class="widget-title mb-3">了解更多</h4>
            <ul class="list-unstyled text-reset mb-0">
              <li><a href="#">关于我们</a></li>
              <li><a href="#">解决方案</a></li>
              <li><a href="#">项目案例</a></li>
              <li><a href="#">隐私条款</a></li>
              <li><a href="#">相关法规</a></li>
            </ul>
          </div><!-- /.widget -->
        </div><!-- /column -->
        <div class="col-md-4 col-lg-2">
          <div class="widget">
            <h4 class="widget-title mb-3">电子邮件</h4>
            <address>您可以发送邮件到:</address><a href="mailto:first.last@email.com" class="link-body">help@lapus.cn</a><br />
          </div><!-- /.widget -->
        </div><!-- /column -->
      </div><!--/.row -->
      <hr class="mt-13 mt-md-15 mb-7" />
      <div class="d-md-flex align-items-center justify-content-between">
        <p class="mb-2 mb-lg-0">© 2022 Lapus. All rights reserved.</p>
        <nav class="nav social text-md-end"><a href="#"><i class="uil uil-twitter"></i></a><a href="#"><i
              class="uil uil-facebook-f"></i></a><a href="#"><i class="uil uil-dribbble"></i></a><a href="#"><i
              class="uil uil-instagram"></i></a><a href="#"><i class="uil uil-youtube"></i></a></nav><!-- /.social -->
      </div><!-- /div -->
    </div><!-- /.container -->
  </footer>
  <div class="progress-wrap"><svg width="100%" height="100%" viewBox="-1 -1 102 102"
      class="progress-circle svg-content">
      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"></path>
    </svg></div>
</body>

</html>

233525323

觉得内容不错?我要

评论 暂无评论
暂无评论,快来抢沙发吧~