-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex copy.html
267 lines (217 loc) · 14.1 KB
/
index copy.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
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--=============== FAVICON ===============-->
<link rel="shortcut icon" href="assets/img/favicon.png" type="image/x-icon">
<!--=============== BOXICONS ===============-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css">
<!--=============== SWIPER CSS ===============-->
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
<!--=============== CSS ===============-->
<link rel="stylesheet" href="assets/css/styles.css">
<title>Learn Through AR</title>
</head>
<body>
<!--==================== HEADER ====================-->
<header class="header" id="header">
<nav class="nav container">
<a href="./index copy.html" class="nav__logo">
<img src="assets/lg1.png" alt="" class="nav__logo-img"> Learn Through AR
</a>
<div class="nav__menu" id="nav-menu">
<ul class="nav__list">
<li class="nav__item">
<a href="./index copy.html" class="nav__link active-link">Home</a>
</li>
<li class="nav__item">
<a href="#about" class="nav__link">About</a>
</li>
<!--<li class="nav__item">
<a href="#trick" class="nav__link">Contact</a>
</li>-->
<li class="nav__item">
<a href="#new" class="nav__link"></a>
</li>
<a href="#" class="button button--ghost">Support</a>
</ul>
<div class="nav__close" id="nav-close">
<i class='bx bx-x'></i>
</div>
<img src="assets/img/nav-img.png" alt="" class="nav__img">
</div>
<div class="nav__toggle" id="nav-toggle">
<i class='bx bx-grid-alt'></i>
</div>
</nav>
</header>
<main class="main">
<!--==================== HOME ====================-->
<section class="home container" id="home">
<div class="swiper home-swiper">
<div class="swiper-wrapper">
<!-- HOME SLIDER 1 -->
<section class="swiper-slide">
<div class="home__content grid">
<div class="home__group">
<img src="assets/Lathe.png" alt="" class="home__img">
<div class="home__indicator"></div>
<div class="home__details-img">
<h4 class="home__details-title">Lathe Machine</h4>
<!--<span class="home__details-subtitle"></span>-->
</div>
</div>
<div class="home__data">
<!--<h3 class="home__subtitle">#1 Top Scariest Ghost</h3>-->
<h1 class="home__title">The <br> Lathe <br> Machine</h1>
<p class="home__description">A lathe machine is a machine tool that is used to remove metals from a workpiece to give a desired shape and size. Lathe Machines are used in metalworking, woodturning, metal spinning, thermal spraying, glass working, and
parts reclamation. The various other operations that you can perform with the help of a Lathe Machine can include sanding, cutting, knurling, drilling, and deformation of tools that are employed in creating objects
which have symmetry about the axis of rotation.</p>
<div class="home__buttons">
<a href="./arpage1.html" class="button">Show AR</a>
<a href="./manual1.html" class="button--link button--flex">Lab Manual <i class='bx bx-right-arrow-alt button__icon'></i></a>
</div>
</div>
</div>
</section>
<!-- HOME SLIDER 2 -->
<section class="swiper-slide">
<div class="home__content grid">
<div class="home__group">
<img src="assets/Gear-Pump-Demonstration-Unit.png" alt="" class="home__img">
<div class="home__indicator"></div>
<div class="home__details-img">
<h4 class="home__details-title">Gear Pump</h4>
<!--<span class="home__details-subtitle">No words can describe them</span>-->
</div>
</div>
<div class="home__data">
<!--<h3 class="home__subtitle">#2 top Best duo</h3>-->
<h1 class="home__title">Computerized <br> Gear Pump <br> Test Rig</h1>
<p class="home__description">The gear pump is the most widely used of the positive action rotary pumps. Two gear wheels operate inside a casing. One is driven while the other rotates in mesh with it. The liquid is carried around in the space between
consecutive teeth and then ejected as the teeth mesh. The pump has no valves. It is a positive displacement pump and will deliver against high pressures. The output is a more even flow than that of a reciprocating pump.
It is particularly suitable for high-viscosity fluids.
</p>
<div class="home__buttons">
<a href="./arpage2.html" class="button">Show AR</a>
<a href="./manual2.html" class="button--link button--flex">Lab Manual<i class='bx bx-right-arrow-alt button__icon'></i></a>
</div>
</div>
</div>
</section>
<!-- HOME SLIDER 3 -->
<section class="swiper-slide">
<div class="home__content grid">
<div class="home__group">
<img src="assets/Torsional-Vibrational-Apparatus.png" alt="" class="home__img">
<div class="home__indicator"></div>
<div class="home__details-img">
<h4 class="home__details-title">Torsional Vibrational</h4>
<!--<span class="home__details-subtitle">Veteran Spooky Ghost</span>-->
</div>
</div>
<div class="home__data">
<!--<h3 class="home__subtitle">#3 Top Scariest Ghost</h3>-->
<h1 class="home__title">Torsional <br> Vibrational</h1>
<p class="home__description">Torsional vibration is angular vibration of an object—commonly a shaft along its axis of rotation. Torsional vibration is often a concern in power transmission systems using rotating shafts or couplings where it can cause
failures if not controlled. A second effect of torsional vibrations applies to passenger cars. Torsional vibrations can lead to seat vibrations or noise at certain speeds. Both reduce the comfort.
</p>
<div class="home__buttons">
<a href="./arpage3.html" class="button">Show AR</a>
<a href="./manual3.html" class="button--link button--flex">Lab Manual <i class='bx bx-right-arrow-alt button__icon'></i></a>
</div>
</div>
</div>
</section>
</div>
<div class="swiper-pagination"></div>
</div>
</section>
<!--==================== CATEGORY ====================-->
<section class="section category">
<h2 class="section__title">Lab Manuals <br> Category</h2>
<div class="category__container container grid">
<div class="category__data">
<img src="assets/civil.png" alt="" class="category__img">
<h3 class="category__title">Civil Engineering
</h3>
<p class="category__description">Lab Equipments</p><br>
<a href="./civil.html" class="button--link button--flex">Click here
<i class='bx bx-right-arrow-alt button__icon'></i></a><br>
</div>
<div class="category__data">
<img src="assets/mech.png" alt="" class="category__img">
<h3 class="category__title">Mechanical Engineering</h3>
<p class="category__description">Lab Equipments</p><br>
<a href="./mecahnical.html" class="button--link button--flex">Click here
<i class='bx bx-right-arrow-alt button__icon'></i></a><br>
</div>
<div class="category__data">
<img src="assets/elec.png" alt="" class="category__img">
<h3 class="category__title">Electrical Engineering</h3>
<p class="category__description">Lab Equipments</p><br>
<a href="./electrical.html" class="button--link button--flex">Click here
<i class='bx bx-right-arrow-alt button__icon'></i></a><br>
</div>
<div class="category__data">
<img src="assets/electronic.png" alt="" class="category__img">
<h3 class="category__title">Electronics and Communication Engineering</h3>
<p class="category__description">Lab Equipments</p><br>
<a href="./electronics.html" class="button--link button--flex">Click here
<i class='bx bx-right-arrow-alt button__icon'></i></a><br>
</div>
</div>
</section>
<!--==================== ABOUT ====================-->
<section class="section about" id="about">
<div class="about__container container grid">
<div class="about__data">
<h2 class="section__title about__title">About AR <br> Modules</h2>
<p class="about__description">Augmented reality (AR) is an enhanced version of the real physical world that is achieved through the use of digital visual elements, sound, or other sensory stimuli delivered via technology. It is a growing trend among companies involved
in mobile computing and business applications in particular. <br>
</p>Amid the rise of data collection and analysis, one of augmented reality's primary goals is to highlight specific features of the physical world, increase understanding of those features, and derive smart and accessible insight
that can be applied to real-world applications. Such big data can help inform companies' decision-making and gain insight into consumer spending habits, among others. <br>
<br>
<a href="#" class="button">Know more</a>
</div>
<img src="assets/ar.png" alt="" class="about__img">
</div>
</section>
<!--==================== FOOTER ====================-->
<footer class="footer section">
<div class="footer__container container grid">
<div class="footer__content">
<a href="#" class="footer__logo">
<img src="assets/lg2.png" alt="" class="footer__logo-img"> Learn Through AR
</a>
<p class="footer__description"></p>
<div class="footer__social">
<a href="https://www.facebook.com/learnthroughar" target="_blank" class="footer__social-link">
<i class='bx bxl-facebook'></i>
</a>
<a href="https://www.instagram.com/learnthrough.ar/" target="_blank" class="footer__social-link">
<i class='bx bxl-instagram-alt'></i>
</a>
<a href="https://www.linkedin.com/in/learn-through-ar-196724241/" target="_blank" class="footer__social-link">
<i class='bx bxl-linkedin'></i>
<a href="https://www.youtube.com/channel/UCpE0hm9iatEbKptmtsC0F5A" target="_blank" class="footer__social-link">
<i class='bx bxl-youtube'></i>
</a>
</div>
</div>
</div>
<img src="assets/ar1.png" alt="" class="footer__img-one">
</footer>
<!--=============== SCROLL UP ===============-->
<a href="#" class="scrollup" id="scroll-up">
<i class='bx bx-up-arrow-alt scrollup__icon'></i>
</a>
<!--=============== SCROLL REVEAL ===============-->
<script src="assets/js/scrollreveal.min.js"></script>
<!--=============== SWIPER JS ===============-->
<script src="assets/js/swiper-bundle.min.js"></script>
<!--=============== MAIN JS ===============-->
<script src="assets/js/main.js"></script>
</body>
</html>