本文摘要<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"...
<!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&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
觉得内容不错?我要