웹 사이트 2021에 대한 웹 호스팅 가격표를 만드는 방법







호스팅 패키지

재판

$20/월

1 도메인 지원

30GB 호스팅

ddos 보호 70GB

DVD SSL

20% 더 빠름

연중무휴 지원

Ordar now

    </ul>

</div>
<div class="container">
    <h1>Premium</h1>
    <h2>$70 <span>/per month</span></h2>
    <ul>
        <li>5 Domain Supported</li>
        <li>50gb hosting</li>
        <li>ddos-protection 150gb</li>
        <li>dv ssl</li>
        <li>40% faster</li>
        <li>24/7 support</li>
        <li><a href="#">Ordar now</a></li>

    </ul>

</div>
<div class="container">
    <h1>Exclusive</h1>
    <h2>$90 <span>/per month</span></h2>
    <ul>
        <li>10 Domain Supported</li>
        <li>80gb hosting</li>
        <li>ddos-protection 250gb</li>
        <li>dv ssl</li>
        <li>70% faster</li>
        <li>24/7 support</li>
        <li><a href="#">Ordar now</a></li>

    </ul>

</div>

*{
여백: 0;
패딩: 0;
글꼴 패밀리: sans-serif;
상자 크기: 테두리 상자;
}
신체 {
디스플레이: 플렉스;
정당화 내용: 중앙;
항목 정렬: 가운데;
배경: rgb(237, 233, 255);
최소 높이: 100vh;
}
.컨테이너 {
너비: 200px;
배경: #111;
테두리 반경: 10px;
여백: 0 20px;
}
.컨테이너 ul{
디스플레이: 블록;
상단: 5px;
하단: 10px;
}
.컨테이너 울 리 {
목록 스타일: 없음;
색상: #fff;
글꼴 크기: 15px;
패딩: 8px 0;
텍스트 변환: 대문자;
border-bottom: 1px solid #ccc;
여백: 0 10px;
}
.container ul li{
위치: 상대;
색상: #fff;
배경: #ff056d;
패딩: 5px 10px;
테두리 반경: 5px;
텍스트 장식: 없음;
왼쪽: 20%;
여백: 10px 0;
}
h1 {
색상: #fff;
배경: #ff056d;
패딩: 8px 10px;
텍스트 정렬: 가운데;
테두리 반경: 10px 10px 0 0;

}
h2 {
여백: 10px 10px;
글꼴 크기: 3rem;
색상: #ff056d;
텍스트 정렬: 가운데;
}
h2 범위 {
글꼴 크기: 15px;
}