-
Notifications
You must be signed in to change notification settings - Fork 0
/
web.html
179 lines (165 loc) · 7.6 KB
/
web.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WEB QUEST</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="resp.css">
<script src="script.js"></script>
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<style>
.arrow{
right: 30vw;
}
</style>
</head>
<body class="web bd">
<div class="arrow">
<button id="opn" onclick="f1()">⬇️</button>
<button id="cls" onclick="f2()">⬆️</button>
</div>
<div class="top">
<div class="nav">
<div class="logo">
<img src="https://www.rcmmmut.in/static/media/logorc.bdca3b5d97a557983ec8.png" alt="">
</div>
<div class="links">
<li><a href="index.html">HOME</a></li>
<li><a href="event.html">EVENTS</a></li>
<li><a href="web.html">WORKSHOP</a></li>
<li><a href="gallery.html">GALLERY</a></li>
<li><a href="team.html">TEAM</a></li>
</div>
</div>
</div>
<div class="sidebar">
<li><a href="index.html">HOME</a></li>
<li><a href="event.html">EVENTS</a></li>
<li><a href="web.html">WORKSHOP</a></li>
<li><a href="gallery.html">GALLERY</a></li>
<li><a href="team.html">TEAM</a></li>
</div>
<div class="title">
<h1>WEB DEVELOPMENT</h1>
</div>
<div class="boxy">
<div class="video">
<div class="left" data-aos="flip-down">
<iframe width="350" height="250" src="https://www.youtube.com/embed/jgteldtj1MQ">
</iframe>
</video> </a>
</div>
<div class="right" data-aos="fade-left">
<h2>HTML Classes</h2>
<h4>Web development workshop is a training program that provides individuals with the knowledge and
skills required to design and build modern, functional websites. The workshop typically covers a
wide range of topics, including HTML, CSS, JavaScript, and other essential programming languages and
tools used for web development.</h4>
</div>
</div>
<div class="video">
<div class="left" data-aos="flip-down">
<iframe width="350" height="250" src="https://www.youtube.com/embed/4yXkEc5Jd0g">
</iframe>
</video> </a>
</div>
<div class="right" data-aos="fade-left">
<h2>CSS Classes</h2>
<h4>Web development workshop is a training program that provides individuals with the knowledge and
skills required to design and build modern, functional websites. The workshop typically covers a
wide range of topics, including HTML, CSS, JavaScript, and other essential programming languages and
tools used for web development..</h4>
</div>
</div>
<div class="video">
<div class="left" data-aos="flip-down">
<iframe width="350" height="250" src="https://www.youtube.com/embed/xO9wP6FoDik">
</iframe>
</video> </a>
</div>
<div class="right" data-aos="fade-left">
<h2>Javascript Classes</h2>
<h4>Web development workshop is a training program that provides individuals with the knowledge and
skills required to design and build modern, functional websites. The workshop typically covers a
wide range of topics, including HTML, CSS, JavaScript, and other essential programming languages and
tools used for web development.</h4>
</div>
</div>
<div class="video">
<div class="left" data-aos="flip-down">
<iframe width="350" height="250" src="https://www.youtube.com/embed/yWmRVsPA648">
</iframe>
</video> </a>
</div>
<div class="right" data-aos="fade-left">
<h2>Backend-PHP Classes</h2>
<h4>Web development workshop conducted by Robotics Club MMMUT is a training program that provides
individuals with the knowledge and skills required to design and build modern, functional websites.
The workshop typically covers a wide range of topics, including HTML, CSS, JavaScript, and other
essential programming languages and tools used for web development..</h4>
</div>
</div>
<div class="title">
<h1 style="color:rgb(80, 169, 246)">Circuitary Workshops</h1>
</div>
<div class="video">
<div class="left" data-aos="flip-down">
<img width="350" height="250"
src="https://www.rcmmmut.in/static/media/bluetoothcar.8b3a3e22e4b2f362dc77.jpg">
</video> </a>
</div>
<div class="right" data-aos="fade-left">
<h2>Bluetooth Car Project</h2>
<h4>A Bluetooth car project involves building a remote-controlled car that is controlled using a
Bluetooth connection between the car and a mobile device or computer. The project typically involves
selecting a hardware platform, assembling the car, programming the microcontroller, and establishing
a Bluetooth connection.</h4>
</div>
</div>
<div class="video">
<div class="left">
<img width="350" height="250"
src="https://www.rcmmmut.in/static/media/monsterpro.5912188dec48ede639a9.jpg">
</video> </a>
</div>
<div class="right" data-aos="fade-left">
<h2>Monster Design</h2>
<h4>Circuitry workshop conducted by Robotics Club MMMUT is a hands-on training program that focuses on
teaching participants the fundamental concepts and skills related to electronics and circuit design.
During the workshop, participants will learn how to work with electronic components, read and design
circuit diagrams, and build their own circuits.</h4>
</div>
</div>
<div class="foot">
<div class="below">
<img src="https://www.rcmmmut.in/static/media/logorc.bdca3b5d97a557983ec8.png" alt="">
</div>
<div class="below">
<h1>ADDRESS</h1>
<p>Madan Mohan Malaviya University of Technology,<br>
Gorakhpur, Uttar Pradesh 273010</p>
</div>
<div class="below" id="blw">
<h1> USEFUL LINKS</h1>
<a href="">About us</a><br>
<a href="">Workshop</a>
</div>
<div class="below">
<h1>contact</h1>
<div class="link">
<li><a href=""><img src="img/fb_logo.png" alt=""></a></li>
<li><a href=""><img src="img/insta_logo.png" alt=""></a></li>
<li><a href=""><img src="img/linkedin_logo.png" alt=""></a></li>
<li><a href=""><img src="img/yt_logo.png" alt=""></a></li>
</div>
</div>
</div>
</div>
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>