-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
139 lines (137 loc) · 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Elite Digital</title>
<link rel="icon" href="assets/elite-logo-500.png">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="main.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;700&display=swap" rel="stylesheet">
</head>
<body>
<div class="container">
<header>
<div class="nav-bar">
<nav>
<div>
<img class="logo" src="assets/elite-logo.png" alt="LOGO">
</div>
<ul class="nav-links">
<li><a class="nav-link" href="#about">About</a></li>
<li><a class="nav-link" href="#work">Our Work</a></li>
<li><a class="nav-link" href="#future1">Future Projects</a></li>
<li><a class="nav-link" href="#team">Our Team</a></li>
<li><a class="nav-link" href="#contact">Contact us</a></li>
</ul>
<div class="burger">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
</nav>
</div>
</header>
<section class="about-page" id="about">
<div class="about-text">
<h1 class="title">ABOUT</h1>
<p>We are a group of friends who are trying to solve real world problems.
We also work on Robotics and STEM related projects</p>
</div>
<img class="img1" src="assets/undraw_Firmware_jw6u.svg" alt="image">
<img class="img2" src="assets/undraw_ideas_flow_cy7b.svg" alt="image">
</section>
<section class="work" id="work">
<h1 class="title-2">OUR WORK</h1>
<div class="cards">
<div class="card-work">
<img src="assets/fll-logo.png" class="flllogo" alt="FLL logo">
<h2>FIRST Lego League</h2>
<p class="small-text">In FLL, teams design, build, and program LEGO MindStorms robots
to overcome a series of tasks. The students also research a problem and communicate
a solution while learning how to work together following the FLL Core Values.</p>
<a target="_blank" href="https://www.firstlegoleague.org/"><button>Know More</button></a>
</div>
<div class="card-work">
<img src="assets/wro-logo.png" class="wrologo" alt="FLL logo">
<h2>WRO</h2>
<p class="small-text"> The World Robot Olympiad (WRO) is a global robotics competition for young people. The World Robot Olympiad competition uses Lego Mindstorms and the particepents are suposed to solve a sertain set of tasks by programming a autonamour robot </p>
<a target="_blank" href="https://wro-association.org/home"><button>Know More</button></a>
</div>
<div class="card-work">
<img src="assets/Logo-app.png" class="applogo" alt="">
<h2>HustleX Fitness</h2>
<p class="small-text">HustleX is a Fitness platform when people get to meet other people to excercise with them. it also provides guides on learning new sports,fitness routines and music as well</p>
<a target="_blank" href="https://www.instagram.com/p/CI8b_yyF-IJ/?igshid=ar1lve2chrkx"><button>Know More</button></a>
</div>
</div>
</section>
<secton class="future" id="future1">
<h1 class="title-3">FUTURE PROJECTS</h1>
<p class="medium-text">Under Process</p>
</secton>
<section class="team" id="team">
<h1 class="title">OUR TEAM</h1>
<div class="team-card">
<div class="card">
<h3>Tejaswini A</h3>
<p class="small-x">Ideator, Backend Dev, Project Strategist.
She's interested in almost anything STEM, and loves to read. Takes care of the development and implementation of Ideas and future projects</p>
</div>
<div class="card">
<h3>Gaurav S</h3>
<p class="small-x">Mechanisms, Robot building.
He Designs and builds the mechanisms necessary for the Robot to function and complete the tasks.
He is interested in Gaming and likes to learn new things.
</p>
</div>
<div class="card">
<h3>Bhavya Sharma</h3>
<p class="small-x">Brainstorming ideas, Backend Dev.
She handles Authnentication and Database for the app.
She is into to STEM related activities. She's also a sports enthusiast and learning new things.</p>
</div>
<div class="card">
<h3>Chinmay P Dev</h3>
<p class="small-x">Frontend Dev, Head Technician.
He Decides the Road-map for the team. He also Designs The UI. He also is the Head for the Technicians of the Robot Crew. He is interested in Automation/ML</p>
</div>
<div class="card">
<h3>Kishan Bhat</h3>
<p class="small-x">Robot Designer, Technician.
He designs and builds the robot and works on makings it more precise, small, fast and stylish.
he is intresetd in gaming and likes to learn new things.
</p>
</div>
<div class="card">
<h3>Mrinalini Vishnu</h3>
<p class="small-x"> Data analyst and Crafter.
She collects all the Data/resources need for the team and also handles the presentations.
She’s interested in STEM related activities, learning new things, art and to read.
</p>
</div>
<div class="card">
<h3>Balaji Dhanush</h3>
<p class="small-x">Programmer, Designer.
He handles the programs of robot. He also helps in Designing UI for the app projects.
He is intrested in Civil related things and likes to learn new things.
</p>
</div>
</div>
</section>
<section class="contact" id="contact">
<h1 class="title">CONTACT US</h1>
<p class="small-text">Get in touch with us!</p>
<div class="contact-links">
<a href="https://twitter.com/EliteStudio11?s=09" class="twitter" target="_blank" > <img src="https://img.icons8.com/android/50/000000/twitter.png"/> </a>
<a href="https://www.facebook.com/techelite.techelite" class="facebook" target="_blank"> <img src="https://img.icons8.com/android/50/000000/facebook-new.png"/> </a>
<a href="https://mail.google.com/mail/u/0/#inbox?compose=GTvVlcRzDsTBxqZqJlDwqnDMKctTXQGSTpqxSqcnwMpMknzSTLzVbblpzdrnNvzMJLJpXHXHzcnnB" target="_blank" class="mail"><img src="https://img.icons8.com/color/50/000000/gmail--v2.png"/></a>
<a href="https://instagram.com/elite____digital?igshid=bx7rhn2qafn" class="instagram" target="_blank"><img src="https://img.icons8.com/metro/50/000000/instagram-new.png"/></a>
</div>
</section>
</div>
<script src="app.js"></script>
</body>
</html>