"Untitled"
Bootstrap 4.1.1 Snippet by Manojkumar001

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Jansons Carpets - Tribal Carpets</title> <style> body { font-family: Arial, sans-serif; background-color: #f9f9f9; margin: 0; height: 100vh; display: flex; justify-content: center; align-items: center; text-align: center; } .container { max-width: 700px; padding: 20px; } h1 { color: #222; } p { color: #444; } /* Button Styling */ .btn { display: inline-block; margin-top: 20px; padding: 12px 24px; color: #fff; background-color: #008080; text-decoration: none; border-radius: 5px; border: 2px solid #008080; transition: all 0.3s ease; position: relative; overflow: hidden; } /* Hover → White */ .btn:hover { background-color: #ffffff; color: #008080; transform: translateY(-2px); box-shadow: 0 8px 15px rgba(0,0,0,0.2); } /* Ripple Effect */ .btn::after { content: ""; position: absolute; width: 0; height: 0; background: rgba(0,128,128,0.2); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: width 0.4s ease, height 0.4s ease; } .btn:active::after { width: 200px; height: 200px; } </style> </head> <body> <div class="container"> <h1>Jansons Carpets Provides Tribal Carpets in Delhi Inspired by Cultural Heritage</h1> <p> Jansons Carpets showcases tribal carpets in Delhi crafted with bold patterns and authentic handcrafted techniques. These carpets bring artistic charm, warmth, and cultural richness to interiors, creating distinctive and stylish décor. </p> <a href="https://jansonscarpets.com/tribal-carpets.html" class="btn" target="_blank"> Explore Tribal Carpets </a> </div> </body> </html>

Questions / Comments: