Skip to content

Commit ff26259

Browse files
MiniRobotDevMiniRobotDev
committed
all script tags moved to end of body
1 parent 7a9f719 commit ff26259

6 files changed

Lines changed: 317 additions & 364 deletions

File tree

‎pages/about-us.html‎

Lines changed: 77 additions & 79 deletions
Original file line numberDiff line numberDiff line change
@@ -1,88 +1,86 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8" />
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
63

7-
<!-- font awesome -->
8-
<link
9-
rel="stylesheet"
10-
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
11-
integrity="sha512-Fo3rlrZj/k7ujTnHg4CGR2D7kSs0v4LLanw2qksYuRlEzO+tcaEPQogQ0KaoGN26/zrn20ImR1DfuLWnOo7aBA=="
12-
crossorigin="anonymous"
13-
referrerpolicy="no-referrer"
14-
/>
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
157

16-
<!-- styles -->
17-
<link rel="stylesheet" href="/assets/css/styles.css" />
8+
<!-- font awesome -->
9+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
10+
integrity="sha512-Fo3rlrZj/k7ujTnHg4CGR2D7kSs0v4LLanw2qksYuRlEzO+tcaEPQogQ0KaoGN26/zrn20ImR1DfuLWnOo7aBA=="
11+
crossorigin="anonymous" referrerpolicy="no-referrer" />
1812

19-
<!-- scripts -->
20-
<script type="module" src="/assets/js/pages/about-us.js"></script>
13+
<!-- styles -->
14+
<link rel="stylesheet" href="/assets/css/styles.css" />
2115

22-
<title>reactapp about-us</title>
23-
</head>
16+
<title>reactapp about-us</title>
17+
</head>
2418

25-
<body>
26-
<!-- about-us-->
27-
<div class="about-us">
28-
<!-- breadcrumb -->
29-
<div class="breadcrumb">
30-
<div class="breadcrumb__wrapper">
31-
<h1>درباره ما</h1>
32-
<nav class="breadcrumb__list">
33-
<li><a href="/">خانه</a></li>
34-
<li>درباره ما</li>
35-
</nav>
36-
</div>
19+
<body>
20+
<!-- about-us-->
21+
<div class="about-us">
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>درباره ما</li>
29+
</nav>
3730
</div>
38-
39-
<main class="about-us__content">
40-
<section class="content__info">
41-
<h2>ایده این سایت از کجا اومد</h2>
42-
<div>
43-
اوایل سال 96 بود که ما کار روی یک استارتاپ در زمینه گردشگری رو شروع
44-
کردیم. این استارتاپ قراره یک اپلیکیشن باشه که به مردم اماکن گردشگری
45-
، سوغات و صنایع دستی رو بر اساس یک روش جدید معرفی کنه.چون ما
46-
استارتاپی هستیم و زمان خیلی برامون مهمه تصمیم گرفتیم اپلیکیشن رو با
47-
React Native توسعه بدیم تا هر دو نسخه android و ios رو با هم منتشر
48-
کنیم.اما برای یادگیری react native منبع فارسی اصلا وجود نداشت و ما
49-
مجبور بودیم که برای رفع اشتباهات و پاسخ گرفتن سوالات کلی جستجو کنیم
50-
و منابع انگلیسی بخونیم. اینجا بود که تصمیم گرفتیم reactapp.ir رو راه
51-
اندازی کنیم تا تجربیاتمون و راه های رفع مشکلاتی که بهش برخوردیم و
52-
برمیخوریم با شما به اشتراک بزاریم.
53-
</div>
54-
</section>
55-
<section class="content__info">
56-
<h2>ما چه میکنیم</h2>
57-
<div>
58-
هدف اصلی ما آموزش react native و react js با زبان فارسی بود که حالا
59-
بعد از گذشت دو سال این وب سایت با کمک و حضور شما قوی تر از گذشته
60-
تصمیم گرفته به مرور خود را به عنوان یک مرجع آموزش فارسی جاوااسکریپت
61-
معرفی کند . ما برای تحقق این امر تصمیم گرفتیم که از چهار قسمت و بدنه
62-
اصلی استفاده کنیم:
63-
<ol>
64-
<li>
65-
دوره های آموزشی : دوره هایی پروژه محور برای آموزش ساخت یک
66-
اپلیکیشن واقعی با react native وساخت وب اپلیکیشن با react js یا
67-
هر کدام از فریمورک های محبوب جاوااسکریپت
68-
</li>
69-
<li>آموزش متنی : مقالات آموزشی برنامه نویسی react native</li>
70-
<li>
71-
تله فیلم آموزشی : فیلم هایی کوتاه برای رفع اشتباهات متدوال در
72-
برنامه نویسی جاوااسکریپت و فریمورک های آن
73-
</li>
74-
<li>
75-
وبلاگ : مطالب آموزشی در مورد برنامه نویسی ، استارتاپ ، مدیریت و
76-
دنیای جذاب جاوااسکریپت
77-
</li>
78-
</ol>
79-
خیلی خوشحالیم که به عنوان اولین مرجع آموزش فارسیreact native و react
80-
js درسال 96 شروع به فعالیت کردیم و امیدواریم که بتونیم به جامعه
81-
توسعه دهندگان فارسی زبان جاوااسکریپت کمک کنیم.
82-
</div>
83-
</section>
84-
</main>
8531
</div>
86-
<!-- end about-us-->
87-
</body>
88-
</html>
32+
33+
<main class="about-us__content">
34+
<section class="content__info">
35+
<h2>ایده این سایت از کجا اومد</h2>
36+
<div>
37+
اوایل سال 96 بود که ما کار روی یک استارتاپ در زمینه گردشگری رو شروع
38+
کردیم. این استارتاپ قراره یک اپلیکیشن باشه که به مردم اماکن گردشگری
39+
، سوغات و صنایع دستی رو بر اساس یک روش جدید معرفی کنه.چون ما
40+
استارتاپی هستیم و زمان خیلی برامون مهمه تصمیم گرفتیم اپلیکیشن رو با
41+
React Native توسعه بدیم تا هر دو نسخه android و ios رو با هم منتشر
42+
کنیم.اما برای یادگیری react native منبع فارسی اصلا وجود نداشت و ما
43+
مجبور بودیم که برای رفع اشتباهات و پاسخ گرفتن سوالات کلی جستجو کنیم
44+
و منابع انگلیسی بخونیم. اینجا بود که تصمیم گرفتیم reactapp.ir رو راه
45+
اندازی کنیم تا تجربیاتمون و راه های رفع مشکلاتی که بهش برخوردیم و
46+
برمیخوریم با شما به اشتراک بزاریم.
47+
</div>
48+
</section>
49+
<section class="content__info">
50+
<h2>ما چه میکنیم</h2>
51+
<div>
52+
هدف اصلی ما آموزش react native و react js با زبان فارسی بود که حالا
53+
بعد از گذشت دو سال این وب سایت با کمک و حضور شما قوی تر از گذشته
54+
تصمیم گرفته به مرور خود را به عنوان یک مرجع آموزش فارسی جاوااسکریپت
55+
معرفی کند . ما برای تحقق این امر تصمیم گرفتیم که از چهار قسمت و بدنه
56+
اصلی استفاده کنیم:
57+
<ol>
58+
<li>
59+
دوره های آموزشی : دوره هایی پروژه محور برای آموزش ساخت یک
60+
اپلیکیشن واقعی با react native وساخت وب اپلیکیشن با react js یا
61+
هر کدام از فریمورک های محبوب جاوااسکریپت
62+
</li>
63+
<li>آموزش متنی : مقالات آموزشی برنامه نویسی react native</li>
64+
<li>
65+
تله فیلم آموزشی : فیلم هایی کوتاه برای رفع اشتباهات متدوال در
66+
برنامه نویسی جاوااسکریپت و فریمورک های آن
67+
</li>
68+
<li>
69+
وبلاگ : مطالب آموزشی در مورد برنامه نویسی ، استارتاپ ، مدیریت و
70+
دنیای جذاب جاوااسکریپت
71+
</li>
72+
</ol>
73+
خیلی خوشحالیم که به عنوان اولین مرجع آموزش فارسیreact native و react
74+
js درسال 96 شروع به فعالیت کردیم و امیدواریم که بتونیم به جامعه
75+
توسعه دهندگان فارسی زبان جاوااسکریپت کمک کنیم.
76+
</div>
77+
</section>
78+
</main>
79+
</div>
80+
<!-- end about-us-->
81+
82+
<!-- scripts -->
83+
<script type="module" src="/assets/js/pages/about-us.js"></script>
84+
</body>
85+
86+
</html>

‎pages/contact.html‎

Lines changed: 81 additions & 109 deletions
Original file line numberDiff line numberDiff line change
@@ -1,127 +1,99 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8" />
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<!-- font awesome -->
7-
<link
8-
rel="stylesheet"
9-
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
10-
integrity="sha512-Fo3rlrZj/k7ujTnHg4CGR2D7kSs0v4LLanw2qksYuRlEzO+tcaEPQogQ0KaoGN26/zrn20ImR1DfuLWnOo7aBA=="
11-
crossorigin="anonymous"
12-
referrerpolicy="no-referrer"
13-
/>
14-
<!-- styles -->
15-
<link rel="stylesheet" href="/assets/css/styles.css" />
163

17-
<!-- scripts -->
18-
<script type="module" src="/assets/js/pages/contact.js"></script>
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<!-- font awesome -->
8+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
9+
integrity="sha512-Fo3rlrZj/k7ujTnHg4CGR2D7kSs0v4LLanw2qksYuRlEzO+tcaEPQogQ0KaoGN26/zrn20ImR1DfuLWnOo7aBA=="
10+
crossorigin="anonymous" referrerpolicy="no-referrer" />
11+
<!-- styles -->
12+
<link rel="stylesheet" href="/assets/css/styles.css" />
1913

20-
<title>reactapp contact</title>
21-
</head>
14+
<title>reactapp contact</title>
15+
</head>
2216

23-
<body>
24-
<!-- start contact-us -->
25-
<main class="contact-us">
26-
<!-- main-banner -->
27-
<div class="main-banner">
28-
<h2 class="main-banner__title">
29-
ما برای کمک به شما اینجا هستیم!<br />
30-
هر زمان که بخواهید با ما در ارتباط باشید<span class="break-line"
31-
>،</span
32-
>
33-
از پاسخ به سوالات شما خوشحال می شویم
34-
</h2>
17+
<body>
18+
<!-- start contact-us -->
19+
<main class="contact-us">
20+
<!-- main-banner -->
21+
<div class="main-banner">
22+
<h2 class="main-banner__title">
23+
ما برای کمک به شما اینجا هستیم!<br />
24+
هر زمان که بخواهید با ما در ارتباط باشید<span class="break-line">،</span>
25+
از پاسخ به سوالات شما خوشحال می شویم
26+
</h2>
27+
</div>
28+
29+
<section class="contact-us__content">
30+
<!-- content title -->
31+
<div class="content__purpose">
32+
هدف ما در وب سایت آموزشی reactapp.ir از ابتدا شروع فعالیت ایجاد یک
33+
ارتباط قوی و موثر بین برنامه نویسان javascript بوده است. ما نسبت به
34+
کاربران خود متعهدیم که سطح دوره ها و مقالات آموزشی که ارائه می دهیم
35+
گویای این امر است. همیشه از یافتن راه حل چالش های شما خوشحالیم، و اگر
36+
راه حلی از قبل وجود نداشته باشد یک راه حل جدید برای حل چالش شما ایجاد
37+
خواهیم کرد. همچین برای حل مشکلات برنامه نویسی خود می توانید از طریق
38+
بخش
39+
<a href="/pages/forums.html">تالار گفتمان</a>
40+
با ما و سایر توسعه دهندگان در ارتباط باشید
3541
</div>
3642

37-
<section class="contact-us__content">
38-
<!-- content title -->
39-
<div class="content__purpose">
40-
هدف ما در وب سایت آموزشی reactapp.ir از ابتدا شروع فعالیت ایجاد یک
41-
ارتباط قوی و موثر بین برنامه نویسان javascript بوده است. ما نسبت به
42-
کاربران خود متعهدیم که سطح دوره ها و مقالات آموزشی که ارائه می دهیم
43-
گویای این امر است. همیشه از یافتن راه حل چالش های شما خوشحالیم، و اگر
44-
راه حلی از قبل وجود نداشته باشد یک راه حل جدید برای حل چالش شما ایجاد
45-
خواهیم کرد. همچین برای حل مشکلات برنامه نویسی خود می توانید از طریق
46-
بخش
47-
<a href="/pages/forums.html">تالار گفتمان</a>
48-
با ما و سایر توسعه دهندگان در ارتباط باشید
43+
<!-- content comminu -->
44+
<div class="content__send-msg">
45+
<!-- send-msg header -->
46+
<div class="send-msg__header">
47+
<div class="header__line"></div>
48+
<div class="header__text">پل های ارتباطی</div>
49+
<div class="header__logo">
50+
<i class="fas fa-phone"></i>
51+
</div>
4952
</div>
5053

51-
<!-- content comminu -->
52-
<div class="content__send-msg">
53-
<!-- send-msg header -->
54-
<div class="send-msg__header">
55-
<div class="header__line"></div>
56-
<div class="header__text">پل های ارتباطی</div>
57-
<div class="header__logo">
58-
<i class="fas fa-phone"></i>
59-
</div>
60-
</div>
54+
<!-- send-msg find-us -->
55+
<div class="send-msg__findus">
56+
<p>ایمیل: reactapp.ir@gmail.com</p>
57+
<p>شماره تماس: 09150274110</p>
58+
<p>تلگرام: <a href="#">alirezabakamal@</a></p>
59+
</div>
6160

62-
<!-- send-msg find-us -->
63-
<div class="send-msg__findus">
64-
<p>ایمیل: reactapp.ir@gmail.com</p>
65-
<p>شماره تماس: 09150274110</p>
66-
<p>تلگرام: <a href="#">alirezabakamal@</a></p>
67-
</div>
61+
<!-- send-msg form -->
62+
<form class="send-msg__form" action="" method="post">
63+
<label>ارتباط با:
64+
<select name="support" required>
65+
<option value="sales">واحد فروش</option>
66+
<option value="help">واحد فنی</option>
67+
</select>
68+
</label>
6869

69-
<!-- send-msg form -->
70-
<form class="send-msg__form" action="" method="post">
71-
<label
72-
>ارتباط با:
73-
<select name="support" required>
74-
<option value="sales">واحد فروش</option>
75-
<option value="help">واحد فنی</option>
76-
</select>
70+
<label for="lastname">نام شما:
71+
<input type="text" name="username" placeholder="لطفا نام خود را وارد کنید" required />
72+
</label>
73+
74+
<div class="form-box">
75+
<label>ایمیل شما:
76+
<input type="email" name="email" placeholder="لطفا ایمیل خود را وارد کنید" required />
7777
</label>
7878

79-
<label for="lastname"
80-
>نام شما:
81-
<input
82-
type="text"
83-
name="username"
84-
placeholder="لطفا نام خود را وارد کنید"
85-
required
86-
/>
79+
<label>شماره همراه:
80+
<input type="tel" name="phone" placeholder="درصورت تمایل شماره خود را وارد کنید" />
8781
</label>
82+
</div>
8883

89-
<div class="form-box">
90-
<label
91-
>ایمیل شما:
92-
<input
93-
type="email"
94-
name="email"
95-
placeholder="لطفا ایمیل خود را وارد کنید"
96-
required
97-
/>
98-
</label>
84+
<label>متن پیام
85+
<textarea name="message" placeholder="لطفا پیام خود را وارد کنید" rows="5" required></textarea>
86+
</label>
9987

100-
<label
101-
>شماره همراه:
102-
<input
103-
type="tel"
104-
name="phone"
105-
placeholder="درصورت تمایل شماره خود را وارد کنید"
106-
/>
107-
</label>
108-
</div>
88+
<button class="form-submit" type="submit">ارسال</button>
89+
</form>
90+
</div>
91+
</section>
92+
</main>
93+
<!-- end contact-us -->
10994

110-
<label
111-
>متن پیام
112-
<textarea
113-
name="message"
114-
placeholder="لطفا پیام خود را وارد کنید"
115-
rows="5"
116-
required
117-
></textarea>
118-
</label>
95+
<!-- scripts -->
96+
<script type="module" src="/assets/js/pages/contact.js"></script>
97+
</body>
11998

120-
<button class="form-submit" type="submit">ارسال</button>
121-
</form>
122-
</div>
123-
</section>
124-
</main>
125-
<!-- end contact-us -->
126-
</body>
127-
</html>
99+
</html>

0 commit comments

Comments
 (0)