-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
256 lines (243 loc) · 13.8 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
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
<!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>HYPERSCRIPT</title>
<link rel="shortcut icon" type="image" href="images/hypers-logo.png">
<link rel="stylesheet" href="styling.css">
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
</head>
<body>
<div class="scroll-up-btn">
<i class="fas fa-angle-up"></i>
</div>
<nav class="navbar">
<div class="max-width">
<div class="logo"><a href="#">Hyper<span>Script.</span></a></div>
<ul class="menu">
<li><a href="#home" class="menu-btn">Home</a></li>
<li><a href="#about" class="menu-btn">About</a></li>
<li><a href="#projects" class="menu-btn">Projects</a></li>
<li><a href="#teams" class="menu-btn">Team</a></li>
<li><a href="#contact" class="menu-btn">Contact</a></li>
</ul>
<div class="menu-btn">
<i class="fas fa-bars"></i>
</div>
</div>
</nav>
<!------home section start------->
<section class="home" id="home">
<div class="max-width">
<div class="home-content">
<div class="text-1">TEAM HYPERSCRIPT</div>
<div class="text-2">An enthusiastic group of programmers</div>
</div>
</div>
</section>
<!-----about section start----->
<section class="about" id="about">
<h2 class="title">About us</h2>
<div class="max-width">
<div class="about-content">
<div class="column left">
<img src="images/college-image.png" alt="">
</div>
<div class="column right">
<div class="text">We are a group of students from <span>GIOE</span></div>
<p>Government Institute of Electronics is one of the finest college, situated at Hyderabad in Telangana state of India. Our institute offers many courses like Computer Engineering, cyber security, Electronics and Communications Engineering, Biomedical Engineering, Embedded Systems Engineering, and many more. <br> <span> When students are in their final year</span> they get to team up and make creative projects according to their courses. And our webpage HYPERSCRIPT is one of the projects made by the students of GIOE.</p>
<a href="https://polytechnicts.cgg.gov.in/ioe.edu" target="_blank" >More info</a>
</div>
</div>
</div>
</section>
<!----- projects section----->
<section class="projects" id="projects">
<div class="max-width">
<h2 class="title">Our Project</h2>
<div class="projects-content">
<div class="card">
<a href="https://github.com/Asmanishat/invisibility_cloak.git" target="_blank" style="color:#fff; ">
<div class="box">
<i class="fa fa-magic"></i>
<div class="text">Invisibility Cloak</div>
<p>This is a fun application of image processing which enables you to experience the magic of an Invisibility Cloak.</p>
</div>
</a>
</div>
<div class="card">
<a href="https://github.com/Sachinkumar219/conect4.git" target="_blank" style="color:#fff; ">
<div class="box">
<i class="fa fa-gamepad"></i>
<div class="text">Connect 4</div>
<p>A two-player game in which the players take turns dropping a colored disc, user wins by forming row of four of same color.</p>
</div>
</a>
</div>
<div class="card">
<a href="https://github.com/AYAANKHAN2003/Chat-bot.git" target="_blank" style="color:#fff; ">
<div class="box">
<i class="fa fa-comments"></i>
<div class="text">Chat Bot</div>
<p>It is a program which simulates a conversation between a user and computer. This chatbot tells us info about COVID-19.</p>
</div>
</a>
</div>
</div>
<div class="projects-content">
<div class="card">
<a href="https://github.com/Madhumathi2004/Typing-Speed-Test.git" target="_blank" style="color:#fff; ">
<div class="box">
<i class="fa fa-keyboard"></i>
<div class="text">Typing Test</div>
<p>The Typing Test measures an individual's typing speed and accuracy. This test generates score of an individual.</p>
</div>
</a>
</div>
<div class="card">
<a href="https://github.com/Kathyayani2004/multi-color-window.git" target="_blank" style="color:#fff; ">
<div class="box">
<i class="fa fa-image"></i>
<div class="text">multicolor window</div>
<p>This is an implementation of dectecting multiple colors in real time using python programming language.</p>
</div>
</a>
</div>
<div class="card">
<a href="https://github.com/bshravankumar/Face-recognition.git" target="_blank" style="color:#fff; ">
<div class="box">
<i class="fa fa-smile"></i>
<div class="text">Face Recognition</div>
<p>Face recognition is a python project that enables a system meeting requirements to recognise real time human face.</p>
</div>
</a>
</div>
</div>
</div>
</section>
<!----- team section start------>
<section class="teams" id="teams">
<div class="max-width">
<h2 class="title">Our Team</h2>
<div class="carousel owl-carousel">
<div class="card">
<div class="box">
<img src="images/mail-ayan-bitmoji.webp" alt="">
<div class="text">Ayan Khan</div>
<p>Hi there!👋 I'm ayan khan, a computer engineering student at GIOE, Hyderabad. I'm hardworking and always trying new things. Currently learning Java and Python. Ask me about Technical stuff and about programming language, I'll be there to help.😉💬<br>For more info click below!</p>
<a href="https://github.com/AYAANKHAN2003" target="_blank">View</a>
</div>
</div>
<div class="card">
<div class="box">
<img src="images/asmas-bitmoji.webp" alt="">
<div class="text">Asma Nishat</div>
<p>I'm Asma 🙋, a computer science student, livin'in Hyderabad. I spend my day practicing 💻 with Java, Html and inhaling a wide variety of potentially useless information. I'm curious and I enjoy work that challenges me to learn something new and stretch in a different direction🎯.</p>
<a href="https://github.com/Asmanishat" target="_blank">View</a>
</div>
</div>
<div class="card">
<div class="box">
<img src="images/sachins-bitmoji.webp" alt="">
<div class="text">Sachin Kumar Ray</div>
<p>Hii! 😉 I'm Sachin Kumar Ray, An indian, currently pursuing diploma 3rd year at Government Institute of electronics, Hyderabad. <br> Here I am with my team HYPERSCRIPT to represent my skills to everyone. <br> <br> For more info click on below!</p>
<a href="https://github.com/Sachinkumar219" target="_blank">View</a>
</div>
</div>
<div class="card">
<div class="box">
<img src="images/madhumathis-bitmoji.webp" alt="">
<div class="text">Madhumathi</div>
<p>Hi there! I'm Madhumathi, I'm from a small town called Nizamabad, I'm pursuing my diploma in computer engineering from <br> govt institute of electronics, Secunderabad. I'm part of this website design. <br> <br> Click below to know more!</p>
<a href="https://github.com/Madhumathi2004" target="_blank">View</a>
</div>
</div>
<div class="card">
<div class="box">
<img src="images/shravan-bitmoji.webp" alt="">
<div class="text">Shravan</div>
<p>Hey there!👋 I'm Shravan Kumar, student from govt institute of electronics currently pursuing computer engineering and I've successfully completed all basics of programming languages, I believe that learning new skills in new way always helps to learn faster than the regular one's.</p>
<a href="https://github.com/bshravankumar" target="_blank">View</a>
</div>
</div>
<div class="card">
<div class="box">
<img src="images/kathyayani-bitmoji.webp" alt="">
<div class="text">Kathyayani</div>
<p>Hello, I'm kathyayani, a self-motivated Web Developer and a person slighty obsessed for code quality. I'm passionate and hardworking with penchant for meeting deadlines. Interested in exploring things and learning new things. <br> For more info click below!</p>
<a href="https://github.com/Kathyayani2004" target="_blank">View</a>
</div>
</div>
</div>
</div>
</section>
<!----- contact us section start----->
<section class="contact" id="contact">
<div class="max-width">
<h2 class="title">Contact us</h2>
<div class="contact-content">
<div class="column left">
<div class="text">Get in Touch</div>
<p> For any queries or issues, please do contact us through the form. You can even contact us through the deatils given below.<br>Heartly thanking-you for visiting our website.</p>
<div class="icons">
<div class="row">
<i class="fas fa-user"></i>
<div class="info">
<div class="head">Name</div>
<div class="sub-title">Ayan Khan</div>
</div>
</div>
<div class="row">
<i class="fas fa-map-marker-alt"></i>
<div class="info">
<div class="head">Address</div>
<div class="sub-title">Secretariat Colony, Neknampur, Telangana</div>
</div>
</div>
<div class="row">
<i class="fas fa-envelope"></i>
<div class="info">
<div class="head">Email</div>
<div class="sub-title">[email protected]</div>
</div>
</div>
</div>
</div>
<div class="column right">
<div class="text">Message us</div>
<form action="https://formspree.io/f/xknynbrq" method="post">
<div class="fields">
<div class="field name">
<input type="text" id="name" name="name" placeholder="Name" required>
</div>
<div class="field email">
<input type="email" id="emailaddress" name="emailaddress" placeholder="Email" required>
</div>
</div>
<div class="field">
<input type="text" id="subject" name="subject" placeholder="Subject" required>
</div>
<div class="field textarea">
<textarea cols="30" rows="10" id="message" name="message" placeholder="Describe project.." required></textarea>
</div>
<div class="button">
<button type="submit">Send message</button>
</div>
</form>
</div>
</div>
</div>
</section>
<!---- footer section start ------>
<footer>
<span>Created By <a href="#">HYPERSCRIPT</a> With <span class="fa fa-heart"></span></span>
</footer>
<script src="script.js"></script>
</body>
</html>