56 lines
1.8 KiB
HTML
56 lines
1.8 KiB
HTML
<!doctype html>
|
||
<html lang="fa" dir="rtl">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>دعوت به وینسو</title>
|
||
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
|
||
<link rel="stylesheet" href="css/style.css" />
|
||
</head>
|
||
<body>
|
||
<div class="screen">
|
||
<div class="logo">
|
||
<img src="assets/images/logo.png" alt="وینسو Winsoo" />
|
||
</div>
|
||
|
||
<div class="illustration">
|
||
<img src="assets/images/illustration.png" alt="" />
|
||
</div>
|
||
|
||
<div class="content">
|
||
<h1 class="title">به وینسو خوش آمدید!</h1>
|
||
<p class="subtitle">
|
||
دوستتان شما را به وینسو دعوت کرده است.
شماره موبایل خود را وارد کنید و
|
||
پس از نصب و ورود با همین شماره، <strong>۲۵,۰۰۰</strong> تومان تومان
|
||
اعتبار پاداش دریافت کنید.
|
||
</p>
|
||
|
||
<div class="input-group">
|
||
<input
|
||
id="phoneInput"
|
||
type="tel"
|
||
class="phone-input"
|
||
direction="ltr"
|
||
inputmode="numeric"
|
||
maxlength="11"
|
||
placeholder="مثال: ۰۹۱۲۳۴۵۶۷۸۹"
|
||
/>
|
||
</div>
|
||
|
||
<p class="hint">
|
||
برای دریافت پاداش لازم است شمارهای را وارد کنید که متعلق به خودتان
|
||
باشد.
|
||
</p>
|
||
|
||
<p id="formMessage" class="form-message" role="alert"></p>
|
||
</div>
|
||
|
||
<div class="footer">
|
||
<button id="submitBtn" type="button" class="cta-btn">
|
||
ثبت شماره و دانلود برنامه
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<script src="js/script.js" defer></script>
|
||
</body>
|
||
</html>
|