-
Notifications
You must be signed in to change notification settings - Fork 6
/
index-track.html
148 lines (142 loc) · 6.8 KB
/
index-track.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
<!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>Tracks</title>
<!-------------------------------------- DM SANS FONT LINK -------------------------->
<link rel="preconnect" href="https://fonts.googleapis.com">
<!------------------------------------- AOS STYLESHEET LINK ----------------------------------------->
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style-track.css">
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
</head>
<body>
<!------------------------------------------------------ VECTORS --------------------------------------------------------------->
<div class="backgr">
<div class="vector">
<img src="vector-removebg-preview.png" data-aos="fade-right" data-aos-duration="2000" class="left">
<img src="vector-removebg-preview.png" data-aos="fade-left" data-aos-duration="2000" class="right">
</div>
</div>
<h1 id="track-id" class="trackid" data-aos="fade-up" data-aos-duration="2000" >Tracks</h1>
<!----------------------------------------------------------------TRACKS------------------------------------------------------------->
<div class="mob-tracks">
<h1 class="mob-track-title" data-aos="fade-up" data-aos-duration="2000">Tracks</h1>
<div class="all">
<div class="card" data-aos="fade-up" data-aos-duration="2000">
<div class="mob-card">
<div class="mob-card-front">
<h3 class="card-title-agri">Agrotech
<p class="card-subtitle">Tap to know more</p>
</h3>
</div>
<div class="mob-card-back">
<p class="card-body">Ag is a historically data rich business; what to produce,
when to produce and how does weather affect production are all questions
that drive data collection.Technology is considered to be the new
boon to the Agro industry. Use your ideas and put your innovation
to work and come up with exciting and impactful new ideas to
make a collective impact with new-age, fast & frugal innovations
and guide the future of the industry.</p>
</div>
</div>
</div>
<div class="card" data-aos="fade-up" data-aos-duration="2000">
<div class="mob-card">
<div class="mob-card-front">
<h3 class="card-title-ed">Edtech
<p class="card-subtitle">Tap to know more</p>
</h3>
</div>
<div class="mob-card-back">
<p class="card-body">Education is undergoing a transformation, with new technologies making it
possible to learn anytime, anywhere. The edtech track is focused on using technology to improve
education and make it more accessible to everyone. From online learning platforms to gamification and
personalized learning, this track encourages participants to develop innovative solutions that
can help transform the way we learn.</p>
</div>
</div>
</div>
<div class="card" data-aos="fade-up" data-aos-duration="2000">
<div class="mob-card">
<div class="mob-card-front">
<h3 class="card-title-fin">Fintech
<p class="card-subtitle">Tap to know more</p>
</h3>
</div>
<div class="mob-card-back">
<p class="card-body">Financial institutions can now enable customers in creative and
surprising ways, thanks to the new FinTech developments. Mobile banking, 1-click payments,
biometrics, and advanced APIs have all revolutionized the way many people interact
with their banks and financial institutions daily. Come up with ideas to
create more pleasant consumer experiences with the use of Technology.</p>
</div>
</div>
</div>
</div>
<div class="all2" >
<div class="card" data-aos="fade-up" data-aos-duration="2000">
<div class="mob-card">
<div class="mob-card-front">
<h3 class="card-title-mob">Mobility
<p class="card-subtitle">Tap to know more</p>
</h3>
</div>
<div class="mob-card-back">
<p class="card-body">As cities become more crowded and traffic congestion increases,
the need for innovative transportation solutions has never been greater. The main
objective would be the collection of innovative ideas and projects aimed at developing
new ways of understanding the means of transport (car, motorbike, collective transport,
etc.) both from the design point of view, understood as an experience of use, and from
a technological point of view</p>
</div>
</div>
</div>
<div class="card" data-aos="fade-up" data-aos-duration="2000">
<div class="mob-card">
<div class="mob-card-front">
<h3 class="card-title-en">Energy
<p class="card-subtitle">Tap to know more</p>
</h3>
</div>
<div class="mob-card-back">
<p class="card-body">We face a lot of challenges in meeting our energy
demands and progressing toward a green future. From renewable energy sources like
solar and wind power to energy storage and smart grid solutions, there are
many exciting opportunities for innovation in the energy sector. Channel
your innovation and bring forward ideas that can help in shaping the energy
sector, shaping the future.</p>
</div>
</div>
</div>
<div class="card" id="card-op" data-aos="fade-up" data-aos-duration="2000">
<div class="mob-card">
<div class="mob-card-front">
<h3 class="card-title-op">Open Innovation
<p class="card-subtitle-op">Tap to know more</p>
</h3>
</div>
<div class="mob-card-back">
<p class="card-body">The Open Innovation track allows limitless scope and creativity.
We do not want to restrict you just into a few scopes of technological dilemmas
rather we want you to present your ideas even if they don't exactly fit the other
tracks. So let your imagination go haywire and come up with exciting ideas that
can solve real world problems and reform the world.</p>
</div>
</div>
</div>
</div>
</div>
<!---------------------------------------------------------- AOS SCRIPT LINK ---------------------------------------------------------------->
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init({
});
</script>
<script src="index-track.js"></script>
</body>
</html>