재단 정가
수표는 자신의 제품을 표시하는 데 사용될 수있다 :
예
<UL 클래스 = "가격 테이블 ">
<리튬 클래스 = "제목"> 기본 </ 리>
<리 클래스 = "가격"> $ 19.99 </ 리>
<리 클래스 = "설명"> 중소 기업을위한 좋은 </ 리>
<리 클래스 = "글 머리 기호 항목 "> 24 지원 </ 리>
<리 클래스 = "글 머리 기호 항목 "> 15기가바이트 저장 </ 리>
<리 클래스 = "글 머리 기호 항목 "> 1기가바이트 대역폭 </ 리>
<리 클래스 = "CTA 버튼 "> <a 클래스 = "button" HREF는 = </ A> </ 리>를 구매 "#">
</ UL>
<리튬 클래스 = "제목"> 기본 </ 리>
<리 클래스 = "가격"> $ 19.99 </ 리>
<리 클래스 = "설명"> 중소 기업을위한 좋은 </ 리>
<리 클래스 = "글 머리 기호 항목 "> 24 지원 </ 리>
<리 클래스 = "글 머리 기호 항목 "> 15기가바이트 저장 </ 리>
<리 클래스 = "글 머리 기호 항목 "> 1기가바이트 대역폭 </ 리>
<리 클래스 = "CTA 버튼 "> <a 클래스 = "button" HREF는 = </ A> </ 리>를 구매 "#">
</ UL>
»시도
분석의 예
-
ul.pricing-table- 정의 가격 목록 -
li.title- 제목 (검은 색)의 제품을 정의 -
li.price- 정의 가격 (큰 글꼴은 회색 배경 엔트리) -
li.description- (필요한 경우) 제품 설명을 정의 -
li.bullet-item- 정의 기능 -
li.ca-button(예, "주문", "가입"과 같은 버튼 텍스트 - "회원 가입" 등)
참고 : 컨테이너의 100 % 폭으로 가득 테이블을, 모든 항목은 테두리가 있고 중앙에.
리스팅 가격 그리드
다음 예는 세 개의 엔터프라이즈 제품 (세 동일한 분할 폭)의 가격을 보여줍니다
예
<사업부 클래스 = "행">
<사업부 클래스 = "중간 4 열">
<UL 클래스 = "가격 테이블 ">
<리 클래스 = "제목"> 기본 </ 리>
...
</ UL>
</ DIV>
<사업부 클래스 = "중간 4 열">
<UL 클래스 = "가격 테이블 ">
<리 클래스 = "제목"> 프로 </ 리>
...
</ UL>
</ DIV>
<사업부 클래스 = "중간 4 열">
<UL 클래스 = "가격 테이블 ">
<리 클래스 = "제목"> 프리미엄 </ 리>
...
</ UL>
</ DIV>
</ DIV>
<사업부 클래스 = "중간 4 열">
<UL 클래스 = "가격 테이블 ">
<리 클래스 = "제목"> 기본 </ 리>
...
</ UL>
</ DIV>
<사업부 클래스 = "중간 4 열">
<UL 클래스 = "가격 테이블 ">
<리 클래스 = "제목"> 프로 </ 리>
...
</ UL>
</ DIV>
<사업부 클래스 = "중간 4 열">
<UL 클래스 = "가격 테이블 ">
<리 클래스 = "제목"> 프리미엄 </ 리>
...
</ UL>
</ DIV>
</ DIV>
»시도