<![CDATA[
<div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1PqNJ/0362428f0a8c6692b26b6c4967bcd7d6de498ba9" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1PqNJ/0362428f0a8c6692b26b6c4967bcd7d6de498ba9" data-origin-width="1419" data-origin-height="823"></div><p style="text-align: left;"><span style="color: #333333;" data-ke-size="size18"><!DOCTYPE html><br><html lang="en"<br>      xmlns:th="<a style="color: #333333;" href="http://www.thymeleaf.org" target="_top" class="ke-link">http://www.thymeleaf.org</a>"<br>      xmlns:layout="<a style="color: #333333;" href="http://www.ultraq.net.nz/thymeleaf/layout" target="_top" class="ke-link">http://www.ultraq.net.nz/thymeleaf/layout</a>"<br>      layout:decorate="~{layouts/layout1}"><br><br><th:block layout:fragment="css"><br>    <style><br>        @media(min-width: 800px){<br>            .content{<br>                width: 800px;<br>            }<br>        }<br>    </style><br></th:block><br><br><div layout:fragment="content"><br>    <div class="row mt-5"><br>        <!-- Card1 --><br>        <div class="col-md-6"><br>            <div class="card round-4 shadow-lg border-0 mb-5"><br>                <div class="card-body"><br>                    <div><br>                        <h4 class="fw-bold">Free</h4><br>                        <div class="text-muted">For Freelancers</div><br>                    </div><br>                    <h2 class="fs-1 fw-bold mt-4 mb-5">$0</h2><br>                    <ul class="list-group list-group-flush fs-5 mb-5 vstack gap-2"><br>                        <li class="list-group-item border-0"><br>                            <i class="bi bi-check2"></i>Single User<br>                        </li><br>                        <li class="list-group-item border-0"><br>                            <i class="bi bi-check2"></i>10 Downloads Per Month<br>                        </li><br>                        <li class="list-group-item border-0"><br>                            <i class="bi bi-check2"></i>Faster Files<br>                        </li><br>                        <li class="list-group-item border-0"><br>                            <i class="bi bi-check2"></i>25 Custom Packs<br>                        </li><br>                    </ul><br>                    <div class="d-grid"><br>                        <button class="btn btn-dark rounded-4 mt-5 mb-4"><br>                            Subscribe<br>                        </button><br>                    </div><br>                </div><br>            </div><br>        </div><br>        <!-- Card2 --><br>        <div class="col-md-6"><br>            <div class="card text-bg-dark round-4 shadow-lg border-0 mb-5"><br>                <div class="card-body"><br>                    <div><br>                        <h4 class="fw-bold">Free</h4><br>                        <div class="text-white">For Agencies</div><br>                    </div><br>                    <h2 class="fs-1 fw-bold mt-4 mb-5">$100</h2><br>                    <ul class="list-group list-group-flush fs-5 mb-5 vstack gap-2"><br>                        <li class="list-group-item border-0 text-bg-dark"><br>                            <i class="bi bi-check2"></i>Unlimited Users<br>                        </li><br>                        <li class="list-group-item border-0 text-bg-dark"><br>                            <i class="bi bi-check2"></i>Unlimited Downloads<br>                        </li><br>                        <li class="list-group-item border-0 text-bg-dark"><br>                            <i class="bi bi-check2"></i>Fully Editable Files<br>                        </li><br>                        <li class="list-group-item border-0 text-bg-dark"><br>                            <i class="bi bi-check2"></i>200+ Custom Packs<br>                        </li><br>                    </ul><br>                    <div class="d-grid"><br>                        <button class="btn btn-light rounded-4 mt-5 mb-4"><br>                            Subscribe<br>                        </button><br>                    </div><br>                </div><br>            </div><br>        </div><br>    </div><br></div><br></html></span></p><p> </p>
<!-- -->
]]>
카페 게시글
CSS
bootstrap
요금표 만들기
주인장
추천 0
조회 11
24.12.31 00:39
댓글 0
다음검색
