Meta Description" name="description" />
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Kuan Pujan Invitation</title>
<style>
@page { size: A4 portrait; margin: 15mm; }
body {
font-family: Arial;
background: #fff7e6;
}
.card {
border: 6px solid gold;
padding: 25px;
height: 100%;
text-align: center;
}
.title {
font-size: 30px;
font-weight: bold;
color: #8b0000;
}
.name {
font-size: 28px;
font-weight: bold;
color: #b8860b;
margin: 10px 0;
}
.photo {
width: 180px;
height: 180px;
border-radius: 50%;
border: 5px solid gold;
margin: 15px auto;
overflow: hidden;
}
.photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.box {
margin-top: 15px;
border: 2px solid #b8860b;
padding: 10px;
display: inline-block;
}
.footer {
margin-top: 20px;
font-weight: bold;
}
</style>
</head>
<body>
<div class="card">
<div class="title">ЁЯХЙя╕П рд╢реБрдн рдХреБрдЖрдБ рдкреВрдЬрди рд╕рдорд╛рд░реЛрд╣ ЁЯХЙя╕П</div>
<p>рд╕рд╛рджрд░ рдЖрдордВрддреНрд░рдг</p>
<p>рд╕реНрд╡рд░реНрдЧреАрдп рд╢реНрд░реА рдкреНрд░реЗрдо рд╕рд╛рдЧрд░ рдЬреА рдПрд╡рдВ рд╢реНрд░реАрдорддреА рдмреАрдирд╛ рджреЗрд╡реА рдЬреА рдХреЗ рдкреМрддреНрд░</p>
<div class="name">тЬи рдЬреАрд╡рд╛рдВрд╢ рд╕реИрдиреА тЬи</div>
<p>(рдзрд╛рдиреА рдХреЗ рдЫреЛрдЯреЗ рднрд╛рдИ)</p>
<p>рд╕реБрдкреБрддреНрд░: рд╢реНрд░реА рдЕрдорд┐рдд рд╕реИрдиреА рдПрд╡рдВ рд╢реНрд░реАрдорддреА рдирд┐рдХрд┐рддрд╛ рд╕реИрдиреА</p>
<div class="photo">
<img src="baby.jpg">
</div>
<p>рдЖрдк рд╕рдкрд░рд┐рд╡рд╛рд░ рдкрдзрд╛рд░рдХрд░ рдЕрдкрдирд╛ рдЖрд╢реАрд░реНрд╡рд╛рдж рдкреНрд░рджрд╛рди рдХрд░реЗрдВ</p>
<div class="box">
ЁЯУЕ 24 рдЬрдирд╡рд░реА 2026 (рд╢рдирд┐рд╡рд╛рд░)<br>
ЁЯУН рд╕реИрдиреА рдзрд░реНрдорд╢рд╛рд▓рд╛<br>
тП░ 4:00 PM рдХреБрдЖрдБ рдкреВрдЬрди | 7:00 PM рд░рд╛рддреНрд░рд┐ рднреЛрдЬ
</div>
<div class="footer">
рд╕рд╛рджрд░ рдЖрдордВрддреНрд░рдХ: рд╕реИрдиреА рдкрд░рд┐рд╡рд╛рд░
</div>
</div>
</body>
</html>2
1
2KB
2KB
83.0ms
264.0ms
178.0ms