-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathelectrical.html
131 lines (106 loc) · 4.71 KB
/
electrical.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
<!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/cl.css">
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
<script nomodule src="https://unpkg.com/@google/model-viewer/dist/model-viewer-legacy.js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<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="./index copy.html" class="nav__link">About</a>
</li>
</nav>
</header>
<main class="main">
<div id="content">
<h2>Electrical Engineering</h2>
<h3>Lab Equipments</h3>
</div>
<div id="list">
<ol type="i">
<li>
<div class="dropdown">
<button>Basic Electrical Engineering Lab Equipment<i class='bx bx-down-arrow-alt button__icon'></i></button>
<div class="dropdown-content">
<a href="#">a</a>
<a href="#">a</a>
<a href="#">a</a>
</div>
</div>
</li>
<li>
<div class="dropdown">
<button>Electrical Machines and Drives Lab<i class='bx bx-down-arrow-alt button__icon'></i></button>
<div class="dropdown-content">
<a href="#">a</a>
<a href="#">a</a>
<a href="#">a</a>
</div>
</div>
</li>
<li>
<div class="dropdown">
<button>Renewable Energy Lab Equipment<i class='bx bx-down-arrow-alt button__icon'></i></button>
<div class="dropdown-content">
<a href="#">a</a>
<a href="#">a</a>
<a href="#">a</a>
</div>
</div>
</li>
<li>
<div class="dropdown">
<button>Scada Lab Equipment<i class='bx bx-down-arrow-alt button__icon'></i></button>
<div class="dropdown-content">
<a href="#">a</a>
<a href="#">a</a>
<a href="#">a</a>
</div>
</div>
</li>
<li>
<div class="dropdown">
<button>High Voltage Lab Equipment<i class='bx bx-down-arrow-alt button__icon'></i></button>
<div class="dropdown-content">
<a href="#">a</a>
<a href="#">a</a>
<a href="#">a</a>
</div>
</div>
</li>
</ol>
</div>
<!--==================== FOOTER ====================-->
<footer class="footer section">
<img src="assets/ar1.png" alt="" class="footer__img-one">
</footer>
<!--=============== 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>