<html lang="en-US" >

<head>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"/>
	<link rel="stylesheet" href="./bootstrap.min.css">
</head>
<header>
    <div class="col-12 text-center mt-4">
		<a href="https://www.hostingraja.in/"><img src="https://image.hostingraja.in/images/icons/og-hrlogo.png" alt="vector-name-server" title="vector-name-server" class="img-header"></a>
    </div>
</header>
<body>
<style>
    body {
        font-family: Arial, sans-serif;
    }
    .success-msg {
        background: #d4edda;
        padding: 6px 10px;
        color: #155724;
        display: inline-block;
        border-radius: 5px;
    }
    .highlight {
        color: #ed1f19;
        font-weight: bold;
    }
    .cards {
        display: flex;
        justify-content: space-around;
        margin-top: 20px;
        flex-wrap: wrap;
    }
    .card {
        border: 1px solid #ddd;
        padding: 15px;
        width: 23%;
        border-radius: 5px;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 10px;
        position: relative;
        background: #fff;
        overflow: hidden;
    }
    .card::before,
    .card::after {
        content: "";
        position: absolute;
        width: 30%;
        height: 21%;
        border: 1.2px solid red;
    }
    .card::before {
        top: 0;
        left: 0;
        border-right: none;
        border-bottom: none;
        border-top-left-radius: 5px;
    }
    .card::after {
        bottom: 0;
        right: 0;
        border-left: none;
        border-top: none;
        border-bottom-right-radius: 5px;
    }
    .card a {
        display: block;
        margin-top: 10px;
        text-decoration: none;
        background: #ed1f19;
        color: #fff;
        padding: 5px;
        border-radius: 3px;
        width: 70%;
    }
    .img-right {
        width: 80%;
    }
    .bg-right {
        background-image: url(images/bg-vector-server.webp);
        background-size: cover;
        background-position: center;
    }
    .left-top {
        margin-top: 5%;
    }
    .img-down {
        width: 70%;
    }
    .card-heading {
        font-size: 25px;
        font-weight: 600;
    }
    .paragraph-content-area {
        font-size: 15px;
    }
    .card-paragraph {
        font-size: 0.8em;
    }
    .left-para {
        font-size: large;
        font-weight: 550;
    }
    .row-gap {
        gap: 2%;
    }
	.img-header{
		width: 20%;
	}
    @media (max-width: 768px) {
        .row-gap {
            gap: 1%;
        }
    }
    @media (max-width: 991px) {
        .card {
            width: 100%;
            margin-bottom: 1.5rem !important;
        }
		.card-heading{
			text-align: center;
		}
		.left-top {
    	    text-align: center;
	    }
	    .img-header{
    	    width: 50%;
	    }
		.bg-right {
            text-align: center;
	    }
		.img-right {
    	    width: 60%;
	    }
		.card a {
			width: 100%;
		}

    }
</style>

<div class="container">
    <div class="row">
        <div class="col-lg-6 left-top">
            <div class="alert alert-success success-msg">Domain Registration Success!
                <img src="images/green-tick-name-server.webp" alt="vector-name-server" title="vector-name-server" class="img-tick">
            </div>
            <h1 class="mb-0 mt-3"><span class="highlight">www.jhumkacity.com</span> is Live</h1>
            <p class="mb-4 left-para">Your domain is now pointing to our nameservers!</p>
            <p class="mb-0">That’s a smart choice—Welcome to the <span class="highlight">HostingRaja Family!</span></p>
            <p>Now let’s build something amazing together—step by step.</p>
        </div>
        <div class="col-lg-6 bg-right">
            <img src="images/Vector-Name-Server.webp" alt="vector-name-server" title="vector-name-server" class="img-right">
        </div>
    </div>
    <h4 class="mb-2"><b>What’s Coming Up? Shape Your Future Today!</b></h4>
    <div class="row row-gap p-3">
        <div class="card col-lg-3 col-md-6 col-sm-6 col-12">
            <h3 class="card-heading">Get Premium Hosting</h3>
            <p class="card-paragraph">Power your website with our high-performance hosting solutions.</p>
            <a href="https://www.hostingraja.in/" class="btn btn-danger"><b>View Hosting Plans</b></a>
        </div>
		<div class="card col-lg-3 col-md-6 col-sm-6 col-12">
            <h3 class="card-heading">Get Reliable Servers</h3>
            <p class="card-paragraph">Power your website with high-performance, secure hosting solutions.</p>
            <a href="https://www.hostingraja.in/server/vps-servers/" class="btn btn-danger"><b>Get Started</b></a>
        </div>
        <div class="card col-lg-3 col-md-6 col-sm-6 col-12">
            <h3 class="card-heading">Get Business Email</h3>
            <p class="card-paragraph">Build trust with professional, secure email for your business.</p>
            <a href="https://www.hostingraja.in/email/email-solutions/" class="btn btn-danger"><b>Get Started</b></a>
        </div>
        <div class="card col-lg-3 col-md-6 col-sm-6 col-12">
            <h3 class="card-heading">Change Nameservers</h3>
            <p class="card-paragraph">Configure your domain settings and DNS records in our user-friendly control panel.</p>
            <a href="https://www.hostingraja.in/blog/how-to-change-nameservers-at-hostingraja/" class="btn btn-danger"><b>Manage Settings</b></a>
        </div>
    </div>
    <div class="d-flex justify-content-between mt-5">
        <div class="col-lg-11">
            <p style="font-size: 25px;"><strong>Got Questions? We're Here 24/7!</strong></p>
            <p class="paragraph-content-area">Stuck on something? Our expert support team is available via call, live chat, or email!</p>
        </div>
        <div class="col-lg-1">
			<a href="https://www.hostingraja.in/sales-support/">
				<img src="images/support-name-server.webp" alt="vector-name-server" title="vector-name-server" class="img-down">
			</a>
        </div>
    </div>
</div>
</body>
</html>
