PRICING TABLE
SAMPLE CODE OF PRICING TABLE:-LINK
I'll need some information regarding the goods or services you're providing, along with any features or pricing tiers you would want to have, in order to assist you in creating a pricing table. I'd be pleased to help you create a pricing table if you could provide me additional details.
A basic example of a pricing table created with HTML and CSS is shown below. It can be further customized to meet your unique requirements.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
</head>
<style type="text/css">
body
{
background-color: rgb(0, 0, 0, 1.0);
}
.rim
{
color: whitesmoke;
text-align: center;
font-size: 50px;
text-shadow: 3px 3px 3px red;
}
.sim
{
text-align: center;
color: black;
font-size: 30px;
}
.tim
{
text-align: center;
font-size: 30px;
color: white;
}
.kim
{
margin-left: 10%;
float: left;
margin-top: 10%;
margin-bottom : 10%;
margin-right: 5%;
border: 2px solid currentColor;
border-radius: 10px;
background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);
transition: all 1.5s;
box-shadow: 5px 5px 15px whitesmoke;
}
.jim
{
list-style: none;
font-size: 20pxrem;
font-weight: bold;
padding: 20px;
width: 200px;
}
.kim:hover
{
box-shadow: 5px 5px 12px 10px black;
transform: scale(1.3);
rotate: 360deg;
border-radius: 25px;
box-shadow: 5px 5px 15px purple;
}
.tom
{
text-align: center;
}
.tom a
{
border-radius: 40%;
color: darkred;
}
</style>
<body>
<h1 class="rim">(*)PRICE TABLE</h1>
<div class="kim">
<ul class="jim">
<li class="sim">STANDARD PLAN</li>
<li class="tim">200$ per </li>
<li>12 gb</li>
<li>4 domain</li>
<li>unlimited storage</li>
<li class="tom"><a href="">BUY NOW</a></li>
</ul>
</div>
<div class="kim">
<ul class="jim">
<li class="sim">BASIC PLAN</li>
<li class="tim">100$ per </li>
<li>5 gb</li>
<li>1 domain</li>
<li>500 GB</li>
<li class="tom"><a href="">BUY NOW</a></li>
</ul>
</div>
<div class="kim">
<ul class="jim">
<li class="sim">AVERAGE PLAN</li>
<li class="tim">150$ per </li>
<li>8 gb</li>
<li>2 domain</li>
<li>unlimited storage</li>
<li class="tom"><a href="">BUY NOW</a></li>
</ul>
</div>
</body>
</html>
This is just a basic template; you can change the text and styling to suit your needs. You are welcome to change the fonts, colors, and other styling components to better fit your brand or personal style.
0 Comments