-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
205 lines (192 loc) · 10 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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<!-- Meta tags -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Browser title -->
<title>فروشگاه بانواز</title>
<!-- Custom style -->
<link rel="stylesheet" href="style.css">
<!-- fontawesome -->
<script src="https://kit.fontawesome.com/157f6f998e.js" crossorigin="anonymous"></script>
<!-- aos -->
<link rel="stylesheet" href="./node_modules/aos/dist/aos.css">
</head>
<body>
<!-- - - - - - - - - Start Header component - - - - - - - - -->
<header class="main-header">
<nav class="navbar container">
<a href="#"><img src="./images/logo.png" class="tapsi-nav-logo" alt="banavaaz navbar logo"></a>
<button class="btn">فروشگاه بانواز</button>
<div class="nav__toggler">
<div class="bar bar-1"></div>
<div class="bar bar-2"></div>
<div class="bar bar-3"></div>
</div>
<ul class="list nav__list">
<li class="nav__item"><a href="#">خانه</a></li>
<li class="nav__item"><a href="#">فروشگاه</a></li>
<li class="nav__item"><a href="#">درباره ما</a></li>
<li class="nav__item"><a href="#">تماس با ما</a></li>
<li class="btn btn--primary btn--navbar-1"><a href="#" target="_blank">ورود
به داشبورد</a></li>
<li class="btn btn--primary btn--navbar-2"><a href="#" target="_blank">دانلود اپلیکیشن</a></li>
</ul>
</nav>
</header>
<!-- - - - - - - - - End Header component - - - - - - - - -->
<!-- - - - - - - - - Start hero component - - - - - - - - -->
<section class="hero container block">
<div class="hero__image" data-aos="fade-up" data-aos-duration="1500">
<img src="./images/apartment.png" alt="apartment photo">
</div>
<div class="hero__detail" data-aos="fade-up" data-aos-duration="1500">
<h2 class="hero__title">خیالت از خونه راحت!</h2>
<p class="hero__text">بانواز واژه ای کردی به معنای باخبر ساختن با صدای بلند است. درست مثل بانواز! با سنسور
های بانواز از هیچ اتفاقی بی خبر نیستی! چه خونه باشی چه نه</p>
<button class="btn">فروشگاه بانواز</button>
</div>
</section>
<!-- - - - - - - - - End hero component - - - - - - - - -->
<!-- - - - - - - - - Start Services component - - - - - - - - -->
<section class="services container block" data-aos="zoom-in" data-aos-duration="1500">
<div class="services--item">
<img src="./images/Door.png" alt=" icon">
<p>درب و پنچره</p>
</div>
<div class="services--item">
<img src="./images/Plant.png" alt=" icon">
<p>گل و گیاه</p>
</div>
<div class="services--item">
<img src="./images/charge.png" alt=" icon">
<p>وسایل برقی</p>
</div>
<div class="services--item">
<img src="./images/Lamp.png" alt=" icon">
<p>روشنایی</p>
</div>
<div class="services--item">
<img src="./images/Heating.png" alt=" icon">
<p>گرمایی</p>
</div>
<div class="services--item">
<img src="./images/Pet.png" alt=" icon">
<p>حیوانات</p>
</div>
</section>
<!-- - - - - - - - - End Services component - - - - - - - - -->
<!-- - - - - - - - - Start Device component - - - - - - - - -->
<section class="device container block" data-aos="fade-left" data-aos-duration="1500">
<img src="./images/Device.png" class="device--img" alt="banavaaz device photo">
<h2 class="device--title">مدیریت با دستگاه مرکزی</h2>
<p class="device--desc">بانواز برای مدیریت و کنترل سنسورهای خودش از یک دستگاه مرکزی استفاده میکنه که همه چیز تحت
کنترل همین دستگاه مرکزی می باشد ، دستگاه به کمک اینترنت به گوشی شما متصل میشه و شما می تونین همه چیز رو تحت
کنترل خودتون بگیرین</p>
</section>
<!-- - - - - - - - - End Device component - - - - - - - - -->
<!-- - - - - - - - - Start Device component - - - - - - - - -->
<section class="baby container block">
<img src="./images/baby.jpg" class="baby--img" alt="" data-aos="flip-left" data-aos-duration="1500">
<div class="baby__text" data-aos="flip-left" data-aos-duration="1500">
<h2 class="baby__title">دارای تنظیمات مخصوص کودکان</h2>
<p class="baby__desc">نگران تغییر تنظیمات بانواز توسط فرزند عزیزت نباش!</p>
<button class="btn btn--primary">فروشگاه بانواز</button>
</div>
</section>
<!-- - - - - - - - - End Device component - - - - - - - - -->
<!-- - - - - - - - - Start Download App component - - - - - - - - -->
<section class="app container block">
<img src="./images/iPhone-12-Mini.png" class="app--img" alt="موکاپ تلفن همراه" data-aos="flip-right"
data-aos-duration="1500">
<div class="app__text" data-aos="flip-right" data-aos-duration="1500">
<h2 class="app__title">مدیریت خانه روی گوشی!</h2>
<p class="app__desc">با دانلود و نصب اپلیکیشن بانواز می توانید تمامی سنسور ها را روی گوشی مشاهده و کنترل
کنید</p>
<button class="btn btn--primary app__btn">دانلود اپلیکیشن</button>
</div>
</section>
<!-- - - - - - - - - End Download App component - - - - - - - - -->
<!-- - - - - - - - - Start Ability component - - - - - - - - -->
<section class="ability container block" data-aos="fade-left" data-aos-duration="1500">
<h2>قابلیت های ویژه بانواز</h2>
<div class="ability--posts">
<div class="ability__post">
<img src="./images/cat.png" alt="cat photo">
<p>سنسور هایی که برای حیوان های خانگی شما نصب می شوند می توانند با هوش مصنوعی گرسنه بودن حیوان شما را
تشخیص
بدهند</p>
</div>
<div class="ability__post">
<img src="./images/plant(2).png" alt="plsnt photo">
<p>با محاسبه حرارت اطراف خاک گیاهان می شود فهمید کی باید دوباره به گیاه آب بدهید</p>
</div>
<div class="ability__post">
<img src="./images/work.png" alt="office photo">
<p>می توانید مدت زمان روشن بودن دستگاه های الکتریکی را کنترل کنید یا حتی برای روشن کردن انها از بانواز
کمک
بگیرید</p>
</div>
<div class="ability__post">
<img src="./images/door(2).png" alt="door photo">
<p>باز و بسته شدن درب ها و پنجره ها ، تشخیص حضور انسان و کلی قابلیت دیگه در سنسور های بانواز</p>
</div>
</div>
</section>
<!-- - - - - - - - - End Ability component - - - - - - - - -->
<!-- - - - - - - - - Start Company component - - - - - - - - -->
<section class="company container block">
<div class="company-text" data-aos="fade-left" data-aos-duration="1500">
<h2>رفقای بانواز</h2>
<p>ما افتخار همکاری با بیش از ده ها شرکت رو در بانواز داریم</p>
</div>
<div class="company-img">
<img src="./images/company.png" alt="" data-aos="fade-left" data-aos-duration="1500">
</div>
</section>
<!-- - - - - - - - - End Company component - - - - - - - - -->
<!-- - - - - - - - - Start footer component - - - - - - - - -->
<footer class="footer block">
<div class="footer--box">
<h3>بانواز</h3>
<ul>
<li>خانه</li>
<li>فروشگاه</li>
<li>ورود به حساب کاربری</li>
</ul>
</div>
<div class="footer--box">
<h3>فروشگاه</h3>
<ul>
<li>دستگاه مرکزی</li>
<li>سنسور های داخلی</li>
<li>سنسور های خارجی</li>
</ul>
</div>
<div class="footer--box">
<h3>دسترسی سریع</h3>
<ul>
<li>درباره بانواز</li>
<li>وبلاگ</li>
<li>موقعیت های شغلی</li>
<li>تماس با ما</li>
</ul>
</div>
<div class="footer--box">
<h3>دانلود اپلیکیشن</h2>
<img src="./images/download-app.png" alt="">
</div>
</footer>
<!-- - - - - - - - - End footer component - - - - - - - - -->
<!-- - - - - - - - - Start Script component - - - - - - - - -->
<script src="./main.js"></script>
<!-- aos -->
<script src="./node_modules/aos/dist/aos.js"></script>
<script>
AOS.init();
</script>
<!-- - - - - - - - - End Script component - - - - - - - - -->
</body>
</html>