-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
133 lines (130 loc) · 6.57 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./style.css">
<title>pishgaman</title>
</head>
<body>
<div class="main-container">
<div class="back">
<div class="header">
<img class="image0"src="./img/logo-final2_2.webp" alt="لوگو پیشگامان">
<img class="image0" src="./img/15772.webp" alt="شماره 1577">
</div>
<div class="season">
<p class="text1"> جشنواره اینترنت TD-LTE پیشگامان </p>
<div class="btns">
<button class="button2 btn" id="scrollButton">ثبت نام</button>
<button class="button1 btn" id="scrollButton1">اطلاعات بیشتر</button>
</div>
</div>
</div>
<main>
<section class="second">
<div class="card">
<img class="image2" src="./img/Group_19.webp" alt="پایداری سرعت آپلود و دانلود">
<p class="text2"> پایداری در آپلود و دانلود </p>
</div>
<div class="card">
<img class="image2" src="./img/Group_10.webp" alt="بدون نیاز به تلفن">
<p class="text2"> بدون نیاز به تلفن </p>
</div>
<div class="card">
<img class="image2" src="./img/Layer_1.webp" alt="راه اندازی سریع">
<p class="text2"> راه اندازی سریع </p>
</div>
<div class="card">
<img class="image2" src="./img/Vector.webp" alt="سهولت در جابجایی">
<p class="text2"> سهولت در جابجایی </p>
</div>
</section>
<section class="third">
<div>
<div class="card">
<img class="image3" src="./img/a_copy_5.webp" alt="تیک">
<p class="text3"> دارنده پروانه یکپارچه شبکه و خدمات (UNSP) </p>
</div>
<div class="card">
<img class="image4" src="./img/Group382.webp" alt="چرا پیشگامان">
</div>
<div class="card">
<img class="image3" src="./img/a_copy_5.webp" alt="تیک">
<p class="text3">مجری توسعه جدیدترین زیرساخت های ارتباطی </p>
</div>
</div>
<div>
<div class="card">
<img class="image3" src="./img/a_copy_5.webp" alt="تیک">
<p class="text3">طرح های متنوع ومتناسب با نیاز و مصرف کاربران</p>
</div>
<div class="card">
<img class="image3" src="./img/a_copy_5.webp" alt="تیک">
<p class="text3"> بیش از ۱۵۰۰ پاپ سایت و مرکز مخابراتی فعال </p>
</div>
<div class="card">
<img class="image3" src="./img/a_copy_5.webp" alt="تیک">
<p class="text3">پشتیبانی ۲۴ ساعته در تمامی روزهای هفته</p>
</div>
</div>
</section>
<section>
<div>
<P> <span class="slogan" id="Fourth">پیشگامان،</span> همراه بدون مرز جهان آنلاین </P>
</div>
</section>
<section class="Fourth" id="targetSection" >
<div>
<div class="cards">
<P class="text4"> سرویس ۱۰۰ گیگ</P>
<P class="text4"> مودم TD-LTE </P>
<P class="text4"> سیم کارت </P>
<P class="text4"> ۶ ماهه </P>
<P class="text4"> ۲,۸۵۰,۰۰۰ تومان </P>
<button class="btn" id="buyButton100"> خرید سرویس </button>
</div>
<div class="cards">
<P class="text4"> سرویس ۵۰۰ گیگ</P>
<P class="text4"> مودم TD-LTE </P>
<P class="text4"> سیم کارت </P>
<P class="text4"> ۶ ماهه </P>
<P class="text4"> ۳,۸۵۰,۰۰۰ تومان </P>
<button class="btn" id="buyButton500"> خرید سرویس </button>
</div>
</div>
</section>
<section class="fifth">
<p class="text" id="targetHeader">برای خرید سرویس فرم زیر را پر کنید</p>
<div class="form">
<div>
<label for="fname">نام</label><br>
<input type="text"><br>
</div>
<div>
<label for="fname"> تلفن همراه </label><br>
<input type="text"><br>
</div>
<div>
<label for="fname"> نام خانوادگی </label><br>
<input type="text"><br>
</div>
<div>
<label class="select" for="fname"> استان </label><br>
<input type="text"><br>
</div>
</div>
<div>
<button class="button4 btn" id="successAlert"> ثبت اطلاعات و ادامه </button>
</div>
<div id="alertMessage" class="alert-success">
</div>
</section>
</main>
<footer>
<p class="text"> دارای مجوز UNSP به شماره ۱۰۰-۱۳۰-۱۵ در تاریخ ۱۴۰۲/۰۵/۰۹ از سازمان تنظیم مقررات و ارتباطات رادیویی</p>
</footer>
</div>
<script type="module" src="./index.js"></script>
</body>
</html>