Meta Description" name="description" />
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
body {
margin: 0;
padding: 20px;
font-family: 'Helvetica Neue', Arial, sans-serif;
background-color: #0f172a;
color: #f8fafc;
display: flex;
justify-content: center;
align-items: center;
min-height: 90vh;
}
.banner {
border: 4px solid #3b82f6;
border-radius: 12px;
padding: 40px;
text-align: center;
background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
box-shadow: 0 10px 25px rgba(0,0,0,0.5);
max-width: 800px;
width: 100%;
}
.main-title {
font-size: 48px;
font-weight: bold;
color: #3b82f6;
margin: 0 0 10px 0;
text-transform: uppercase;
letter-spacing: 2px;
}
.subtitle {
font-size: 28px;
font-weight: 600;
color: #e2e8f0;
margin: 0 0 35px 0;
letter-spacing: 1px;
}
.brands-box {
background-color: #1e293b;
border: 1px solid #334155;
border-radius: 8px;
padding: 20px;
margin-bottom: 40px;
}
.brands-list {
font-size: 20px;
font-weight: bold;
color: #94a3b8;
letter-spacing: 2px;
}
.footer-section {
border-top: 2px dashed #334155;
padding-top: 20px;
display: flex;
justify-content: space-between;
text-align: left;
}
.footer-cell {
width: 48%;
}
.right-align {
text-align: right;
}
.label {
font-weight: bold;
color: #64748b;
text-transform: uppercase;
font-size: 14px;
display: block;
margin-bottom: 6px;
}
.value {
font-size: 18px;
font-weight: 600;
color: #cbd5e1;
}
</style>
</head>
<body>
<div class="banner">
<div class="main-title">Ratul Repair's</div>
<div class="subtitle">Advance Mobile Repairing</div>
<div class="brands-box">
<div class="brands-list">
OPPO • SAMSUNG • XIAOMI • iPHONE • VIVO
</div>
</div>
<div class="footer-section">
<div class="footer-cell">
<span class="label">Address</span>
<span class="value">Main Road Shikaripara</span>
</div>
<div class="footer-cell right-align">
<span class="label">Proprietor</span>
<span class="value">Prashant Pal</span>
</div>
</div>
</div>
</body>
</html>
1
1
3KB
3KB
134.0ms
192.0ms
135.0ms