<!doctype html>
<html lang=en>
<head>
<meta charset=UTF-8>
<meta name=viewport content="width=device-width,initial-scale=1">
<title>Pricing Plans</title>
<style>*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background-color:#f8f9fa;color:#333;padding:20px}header{text-align:center;padding:20px 0;background:linear-gradient(135deg,#00b4db,#0083b0);color:#fff;border-radius:10px;margin-bottom:30px}header h1{font-size:2.5em}.pricing-section{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.price-container{background:#fff;border-radius:15px;width:300px;padding:20px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.2);transition:transform .3s ease,box-shadow .3s ease}.price-container:hover{transform:translateY(-5px);box-shadow:0 6px 15px rgba(0,0,0,.3)}.price-header{font-size:1.5em;font-weight:700;color:#005f7a;margin-bottom:15px}.price-details{font-size:1em;line-height:1.6;color:#555;margin-bottom:20px}.price-tag{font-size:1.8em;font-weight:700;color:#00b4db;margin-bottom:20px}.price-buttons{display:flex;justify-content:center;gap:10px}.button{display:inline-block;text-decoration:none;padding:10px 20px;font-size:.9em;font-weight:700;color:#fff;background:linear-gradient(135deg,#00b4db,#0083b0);border:none;border-radius:25px;box-shadow:0 4px 10px rgba(0,0,0,.2);transition:background .3s ease,transform .2s ease}.button:hover{background:linear-gradient(135deg,#0083b0,#005f7a);transform:translateY(-3px)}</style>
</head>
<body>
<header>
<h1>Pricing Plans</h1>
</header>
<section class=pricing-section>
<div class=price-container>
<div class=price-header>Basic Plan</div>
<div class=price-details>
Perfect for individuals starting out.
</div>
<div class=price-tag>₹ 299</div>
<div class=price-buttons>
<a href=# class=button>For 1 Month</a>
</div>
</div>
<div class=price-container>
<div class=price-header>Basic Plan</div>
<div class=price-details>
Good For Average Usage
</div>
<div class=price-tag>₹ 499</div>
<div class=price-buttons>
<a href=# class=button>For 2 Months</a>
</div>
</div>
<div class=price-container>
<div class=price-header>Standard Plan</div>
<div class=price-details>
More Stability & Good For Long Eficiancy
</div>
<div class=price-tag>₹ 1199</div>
<div class=price-buttons>
<a href=# class=button>For 6 Months</a>
</div>
</div>
<div class=price-container>
<div class=price-header>Premium Plan</div>
<div class=price-details>
Best for large organizations & Over Usage
</div>
<div class=price-tag>₹ 1999</div>
<div class=price-buttons>
<a href=# class=button>For 1 Years</a>
</div>
</div>
<h2>° ° ° ° ° °</h2>
</section>
</body>
</html>