primeflex实现价格套餐选择列表效果代码-html代码-BFW代码库

primeflex实现价格套餐选择列表效果代码

代码语言：html

代码描述：primeflex实现价格套餐选择列表效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">


<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/primeflex.css">
    <link rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/primeflex/saga-blue.css">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/normalize.css">




    <style>
        * {
            box-sizing: border-box;
        }
    </style>



</head>

<body>
    <div class="flex lg:flex-row flex-column lg:justify-content-center align-items-center lg:p-8 p-4 font-sans text-white bg-bluegray-900 min-h-screen">
        <div class="lg:w-23rem w-full border-2 lg:border-right-none border-bluegray-800 p-5">
            <div class="pb-3 mb-4 border-bottom-1 border-bluegray-800">
                <div class="text-xs text-bluegray-400 mb-2">
                    START
                </div>
                <h2 class="text-5xl m-0 font-normal">Free</h2>
            </div>
            <div class="flex align-items-center mb-2">
                <svg width="24" height="24" fill="none" class="text-green-500 mr-1" viewBox="0 0 24 24">
                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75"></path>
                </svg>Vexillologist pitchfork
            </div>
            <div class="flex align-items-center mb-2">
                <svg width="24" height="24" fill="none" class="text-green-500 mr-1" viewBox="0 0 24 24">
                    <path.........完整代码请登录后点击上方下载按钮下载查看