Skip to content

Commit 24eab32

Browse files
MiniRobotDevMiniRobotDev
committed
terms page static header,footer and sidebar added
1 parent 7989185 commit 24eab32

2 files changed

Lines changed: 260 additions & 77 deletions

File tree

‎assets/js/pages/terms.js‎

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,10 @@
1-
import { renderDefaultTemplate } from "/assets/js/global/render.js";
1+
import { topbarEvent, navbarEvent, sidebarEvent } from "/assets/js/global/headerEvents.js";
22

33
window.addEventListener("DOMContentLoaded", function () {
4-
// header, footer
5-
renderDefaultTemplate(document.body.innerHTML);
6-
74
// code here
8-
});
5+
6+
// Header Events
7+
topbarEvent();
8+
navbarEvent();
9+
sidebarEvent();
10+
});

‎pages/terms.html‎

Lines changed: 253 additions & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -17,86 +17,267 @@
1717
</head>
1818

1919
<body>
20-
<!-- start terms -->
21-
<main class="site-terms">
22-
<!-- breadcrumb -->
23-
<div class="breadcrumb">
24-
<div class="breadcrumb__wrapper">
25-
<h1>قوانین</h1>
26-
<nav class="breadcrumb__list">
27-
<li><a href="/">خانه</a></li>
28-
<li><a href="/">قوانین</a></li>
29-
</nav>
30-
</div>
20+
<!-- start sidebar -->
21+
<div class="sidebar no-select">
22+
<!-- sidebar search -->
23+
<div class="sidebar__search">
24+
<form class="search__form" role="search" method="get" action="/">
25+
<input class="search-field" type="search" name="s" placeholder="ورود واژه کلیدی..." />
26+
<button class="search-submit" type="submit">
27+
<i class="fa fa-search" aria-hidden="true"></i>
28+
</button>
29+
</form>
3130
</div>
32-
<!-- site-terms content-->
33-
<section class="site-terms__content">
34-
<div class="content__title">
35-
کاربر عزیز، لطفا به موارد زیر جهت استفاده از خدمات سایت reactapp دقت
36-
فرمایید .
37-
</div>
38-
<ol>
39-
<li>
40-
کلیه قوانین وب سایت آموزشی reactapp منطبق با قوانین جمهوری اسلامی
41-
ایران، قانون حمایت از مصرف کننده و قانون تجارت الکترونیک میباشد.
42-
</li>
43-
<li>
44-
جهت اطلاع رسانی از تخفیف ها ، رویداد ها و دوره های جدید امکان دارد
45-
reactapp برای اعضا وب سایت ایمیل ارسال کند ، در صورتی که کاربر تمایل
46-
به دریافت ایمیل نداشته باشد میتواند این گزینه را لغو کند.
47-
</li>
48-
<li>
49-
طبیعتا وب سایت reactapp به اطلاعات خصوصی کاربران احترام گذاشته و از
50-
آن محافظت میکند.
51-
</li>
52-
<li>
53-
تمامی تصاویر ، داده و اطلاعات ، لوگو و علائم تجاری و محتوای منتشر
54-
شده، اموال وب سایت آموزشی reactapp به حساب آمده و حق انتشار تمامی
55-
مطالب در انحصار این سایت میباشد . طبیعتا هرگونه کپی برداری بدون مجوز
56-
کتبی ، حق پیگرد قانونی را برای این فروشگاه دارد.
57-
</li>
58-
<li>
59-
وب سایت آموزشی reactapp در تمام 7 روز هفته و 24 ساعت شبانه روز به
60-
کاربران خود امکان ثبت سفارش میدهد.
61-
</li>
62-
<li>
63-
درصورت بروز هر گونه مشکل، این وب سایت خود را موظف دانسته تا برطرف
64-
شدن کامل آن در کنار کاربر بوده و امکان پاسخ گویی و پیگیری برای کاربر
65-
از طریق پشتیبانی فراهم میباشد.
66-
</li>
67-
<li>
68-
در صورت وجود هر گونه مشکل در لینک های دانلود کاربر میتواند از طریق
69-
ایمیل و یا پشتیبانی تلگرام درخواست خود را ارسال کند.
70-
</li>
71-
<li>
72-
شما میتوانید انتقادات و پیشنهادات خود را از طریق صفحه تماس با ما، به
73-
اشتراک بگذارید و با ما در ارتباط باشید.
74-
</li>
75-
<li>
76-
در هر دوره شما میتوانید تا ده مرتبه از لینک های دانلود استفاده کنید
77-
، البته در صورت تمایل کاربر تعداد کلیک بر روی لینک های دانلود تمدید
78-
هم خواهد شد ، لازم به ذکر هست که لینک های دانلود هیچ گاه منقضی
79-
نمیشوند.
31+
32+
<!-- sidebar navigation -->
33+
<nav class="sidebar__nav">
34+
<ul class="sidebar__list">
35+
<li><a href="/">صفحه اصلی</a></li>
36+
37+
<!-- dropdown template -->
38+
<li class="list__dropdown">
39+
<div class="dropdown__header">
40+
<a href="/pages/courses.html">دوره ها</a>
41+
42+
<i class="sidebar__dropdown--toggle fa fa-angle-left"></i>
43+
</div>
44+
<ul class="dropdown__list">
45+
<li>
46+
<a href="/pages/learning-steps.html">راهنمای یادگیری</a>
47+
</li>
48+
</ul>
8049
</li>
50+
8151
<li>
82-
اگر از ده روز گذشت و شما نتونستید دوره رو دانلود کنیند میتونید از
83-
طریق پشتیبانی با ما در ارتباط باشید و درخواست مجدد لینک داشته باشید.
52+
<a href="/pages/blog.html">بلاگ</a>
8453
</li>
54+
8555
<li>
86-
فقط خریدار دوره میتواند از دوره ای که خریده استفاده کند و استفاده
87-
اشخاص دیگر غیر از خریدار دوره از نظر ما درست نیست.
56+
<a href="/pages/forums.html">تالار گفتمان</a>
8857
</li>
58+
8959
<li>
90-
در صورت تمایل کاربر برای دریافت پکیج فیزیکی دوره ها ، کافی است کاربر
91-
هنگام ثبت نام آدرس دقیق خود را ذکر کرده و از طریق پیشتبانی اطلاع
92-
رسانی کنید تا خیلی سریع دوره به صورت رایگان ارسال شود . این امکان
93-
برای دوره های نقدی بالای 50 هزارتومان فعال می باشد . الیته که امکان
94-
دانلود دوره ها برای تمامی کاربران به راحتی فعال میباشد.
60+
<a href="#tel">کانال تلگرام</a>
9561
</li>
96-
</ol>
97-
</section>
98-
</main>
99-
<!-- end terms -->
62+
</ul>
63+
</nav>
64+
</div>
65+
<!-- end sidebar -->
66+
67+
<!-- start body wrap -->
68+
<div class="body--wrap">
69+
<!-- overlay all elements -->
70+
<div class="body--overlay"></div>
71+
72+
<!-- start topbar -->
73+
<div class="topbar no-select">
74+
<div class="topbar__container">
75+
<ul class="topbar__links">
76+
<li>
77+
<a class="topbar__link" href="/pages/about-us.html">درباره ما</a>
78+
</li>
79+
<li>
80+
<a class="topbar__link" href="/pages/contact.html">تماس با ما</a>
81+
</li>
82+
</ul>
83+
<div class="topbar__icons">
84+
<div class="topbar__icon topbar__search">
85+
<a><i class="topbar__search--toggle fa fa-search" aria-hidden="true"></i></a>
86+
</div>
87+
<div class="topbar__icon topbar__bag">
88+
<a href="#"><i class="fa fa-shopping-bag" aria-hidden="true"></i></a>
89+
</div>
90+
<div class="topbar__icon topbar__perm">
91+
<a href="/pages/my-account.html"><i class="fas fa-user" aria-hidden="true"></i></a>
92+
</div>
93+
</div>
94+
</div>
95+
</div>
96+
<!-- end topbar -->
97+
98+
<!-- start navbar -->
99+
<div class="navbar no-select">
100+
<div class="navbar__container">
101+
<!-- navbar search -->
102+
<div class="navbar__search">
103+
<form class="search__form" role="search" method="get" action="/">
104+
<input class="search-input" type="search" name="s" placeholder="جستجوی دوره، استاد، مطالب و ..." />
105+
<button class="search-submit" type="submit">
106+
<i class="fa fa-search" aria-hidden="true"></i>
107+
</button>
108+
</form>
109+
</div>
110+
<!-- navbar menu -->
111+
<nav class="navbar__menu">
112+
<!-- menu list -->
113+
<ul class="menu__list">
114+
<li><a href="/">صفحه اصلی</a></li>
115+
116+
<!-- dropdown template -->
117+
<li class="list__dropdown">
118+
<div class="dropdown__header">
119+
<a href="/pages/courses.html">دوره ها</a>
120+
<i class="fa fa-angle-down"></i>
121+
</div>
122+
<ul class="dropdown__list">
123+
<li>
124+
<a href="/pages/learning-steps.html">راهنمای یادگیری</a>
125+
</li>
126+
</ul>
127+
</li>
128+
129+
<li>
130+
<a href="/pages/blog.html">بلاگ</a>
131+
</li>
132+
133+
<li>
134+
<a href="/pages/forums.html">تالار گفتمان</a>
135+
</li>
136+
137+
<li>
138+
<a href="#tel">کانال تلگرام</a>
139+
</li>
140+
</ul>
141+
<!-- menu button -->
142+
<a class="menu__account" href="/pages/my-account.html">
143+
<i class="account__icon fa fa-user-lock">&nbsp;</i> ورود و ثبت نام
144+
</a>
145+
</nav>
146+
<!-- navbar brand -->
147+
<div class="navbar__brand">
148+
<!-- brand image -->
149+
<div class="brand__img">
150+
<a href="/">
151+
<img src="/assets/images/navbar/brand.png" alt="reactapp brand" />
152+
</a>
153+
</div>
154+
<!-- sidebar toggle in navbar as toggle -->
155+
<div class="navbar--toggle">
156+
<div class="toggle__top"></div>
157+
<div class="toggle__mid"></div>
158+
<div class="toggle__btm"></div>
159+
</div>
160+
</div>
161+
</div>
162+
</div>
163+
<!-- end navbar -->
164+
165+
<!-- main terms -->
166+
<main class="site-terms">
167+
<!-- breadcrumb -->
168+
<div class="breadcrumb">
169+
<div class="breadcrumb__wrapper">
170+
<h1>قوانین</h1>
171+
<nav class="breadcrumb__list">
172+
<li><a href="/">خانه</a></li>
173+
<li><a href="/">قوانین</a></li>
174+
</nav>
175+
</div>
176+
</div>
177+
<!-- site-terms content-->
178+
<section class="site-terms__content">
179+
<div class="content__title">
180+
کاربر عزیز، لطفا به موارد زیر جهت استفاده از خدمات سایت reactapp دقت
181+
فرمایید .
182+
</div>
183+
<ol>
184+
<li>
185+
کلیه قوانین وب سایت آموزشی reactapp منطبق با قوانین جمهوری اسلامی
186+
ایران، قانون حمایت از مصرف کننده و قانون تجارت الکترونیک میباشد.
187+
</li>
188+
<li>
189+
جهت اطلاع رسانی از تخفیف ها ، رویداد ها و دوره های جدید امکان دارد
190+
reactapp برای اعضا وب سایت ایمیل ارسال کند ، در صورتی که کاربر تمایل
191+
به دریافت ایمیل نداشته باشد میتواند این گزینه را لغو کند.
192+
</li>
193+
<li>
194+
طبیعتا وب سایت reactapp به اطلاعات خصوصی کاربران احترام گذاشته و از
195+
آن محافظت میکند.
196+
</li>
197+
<li>
198+
تمامی تصاویر ، داده و اطلاعات ، لوگو و علائم تجاری و محتوای منتشر
199+
شده، اموال وب سایت آموزشی reactapp به حساب آمده و حق انتشار تمامی
200+
مطالب در انحصار این سایت میباشد . طبیعتا هرگونه کپی برداری بدون مجوز
201+
کتبی ، حق پیگرد قانونی را برای این فروشگاه دارد.
202+
</li>
203+
<li>
204+
وب سایت آموزشی reactapp در تمام 7 روز هفته و 24 ساعت شبانه روز به
205+
کاربران خود امکان ثبت سفارش میدهد.
206+
</li>
207+
<li>
208+
درصورت بروز هر گونه مشکل، این وب سایت خود را موظف دانسته تا برطرف
209+
شدن کامل آن در کنار کاربر بوده و امکان پاسخ گویی و پیگیری برای کاربر
210+
از طریق پشتیبانی فراهم میباشد.
211+
</li>
212+
<li>
213+
در صورت وجود هر گونه مشکل در لینک های دانلود کاربر میتواند از طریق
214+
ایمیل و یا پشتیبانی تلگرام درخواست خود را ارسال کند.
215+
</li>
216+
<li>
217+
شما میتوانید انتقادات و پیشنهادات خود را از طریق صفحه تماس با ما، به
218+
اشتراک بگذارید و با ما در ارتباط باشید.
219+
</li>
220+
<li>
221+
در هر دوره شما میتوانید تا ده مرتبه از لینک های دانلود استفاده کنید
222+
، البته در صورت تمایل کاربر تعداد کلیک بر روی لینک های دانلود تمدید
223+
هم خواهد شد ، لازم به ذکر هست که لینک های دانلود هیچ گاه منقضی
224+
نمیشوند.
225+
</li>
226+
<li>
227+
اگر از ده روز گذشت و شما نتونستید دوره رو دانلود کنید میتونید از
228+
طریق پشتیبانی با ما در ارتباط باشید و درخواست مجدد لینک داشته باشید.
229+
</li>
230+
<li>
231+
فقط خریدار دوره میتواند از دوره ای که خریده استفاده کند و استفاده
232+
اشخاص دیگر غیر از خریدار دوره از نظر ما درست نیست.
233+
</li>
234+
<li>
235+
در صورت تمایل کاربر برای دریافت پکیج فیزیکی دوره ها ، کافی است کاربر
236+
هنگام ثبت نام آدرس دقیق خود را ذکر کرده و از طریق پیشتبانی اطلاع
237+
رسانی کنید تا خیلی سریع دوره به صورت رایگان ارسال شود . این امکان
238+
برای دوره های نقدی بالای 50 هزارتومان فعال می باشد . الیته که امکان
239+
دانلود دوره ها برای تمامی کاربران به راحتی فعال میباشد.
240+
</li>
241+
</ol>
242+
</section>
243+
</main>
244+
<!-- end main terms -->
245+
246+
<!-- start footer -->
247+
<div class="footer">
248+
<div class="footer__content">
249+
<div class="footer__contact-info">
250+
<h3 class="contact-info__title">منتظرتون هستیم</h3>
251+
<div class="info-box">
252+
<i class="fas fa-phone" aria-hidden="true"></i>09109999999
253+
</div>
254+
<div class="info-box">
255+
<i class="fa fa-envelope" aria-hidden="true"></i>
256+
<a href="mailto:reactapp.ir@gmail.com">reactapp.ir@gmail.com</a>
257+
</div>
258+
</div>
259+
<div class="footer__links">
260+
<ul>
261+
<li><a href="/pages/blog.html">بلاگ</a></li>
262+
<li><a href="#">ویدیو کست</a></li>
263+
<li><a href="/pages/terms.html">قوانین</a></li>
264+
</ul>
265+
</div>
266+
<div class="footer__text">
267+
تمام تلاش ما در برند reactapp در کنار آموزش با کیفیت و استفاده از
268+
دانش روز، اضافه کردن چاشنی تجربه چندین ساله فعالیت در پروژه های
269+
داخلی و خارجی بوده. زمانی که شما به یادگیری اختصاص دادید برای ما
270+
اهمیت بسیار بالایی داره و به همین دلیل سعی میکنیم متحوای تولید شده،
271+
غنی، پر بار و در راستای نیاز های بازار کار باشه.
272+
</div>
273+
</div>
274+
<div class="footer__copyright">
275+
کلیه حقوق این سایت محفوظ و متعلق به reactapp.ir میباشد.
276+
</div>
277+
</div>
278+
<!-- end footer -->
279+
</div>
280+
<!-- end body wrap -->
100281

101282
<!-- scripts -->
102283
<script type="module" src="/assets/js/pages/terms.js"></script>

0 commit comments

Comments
 (0)