精华内容
下载资源
问答
  • 2021-12-23 18:08:06

    主页:搞前端的半夏

    简介:前端领域优质创作者。扫码或搜索添加文末公众号「搞前端的半夏」:🍗 回复 ”网站模板“,免费送网站模板!

    欢迎点赞 👍 收藏 ⭐留言 📝 私信📄

    你还在未HTML网页设计作业头大吗?

    你还在为自学前端,没有项目练手苦恼吗?

    你还在为外包项目没有模板难受吗?

    关注专栏《前端网站模板》,自用,作业,外包。你想要的全都有,持续更新,励志更新1000套模板!!!

    效果截图-文末获取源码

    首页

    image-20211223180010313

    主要功能

    image-20211223180029694

    产品量化

    image-20211223180046876

    产品定价

    image-20211223180110231

    产品列表

    image-20211223180137223

    部分代码

        <div id="banxia-hero" class="banxia-hero-area hero-bg position-relative">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-7 col-lg-8 col-md-12">
                            <div class="hero-content">
                                <h2>半夏话前端</h2>
                                <p>关注公众号回复[产品],免费获取源码。回复[网站模板],免费获取50+套模板</p>
                                <div class="hero-btn">
                                    <a href="#" class="btn btn-type-2">获得产品</a>
                                    <a href="#" class="btn btn-type-3">了解更多</a>
                                </div>
                            </div>
                        </div>
                        <div class="hero-mobile-img wow fadeInRight">
                            <img src="static/picture/hero-mobile-1.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <!-- hero area end -->
            <!-- services area start -->
            <div id="banxia-services-area" class="banxia-services-area position-relative mt-100 mb-100">
                <div class="container">
    
                    <div class="row text-center">
    
                        <div class="col-xl-4 col-lg-4 col-md-4 wow fadeInLeft">
                            <div class="single-services position-relative">
                                <div class="single-services-content">
                                    <img src="static/picture/icon-1.png" alt="">
                                    <h3>功能1</h3>
                                    <p>产品是指被人们使用和消费,并能满足人们某种需求的任何东西,</p>
                                </div>
                                <div class="services-shape">
                                    <img class="style-shape shape-1" src="static/picture/icon-1-1.png" alt="">
                                    <img class="style-shape shape-2" src="static/picture/shape-11.png" alt="">
                                </div>
                            </div>
                        </div>
    
                        <div class="col-xl-4 col-lg-4 col-md-4 wow fadeInUp">
                            <div class="single-services position-relative">
                                <div class="single-services-content">
                                    <img src="static/picture/icon-2.png" alt="">
                                    <h3>功能2</h3>
                                    <p>产品是指被人们使用和消费,并能满足人们某种需求的任何东西,</p>
                                </div>
                                <div class="services-shape">
                                    <img class="style-shape shape-1" src="static/picture/icon-1-2.png" alt="">
                                    <img class="style-shape shape-2" src="static/picture/shape-21.png" alt="">
                                </div>
                            </div>
                        </div>
    
                        <div class="col-xl-4 col-lg-4 col-md-4 wow fadeInRight">
                            <div class="single-services position-relative">
                                <div class="single-services-content">
                                    <img src="static/picture/icon-3.png" alt="">
                                    <h3>功能3</h3>
                                    <p>产品是指被人们使用和消费,并能满足人们某种需求的任何东西,</p>
                                </div>
                                <div class="services-shape">
                                    <img class="style-shape shape-1" src="static/picture/icon-1-3.png" alt="">
                                    <img class="style-shape shape-2" src="static/picture/shape-31.png" alt="">
                                </div>
                            </div>
                        </div>
    
                    </div>
                </div>
            </div>
    

    获取完整源码:关注公众号【搞前端的半夏】回复[网站模板],免费获取源码。回复[网站模板],可免费获取N++套模板

    大家点赞、收藏、关注、评论啦 、查看👇🏻👇🏻👇🏻微信公众号获取👇🏻👇🏻👇🏻

    在这里插入图片描述

    更多相关内容
  • web网站模板

    2019-03-13 22:41:31
    HTML5+CSS+JS前端加后端实现网站整个效果,从登陆注册到图形界面,再到前后端交互,一个网站的诞生。 不错的案例2019,可以参考及简单的修改。
  • 本源码是PHPWEB程序,购买前请确定自己已有支持PHP程序的空间,MYSQL的数据库。不懂或没有的买家请勿误拍! 首页截图: 后台截图: 其它相关截图:
  • web网站系统模板

    2018-08-01 11:20:39
    一个bootstrap编写的全套模板,包含增删改查,文件上传,角色权限管理的界面,还有其他图形化界面,大气好用,便于套用
  • web网站模板(多套)

    2016-09-10 12:26:42
    [其他类别]JdonFramework开源框架 v...[其他类别]MeyboMail Web(Java)开源简化_meybomailweb [其他类别]MeyboMail Web开源简化版_meybomailweb [其他类别]Noka tag 软件标签 v3.0_noka3.9 [其他类别]QQ闪字程序_ztxiu
  • web网站模板web网站模板web网站模板web网站模板web网站模板web网站模板
  • web网站源码2(多套)

    2016-09-10 12:36:02
    [其他类别]WebSpider蓝蜘蛛网页抓取 v5.1_webspider [其他类别]动态显示JSP服务器内存的Ajax程序 图像版_systemjc [其他类别]分页 QQ菜单 jsp标签_noka3.9 [其他类别]检测JSP服务器内存的Ajax程序_systemjc [其他...
  • phpweb网站源码

    2015-03-25 16:23:37
    phpweb网站源码,重工机械类型,简单容易上手。新手必备
  • 自己整理的多套实用型web网站模板,其中部分可以直接用于后台管理界面,以及门户网站的开发,有需要的朋友可下载参考。资源共享,不喜勿喷,谢谢!
  • 1.列表式首页触屏版html5响应式手机app网站模板下载.zip 2.买花网微信鲜花网触屏版手机wap购物网站模板下载.rar ...等等
  • 主页:前端picker 简介:前端领域优质创作者。...关注专栏《前端网站模板》,自用,作业,外包。你想要的全都有,持续更新,励志更新1000套模板!! 页面设计 -文末获取完整源码 相册集 <div class="hexagon

    主页:搞前端的半夏

    简介:前端领域优质创作者。扫码或搜索添加文末公众号「搞前端的半夏」:🍗 回复 ”网站模板“,免费送网站模板!

    欢迎点赞 👍 收藏 ⭐留言 📝 私信📄

    你还在未HTML网页设计作业头大吗?

    你还在为自学前端,没有项目练手苦恼吗?

    你还在为外包项目没有模板难受吗?

    关注专栏《前端网站模板》,自用,作业,外包。你想要的全都有,持续更新,励志更新1000套模板!!

    页面设计 -文末获取完整源码

    相册集

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RE9AIS6M-1640572937673)(https://gitee.com/coder_syl/img/raw/master/img/image-20211227103805853.png)]

           <div class="hexagon hexagon2 gallery-item">
                    <div class="hexagon-in1">
                      <div class="hexagon-in2" style="background-image: url(images/gallery/1.jpg);">
                        <div class="overlay">
                          <a href="images/gallery/1.jpg" data-rel="lightbox" class="fa fa-expand"></a>
                        </div>
                      </div>
                    </div>
                  </div>
    

    详情列表

    image-20211227103726770

       <div class="col-md-3 col-sm-8 template_servicetxt">
                  <h2>模板</h2>
                  <p>這張照片是在2008年暑假開往嘉義的途中拍攝的,八月正值炎夏,黃昏中的夕陽
                    赤紅的漂亮,順勢隨手拍下。太陽西下,夕陽被高速公路煞景的欄杆給擋住,憑
                    著光的直線前進與繞射現象,光線卻巧妙地順著欄杆繞了過來,進入了鏡頭之下。</p>
                </div>
    

    横向展示

    image-20211227103752906

            </div>
                <div class="template_servicecol2">
                          <div class="clear"></div>
                          <div class="overlay template_overlaytxt">
                            Cras interdum accumsan diam
                            明天钻石就会积累起来</div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="col-md-3 col-sm-8 template_servicetxt">
                    <h2>模板</h2>
                    <p>這張照片是在2008年暑假開往嘉義的途中拍攝的,八月正值炎夏,黃昏中的夕陽
                      赤紅的漂亮,順勢隨手拍下。太陽西下,夕陽被高速公路煞景的欄杆給擋住,憑
                      著光的直線前進與繞射現象,光線卻巧妙地順著欄杆繞了過來,進入了鏡頭之下。</p>
                  </div>
                </div>
    

    功能

    大图预览

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0fqLuh0q-1640572937677)(https://gitee.com/coder_syl/img/raw/master/img/image-20211227103839822.png)]

    hover效果

    image-20211227103905719

    image-20211227103922645

    获取完整源码:关注公众号【搞前端的半夏】回复[照片墙],免费获取源码。回复[网站模板],免费获取50+套模板
    大家点赞、收藏、关注、评论啦 、查看👇🏻👇🏻👇🏻微信公众号获取👇🏻👇🏻👇🏻

    主页:搞前端的半夏

    简介:前端领域优质创作者。扫码或搜索添加文末公众号「搞前端的半夏」:🍗 回复 ”网站模板“,免费送网站模板!

    欢迎点赞 👍 收藏 ⭐留言 📝 私信📄

    你还在未HTML网页设计作业头大吗?

    你还在为自学前端,没有项目练手苦恼吗?

    你还在为外包项目没有模板难受吗?

    关注专栏《前端网站模板》,自用,作业,外包。你想要的全都有,持续更新,励志更新1000套模板!!

    模块设计-文末获取源码

    首页

    关于

    我们的服务

    联系我们

    image-20220104181743443

    展示

    首页轮播图

    image-20220104181813290

    	<section class="tm-banner">
    		<!-- Flexslider -->
    		<div class="flexslider flexslider-banner">
    		  <ul class="slides">
    		    <li>
    			    <div class="tm-banner-inner">
    					<h1 class="tm-banner-title">为您挑选 <span class="tm-yellow-text">最好的</span> 景点</h1>
    					<p class="tm-banner-subtitle">假日旅游</p>
    					<a href="#more" class="tm-banner-link">了解更多</a>	
    				</div>
    				<img src="img/banner-1.jpg" alt="Image" />	
    		    </li>
    		    <li>
    			    <div class="tm-banner-inner">
    					<h1 class="tm-banner-title">多彩 <span class="tm-yellow-text">旅游</span> </h1>
    					<p class="tm-banner-subtitle">精彩的目的地</p>
    					<a href="#more" class="tm-banner-link">了解更多</a>	
    				</div>
    		      <img src="img/banner-2.jpg" alt="Image" />
    		    </li>
    		    <li>
    			    <div class="tm-banner-inner">
    					<h1 class="tm-banner-title">酒店 <span class="tm-yellow-text">预订</span> </h1>
    					<p class="tm-banner-subtitle">一步到位</p>
    					<a href="#more" class="tm-banner-link">了解更多</a>	
    				</div>
    		      <img src="img/banner-3.jpg" alt="Image" />
    		    </li>
    		  </ul>
    		</div>	
    	</section>
    

    酒店预订

    image-20220104181844481

    <div class="form-group">
        <select class="form-control">
        <option value="">-- 选择酒店 -- </option>
        <option value="shangrila">酒店1</option>
        <option value="chatrium">酒店2</option>
        <option value="fourseasons">酒店3</option>
        <option value="hilton">酒店4</option>
        </select> 
        </div>
        <div class="form-group">
        <div class='input-group date' id='datetimepicker1'>
        <input type='text' class="form-control" placeholder="入住时间" />
        <span class="input-group-addon">
        <span class="fa fa-calendar"></span>
        </span>
        </div>
        </div>
        <div class="form-group">
        <div class='input-group date' id='datetimepicker2'>
        <input type='text' class="form-control" placeholder="退房时间" />
        <span class="input-group-addon">
        <span class="fa fa-calendar"></span>
        </span>
        </div>
    </div>
    

    更多套餐

    image-20220104181921742

    更多套餐

    image-20220104182019746

    	<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-xxs-12">
    					<div class="tm-home-box-2 tm-home-box-2-right">						
    					    <img src="img/gzh二维码.jpg" alt="image" class="img-responsive">
    						<h3>大中国的人类聚居地</h3>
    						<p class="tm-date">22 March 2016</p>
    						<div class="tm-home-box-2-container">
    							<a href="#" class="tm-home-box-2-link"><i class="fa fa-heart tm-home-box-2-icon border-right"></i></a>
    							<a href="#" class="tm-home-box-2-link"><span class="tm-home-box-2-description">去旅游</span></a>
    							<a href="#" class="tm-home-box-2-link"><i class="fa fa-edit tm-home-box-2-icon border-left"></i></a>
    						</div>
    					</div>
    				</div>
    

    响应式

    image-20220104181954208

    完整代码

    获取完整源码:关注公众号【搞前端的半夏】回复[网站模板],免费获取源码。回复[网站模板],免费获取N++套模板
    大家点赞、收藏、关注、评论啦 、查看👇🏻👇🏻👇🏻微信公众号获取👇🏻👇🏻👇🏻

    在这里插入图片描述

    展开全文
  • 个人投资组合web网站模板是一款大气风格的投资组合网站模板。.zip个人投资组合web网站模板是一款大气风格的投资组合网站模板。.zip
  • Web网站模板-电商产品介绍网站模板(HTML+CSS+JavaScript)

    千次阅读 多人点赞 2022-02-23 23:13:37
    模板是一个电子商务 HTML CSS 模板,适用于您的在线商店。此布局基于 Bootstrap v4.5.2 CSS 框架。您可以随意调整此布局以适应任何 CMS 平台。有5个标准页面,包括产品列表和产品详细信息页面。您可以根据需要...

    主页:搞前端的半夏

    简介:前端领域优质创作者。扫码或搜索添加文末公众号「搞前端的半夏」:🍗 回复 ”网站模板“,免费送网站模板!

    欢迎点赞 👍 收藏 ⭐留言 📝 私信📄

    你还在未HTML网页设计作业头大吗?

    你还在为自学前端,没有项目练手苦恼吗?

    你还在为外包项目没有模板难受吗?

    关注专栏《前端网站模板》,自用,作业,外包。你想要的全都有,持续更新,励志更新1000套模板!!

    本模板是一个电子商务 HTML CSS 模板,适用于您的在线商店。此布局基于 Bootstrap v4.5.2 CSS 框架。您可以随意调整此布局以适应任何 CMS 平台。有5个标准页面,包括产品列表和产品详细信息页面。您可以根据需要进一步开发它。还有下拉菜单可以更好地导航。

    模块设计-文末获取源码

    1. 首页

      产品分类1

      产品分类2

    2. 关于

    3. 产品一览

    4. 产品详情

    5. 联系我们

    首页

    分类展示

    image-20220222130003455

       <div class="col-lg-6">
                        <div class="left-content">
                            <div class="thumb">
                                <div class="inner-content">
                                    <h4>We Are shop</h4>
                                    <span>Awesome, clean &amp; creative HTML5 Template</span>
                                    <div class="main-border-button">
                                        <a href="#">Purchase Now!</a>
                                    </div>
                                </div>
                                <img src="assets/images/left-banner-image.jpg" alt="">
                            </div>
                        </div>
                    </div>
    

    产品轮播图

    image-20220222130106792

        <section class="section" id="women">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="section-heading">
                            <h2>Women's Latest</h2>
                            <span>Details to details is what makes shop different from the other themes.</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="women-item-carousel">
                            <div class="owl-women-item owl-carousel">
                                <div class="item">
                                    <div class="thumb">
                                        <div class="hover-content">
                                            <ul>
                                                <li><a href="single-product.html"><i class="fa fa-eye"></i></a></li>
                                                <li><a href="single-product.html"><i class="fa fa-star"></i></a></li>
                                                <li><a href="single-product.html"><i class="fa fa-shopping-cart"></i></a></li>
                                            </ul>
                                        </div>
                                        <img src="assets/images/women-01.jpg" alt="">
                                    </div>
                                    <div class="down-content">
                                        <h4>New Green Jacket</h4>
                                        <span>$75.00</span>
                                        <ul class="stars">
                                            <li><i class="fa fa-star"></i></li>
                                            <li><i class="fa fa-star"></i></li>
                                            <li><i class="fa fa-star"></i></li>
                                            <li><i class="fa fa-star"></i></li>
                                            <li><i class="fa fa-star"></i></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="thumb">
                                        <div class="hover-content">
                                            <ul>
                                                <li><a href="single-product.html"><i class="fa fa-eye"></i></a></li>
                                                <li><a href="single-product.html"><i class="fa fa-star"></i></a></li>
                                                <li><a href="single-product.html"><i class="fa fa-shopping-cart"></i></a></li>
                                            </ul>
                                        </div>
                                        <img src="assets/images/women-02.jpg" alt="">
                                    </div>
                                    <div class="down-content">
                                        <h4>Classic Dress</h4>
                                        <span>$45.00</span>
                                        <ul class="stars">
                                            <li><i class="fa fa-star"></i></li>
                                            <li><i class="fa fa-star"></i></li>
                                            <li><i class="fa fa-star"></i></li>
                                            <li><i class="fa fa-star"></i></li>
                                            <li><i class="fa fa-star"></i></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="thumb">
                                        <div class="hover-content">
                                            <ul>
                                                <li><a href="single-product.html"><i class="fa fa-eye"></i></a></li>
                                                <li><a href="single-product.html"><i class="fa fa-star"></i></a></li>
                                                <li><a href="single-product.html"><i class="fa fa-shopping-cart"></i></a></li>
                                            </ul>
                                        </div>
                                        <img src="assets/images/women-03.jpg" alt="">
                                    </div>
                                    <div class="down-content">
                                        <h4>Spring Collection</h4>
                                        <span>$130.00</span>
                                        <ul class="stars">
                                            <li><i class="fa fa-star"></i></li>
                                            <li><i class="fa fa-star"></i></li>
                                            <li><i class="fa fa-star"></i></li>
                                            <li><i class="fa fa-star"></i></li>
                                            <li><i class="fa fa-star"></i></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="thumb">
                                        <div class="hover-content">
                                            <ul>
                                                <li><a href="single-product.html"><i class="fa fa-eye"></i></a></li>
                                                <li><a href="single-product.html"><i class="fa fa-star"></i></a></li>
                                                <li><a href="single-product.html"><i class="fa fa-shopping-cart"></i></a></li>
                                            </ul>
                                        </div>
                                        <img src="assets/images/women-01.jpg" alt="">
                                    </div>
                                    <div class="down-content">
                                        <h4>Classic Spring</h4>
                                        <span>$120.00</span>
                                        <ul class="stars">
                                            <li><i class="fa fa-star"></i></li>
                                            <li><i class="fa fa-star"></i></li>
                                            <li><i class="fa fa-star"></i></li>
                                            <li><i class="fa fa-star"></i></li>
                                            <li><i class="fa fa-star"></i></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    

    产品一览

    image-20220222130214637

    产品详情

    image-20220222130235104

        <section class="section" id="product">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8">
                    <div class="left-images">
                        <img src="assets/images/single-product-01.jpg" alt="">
                        <img src="assets/images/single-product-02.jpg" alt="">
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="right-content">
                        <h4>New Green Jacket</h4>
                        <span class="price">$75.00</span>
                        <ul class="stars">
                            <li><i class="fa fa-star"></i></li>
                            <li><i class="fa fa-star"></i></li>
                            <li><i class="fa fa-star"></i></li>
                            <li><i class="fa fa-star"></i></li>
                            <li><i class="fa fa-star"></i></li>
                        </ul>
                        <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod kon tempor incididunt ut labore.</span>
                        <div class="quote">
                            <i class="fa fa-quote-left"></i><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiuski smod.</p>
                        </div>
                        <div class="quantity-content">
                            <div class="left-content">
                                <h6>No. of Orders</h6>
                            </div>
                            <div class="right-content">
                                <div class="quantity buttons_added">
                                    <input type="button" value="-" class="minus"><input type="number" step="1" min="1" max="" name="quantity" value="1" title="Qty" class="input-text qty text" size="4" pattern="" inputmode=""><input type="button" value="+" class="plus">
                                </div>
                            </div>
                        </div>
                        <div class="total">
                            <h4>Total: $210.00</h4>
                            <div class="main-border-button"><a href="#">Add To Cart</a></div>
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </section>
    

    联系我们

    image-20220222130254757

    完整代码

    获取完整源码:关注公众号【搞前端的半夏】回复[网站模板],免费获取源码。回复[网站模板],免费获取N++套模板
    大家点赞、收藏、关注、评论啦 、查看👇🏻👇🏻👇🏻微信公众号获取👇🏻👇🏻👇🏻

    在这里插入图片描述

    展开全文
  • 期末大作业
  • 本作品是一套基础的WEB端交互原型模板,非常适用于设计WEB网站原型的学习参考,可以快速构建一个企业网站或通用类型的网站框架。本套模板按照主流的Web标准尺寸进行设计,所有页面都遵循统一标准的网页布局规范。从...
  • 个人投资组合web网站模板是一款大气风格的投资组合网站模板。
  • 关注专栏《前端网站模板》,自用,作业,外包。你想要的全都有,持续更新,励志更新1000套模板!! Training Studio CSS 模板适用于健身房、健身俱乐部和瑜伽俱乐部网站。此 HTML 模板基于 Bootst.

    主页:搞前端的半夏

    简介:前端领域优质创作者。扫码或搜索添加文末公众号「搞前端的半夏」:🍗 回复 ”网站模板“,免费送网站模板!

    欢迎点赞 👍 收藏 ⭐留言 📝 私信📄

    你还在未HTML网页设计作业头大吗?

    你还在为自学前端,没有项目练手苦恼吗?

    你还在为外包项目没有模板难受吗?

    关注专栏《前端网站模板》,自用,作业,外包。你想要的全都有,持续更新,励志更新1000套模板!!

    Training Studio CSS 模板适用于健身房、健身俱乐部和瑜伽俱乐部网站。此 HTML 模板基于 Bootstrap v4.3.1 框架构建。此布局具有视频背景横幅、内容选项卡、日程表、联系表和 Google 地图。您可以根据需要调整任何部分或内容。

    模块设计-文末获取源码

    1. 首页

    2. 关于

    3. 锻炼版

    4. 计划安排

    5. 联系我们

    image-20220222210919605

    首页

    大图展示

    image-20220222211002530

        <div class="main-banner" id="top">
            <video autoplay muted loop id="bg-video">
                <source src="assets/images/gym-video.mp4" type="video/mp4" />
            </video>
    
            <div class="video-overlay header-text">
                <div class="caption">
                    <h6>更强健的身体</h6>
                    <h2>与我们一起 <em>gym</em></h2>
                    <div class="main-button scroll-to-section">
                        <a href="#features">立即加入</a>
                    </div>
                </div>
            </div>
        </div>
    

    服务列表轮播

    image-20220222211038631

        <section class="section" id="features">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <ul class="features-items">
                            <li class="feature-item">
                                <div class="left-icon">
                                    <img src="assets/images/features-first-icon.png" alt="fourth muscle">
                                </div>
                                <div class="right-content">
                                    <h4>Advanced Muscle Course</h4>
                                    <p>You may want to browse through <a rel="nofollow" href="" target="_parent">Digital Marketing</a> or <a href="">Corporate</a> HTML CSS templates on our website.</p>
                                    <a href="#" class="text-button">Discover More</a>
                                </div>
                            </li>
                            <li class="feature-item">
                                <div class="left-icon">
                                    <img src="assets/images/features-first-icon.png" alt="training fifth">
                                </div>
                                <div class="right-content">
                                    <h4>Yoga Training</h4>
                                    <p>This template is built on Bootstrap v4.3.1 framework. It is easy to adapt the columns and sections.</p>
                                    <a href="#" class="text-button">Discover More</a>
                                </div>
                            </li>
                            <li class="feature-item">
                                <div class="left-icon">
                                    <img src="assets/images/features-first-icon.png" alt="gym training">
                                </div>
                                <div class="right-content">
                                    <h4>Body Building Course</h4>
                                    <p>Suspendisse fringilla et nisi et mattis. Curabitur sed finibus nisi. Integer nibh sapien, vehicula et auctor.</p>
                                    <a href="#" class="text-button">Discover More</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
    

    课程列表

    image-20220222211126882

    课程安排

    image-20220222211149769

        <section class="section" id="our-classes">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 offset-lg-3">
                        <div class="section-heading">
                            <h2>Our <em>Classes</em></h2>
                            <img src="assets/images/line-dec.png" alt="">
                            <p>Nunc urna sem, laoreet ut metus id, aliquet consequat magna. Sed viverra ipsum dolor, ultricies fermentum massa consequat eu.</p>
                        </div>
                    </div>
                </div>
                <div class="row" id="tabs">
                  <div class="col-lg-4">
                    <ul>
                      <li><a href='#tabs-1'><img src="assets/images/tabs-first-icon.png" alt="">First Training Class</a></li>
                      <li><a href='#tabs-2'><img src="assets/images/tabs-first-icon.png" alt="">Second Training Class</a></a></li>
                      <li><a href='#tabs-3'><img src="assets/images/tabs-first-icon.png" alt="">Third Training Class</a></a></li>
                      <li><a href='#tabs-4'><img src="assets/images/tabs-first-icon.png" alt="">Fourth Training Class</a></a></li>
                      <div class="main-rounded-button"><a href="#">View All Schedules</a></div>
                    </ul>
                  </div>
              
                    </section>
                  </div>
                </div>
            </div>
        </section>
    

    联系我们

    image-20220222211248390

          <div class="col-lg-6 col-md-6 col-xs-12">
                        <div class="contact-form">
                            <form id="contact" action="" method="post">
                              <div class="row">
                                <div class="col-md-6 col-sm-12">
                                  <fieldset>
                                    <input name="name" type="text" id="name" placeholder="Your Name*" required="">
                                  </fieldset>
                                </div>
                                <div class="col-md-6 col-sm-12">
                                  <fieldset>
                                    <input name="email" type="text" id="email" pattern="[^ @]*@[^ @]*" placeholder="Your Email*" required="">
                                  </fieldset>
                                </div>
                                <div class="col-md-12 col-sm-12">
                                  <fieldset>
                                    <input name="subject" type="text" id="subject" placeholder="Subject">
                                  </fieldset>
                                </div>
                                <div class="col-lg-12">
                                  <fieldset>
                                    <textarea name="message" rows="6" id="message" placeholder="Message" required=""></textarea>
                                  </fieldset>
                                </div>
                                <div class="col-lg-12">
                                  <fieldset>
                                    <button type="submit" id="form-submit" class="main-button">Send Message</button>
                                  </fieldset>
                                </div>
                              </div>
                            </form>
                        </div>
                    </div>
    

    响应式

    image-20220222211630602

    完整代码

    获取完整源码:关注公众号【搞前端的半夏】回复[网站模板],免费获取源码。回复[网站模板],免费获取N++套模板
    大家点赞、收藏、关注、评论啦 、查看👇🏻👇🏻👇🏻微信公众号获取👇🏻👇🏻👇🏻

    在这里插入图片描述

    展开全文
  • 【价值千元!!】网站建设资料集合,VIP网盘链接,永久有效! 11:phpweb整站源码模板
  • 简约风格WEB网页模板

    2019-12-13 10:58:22
    简约风格WEB网页模板是一款简洁清爽风格的HTML网站设计机构模板
  • web开发平台网站模板下载是一款PC手机应用软件开发网站模板下载。
  • [Web] 【网站源码】80个在线小游戏源码
  • web前端开发官网模板

    2021-06-01 22:05:51
    web前端开发官网模板是一款大气好看的公司类网站模板,需要的朋友可以免费下载使用。
  • PHPWEB网站源码

    2014-12-26 20:45:38
    PHPWEB文件,可以直接安装使用。企业网站源码带后台phpweb打包企业网站模板带后台网站设计
  • 1 仿搜优图片网触屏版手机wap图片网站模板 rar 2 仿享客零食网触屏版html5手机wap购物网站模板下载 zip 等等
  • 主页:搞前端的半夏 简介:前端领域优质创作者。扫码或搜索添加文末公众号「搞前端的半夏」: 回复 ”网站模板...本模板是教育机构或学校的专业 HTML5 网站模板。此 CSS 模板基于截至 2022 年 2 月的最新版本 Bootst.
  • 内含网站模板20个. 1.仿SAEKO微官网html5手机网站模板.zip 2.仿北京房地产交易网触屏版html5手机wap房产网站模板下载(超动感).rar 3.仿今日購物行動版触屏版手机wap购物网站模板.rar
  • 产品经理全套文档模板 Axure8可以打开8、7版本制作 Axure9可以全部打开9、8、7版本制作 ——网站 阿里云网站.rp 车辆违章处理.rp 城市介绍网站.rp 城市旅游网站.rp 城市网站.rp 城市网站线框图.rp 宠物网站.rp 电商...
  • web安全|渗透测试|网络安全web网站源码及相关分析
  • web前端期末节课大作业 ,html+css+javascript实现~ (功能齐全)HTML教育培训机构网站模板,DIV+CSS布局,宽屏设计,自适应分辨率,全套模板,包括学院首页、教师风采、课程介绍、推荐阅读、加入我们等网站模板页面。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 277,567
精华内容 111,026
关键字:

web网站模板

友情链接: genConnection.zip