<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>PriceTable</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css"/>
<link rel="stylesheet" type="text/css" href="css/bootstrap-grid.min.css"/>
</head>
<body>
<div class="htmleaf-container">
<header class="htmleaf-header">
<h1>时尚价格表设计<span>A Pricing Table</span></h1>
</header>
<div class="demo" style="background: #c0bfbf; padding: 1em 0;">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="pricingTable">
<div class="pricingTable-header">
<h3 class="heading">Standard</h3>
<span class="price-value">
<span class="currency">$</span>10
<span class="month">/mo</span>
</span>
</div>
<div class="pricing-content">
<ul>
<li>50GB Disk Space</li>
<li>50 Email Accounts</li>
<li>50GB Monthly Bandwidth</li>
<li>10 Subdomains</li>
<li>15 Domains</li>
</ul>
<a href="#" class="read"> sign up</a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="pricingTable">
<div class="pricingTable-header">
<h3 class="heading">Standard</h3>
<span class="price-value">
<span class="currency">$</span>10
<span class="month">/mo</span>
</span>
</div>
<div class="pricing-content">
<ul>
<li>50GB Disk Space</li>
<li>50 Email Accounts</li>
<li>50GB Monthly Bandwidth</li>
<li>10 Subdomains</li>
<li>15 Domains</li>
</ul>
<a href="#" class="read"> sign up</a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="pricingTable">
<div class="pricingTable-header">
<h3 class="heading">Standard</h3>
<span class="price-value">
<span class="currency">$</span>10
<span class="month">/mo</span>
</span>
</div>
<div class="pricing-content">
<ul>
<li>50GB Disk Space</li>
<li>50 Email Accounts</li>
<li>50GB Monthly Bandwidth</li>
<li>10 Subdomains</li>
<li>15 Domains</li>
</ul>
<a href="#" class="read"> sign up</a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="pricingTable">
<div class="pricingTable-header">
<h3 class="heading">Standard</h3>
<span class="price-value">
<span class="currency">$</span>10
<span class="month">/mo</span>
</span>
</div>
<div class="pricing-content">
<ul>
<li>50GB Disk Space</li>
<li>50 Email Accounts</li>
<li>50GB Monthly Bandwidth</li>
<li>10 Subdomains</li>
<li>15 Domains</li>
</ul>
<a href="#" class="read"> sign up</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title>PriceTable</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css"/>
<link rel="stylesheet" type="text/css" href="css/bootstrap-grid.min.css"/>
</head>
<body>
<div class="htmleaf-container">
<header class="htmleaf-header">
<h1>时尚价格表设计<span>A Pricing Table</span></h1>
</header>
<div class="demo" style="background: #c0bfbf; padding: 1em 0;">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="pricingTable">
<div class="pricingTable-header">
<h3 class="heading">Standard</h3>
<span class="price-value">
<span class="currency">$</span>10
<span class="month">/mo</span>
</span>
</div>
<div class="pricing-content">
<ul>
<li>50GB Disk Space</li>
<li>50 Email Accounts</li>
<li>50GB Monthly Bandwidth</li>
<li>10 Subdomains</li>
<li>15 Domains</li>
</ul>
<a href="#" class="read"> sign up</a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="pricingTable">
<div class="pricingTable-header">
<h3 class="heading">Standard</h3>
<span class="price-value">
<span class="currency">$</span>10
<span class="month">/mo</span>
</span>
</div>
<div class="pricing-content">
<ul>
<li>50GB Disk Space</li>
<li>50 Email Accounts</li>
<li>50GB Monthly Bandwidth</li>
<li>10 Subdomains</li>
<li>15 Domains</li>
</ul>
<a href="#" class="read"> sign up</a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="pricingTable">
<div class="pricingTable-header">
<h3 class="heading">Standard</h3>
<span class="price-value">
<span class="currency">$</span>10
<span class="month">/mo</span>
</span>
</div>
<div class="pricing-content">
<ul>
<li>50GB Disk Space</li>
<li>50 Email Accounts</li>
<li>50GB Monthly Bandwidth</li>
<li>10 Subdomains</li>
<li>15 Domains</li>
</ul>
<a href="#" class="read"> sign up</a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="pricingTable">
<div class="pricingTable-header">
<h3 class="heading">Standard</h3>
<span class="price-value">
<span class="currency">$</span>10
<span class="month">/mo</span>
</span>
</div>
<div class="pricing-content">
<ul>
<li>50GB Disk Space</li>
<li>50 Email Accounts</li>
<li>50GB Monthly Bandwidth</li>
<li>10 Subdomains</li>
<li>15 Domains</li>
</ul>
<a href="#" class="read"> sign up</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
