-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
145 lines (128 loc) · 6.6 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
<!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="assets/css/main.css">
<link rel="stylesheet" href="assets/css/fullpage.min.css">
<link rel="stylesheet" href="assets/css/all.min.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<title>گالری ماشین</title>
</head>
<body>
<div id="fullpage">
<section class="section s1">
<ul>
<li><a href="#">صفحه نخست</a></li>
<li><a href="#">خدمات ما</a></li>
<li><a href="#">محصولات ما</a></li>
<li><a href="#">تماس با ما</a></li>
<li><a href="#">درباره ما</a></li>
</ul>
<div class="slide">
<h1>لذت رانندگی پر سرعت و<a href="#">مطمئن</a></h1>
</div>
<div class="slide">
<h1>زیباترین و<a href="#">بروزترین</a></h1>
</div>
<div class="slide">
<h1>آرام و <a href="#">پر قدرت</a></h1>
</div>
<div class="slide">
<h1>سریع و با<a href="#">صلابت</a></h1>
</div>
</section>
<section class="section s2">
<div class="sectionTwo">
<h1>زیبا و <span>دلنشین</span></h1>
<ul>
<li><a href="#">
<i class="fas fa-car"></i>
<h4>تزئینات</h4>
</a></li>
<li><a href="#">
<i class="fas fa-tools"></i>
<h4>تعمیرات</h4>
</a></li>
<li><a href="#">
<i class="fas fa-palette"></i>
<h4>رنگ آمیزی</h4>
</a></li>
<li><a href="#">
<i class="fas fa-exchange-alt"></i>
<h4>تغییرات</h4>
</a></li>
</ul>
</div>
</section>
<section class="section s3">
<div class="sectionThree">
<h1>کلاسیک و <span>پرقدرت</span></h1>
<ul>
<li><a href="#">
<img src="assets/images/P1.jpg" alt="">
<h4>تزئینات</h4>
</a></li>
<li><a href="#">
<img src="assets/images/P2.jpg" alt="">
<h4>تعمیرات</h4>
</a></li>
<li><a href="#">
<img src="assets/images/P3.webp" alt="">
<h4>رنگ آمیزی</h4>
</a></li>
<li><a href="#">
<img src="assets/images/P4.jpg" alt="">
<h4>تغییرات</h4>
</a></li>
</ul>
</div>
</section>
<section class="section s4">
<div class="sectionFour">
<form action="">
<input type="text" placeholder="نام و نام خانوادگی">
<input type="text" placeholder="موضوع">
<textarea placeholder="چیزی بنویسید"></textarea>
<input type="submit" value="ارسال">
</form>
<h1>چشم نواز و <span>دیوانه کننده</span></h1>
</div>
</section>
<section class="section s5">
<div class="footer">
<div class="div footer-about">
<h2>درباره ما</h2>
<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.</p>
</div>
<div class="footer-car">
<h2>آخرین خودروها</h2>
<ul>
<li><a href="#"><img src="assets/images/1.jpg" alt=""></a></li>
<li><a href="#"><img src="assets/images/2.jpg" alt=""></a></li>
<li><a href="#"><img src="assets/images/3.jpg" alt=""></a></li>
<li><a href="#"><img src="assets/images/4.jpg" alt=""></a></li>
<li><a href="#"><img src="assets/images/p1.jpg" alt=""></a></li>
<li><a href="#"><img src="assets/images/p2.jpg" alt=""></a></li>
<li><a href="#"><img src="assets/images/P3.webp" alt=""></a></li>
<li><a href="#"><img src="assets/images/P4.jpg" alt=""></a></li>
</ul>
</div>
<div class="copy-right">
<h4>این وب سایت متعلق به نمایشگاه اتوموبیل تاپ لرن میباشد و هر گونه کپی برداری از آن پیگرد قانونی دارد.</h4>
</div>
</div>
</section>
</div>
<script src="assets/js/all.min.js"></script>
<script src="assets/js/fullpage.min.js"></script>
<script>
new fullpage('#fullpage', {
autoScrolling: true,
navigation: true,
navigationTooltips : ['صفحه نخست', 'خدمات ما', 'محصولات ما','تماس با ما', 'درباره ما'],
showActiveTooltip: true
})
</script>
</body>
</html>