Web网站模板-响应式企业产品介绍模板(HTML+CSS+JavaScript)

Posted 2022-01-14 前端picker

主页：前端picker

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

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

你还在未html网页设计作业头大吗？

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

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

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

效果截图-文末获取源码

首页

主要功能

产品量化

产品定价

产品列表

部分代码

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

获取完整源码：关注公众号【半夏话前端】回复[产品]，免费获取源码。回复[网站模板],免费获取50+套模板

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