会员项目定价卡ui布局特效代码下载


会员项目定价卡ui布局特效代码下载
会员项目定价卡ui布局特效代码下载以及会员项目定价卡等js/jquery网页特效代码下载。

1. 引入CSS

<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@200;400;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">

2. HTML代码

<div class="container flex">
    <div class="flex_content flex2">
        <h2>普通</h2>
        <h4>免费</h4>
        <span>每月3000人次</span>
        <ul>
            <li>有限的报告</li>
            <li>无限项目</li>
            <li>数据存储1年</li>
        </ul>
        <button>
            开通会员
        </button>
    </div>
    <div class="flex_content">
        <h2>专业</h2>
        <h4>19元/月</h4>
        <span>每月1万人次</span>
        <ul>
            <li>无限制报告</li>
            <li>15天免费试用</li>
            <li>数据存储3年</li>
        </ul>
        <button>
            开通会员
        </button>
    </div>
</div>

相关推荐

发表评论

相关文章