"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"> <title>Jansons Carpets Tips</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', sans-serif; } body { height: 100vh; display: flex; justify-content: center; align-items: center; background: #eeeeee; } .container { text-align: center; max-width: 650px; padding: 40px; border-radius: 20px; background: #ffffff; box-shadow: 0 10px 30px rgba(0,0,0,0.1); color: #333; transition: 0.3s ease; } .container:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.15); } h1 { font-size: 26px; margin-bottom: 20px; line-height: 1.4; } p { font-size: 17px; margin-bottom: 30px; line-height: 1.6; color: #666; } .btn { position: relative; display: inline-block; padding: 14px 30px; color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; border-radius: 50px; background: linear-gradient(45deg, #ff0000, #ff4b2b); box-shadow: 0 5px 15px rgba(255, 0, 0, 0.4); transition: 0.3s ease; overflow: hidden; } .btn::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: rgba(255,255,255,0.4); transform: skewX(-25deg); transition: 0.5s; } .btn:hover::before { left: 120%; } .btn:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 10px 25px rgba(255, 0, 0, 0.6); } .btn:active { transform: scale(0.95); } </style> </head> <body> <div class="container"> <h1>Jansons Carpets Shares Carpet Care Tips to Maintain Beauty and Durability</h1> <p> Jansons Carpets offers helpful carpet care tips to keep carpets clean, fresh, and long-lasting. Proper maintenance, regular cleaning, and careful handling ensure that carpets retain their texture, color, and elegance over time. </p> <a href="https://jansonscarpets.com/blog/carpet-care-tips-to-keep-rugs-looking-new/" class="btn" target="_blank"> ✨ Read More </a> </div> </body> </html>

Questions / Comments: