-
Notifications
You must be signed in to change notification settings - Fork 46
/
index.html
188 lines (171 loc) · 8.86 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
<!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>Robogyan | Home</title>
<link rel="shortcut icon" href="assets/logo.svg" type="image/x-icon" />
<link rel="stylesheet" href="dist/css/main.css" />
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://kit.fontawesome.com/6a7c0479de.js" crossorigin="anonymous"></script>
</head>
<body>
<a id="top"></a>
<header class="main-header">
<div class="main-header-container">
<a href="#here" class="logo">
<h1 style="font-family: 'Russo One';">Robogyan</h1>
</a>
<div class="navbar">
<ul class="navbar-links">
<li>
<a href="./index.html">Home</a>
</li>
<li>
<a href="./about.html">About us</a>
</li>
<li>
<a target="_blank" rel="noopener noreferrer" href="https://www.instagram.com/robogyan_official/">Life at
RG</a>
</li>
<li>
<a href="project.html">Projects</a>
</li>
<li>
<a href="achievements.html">Achievements</a>
</li>
<li>
<a href="Objectives.html">Our Objectives</a>
</li>
<li>
<a href="./contactUs.html">Contact Us</a>
</li>
</ul>
</div>
<div class="navbar-btns">
<a target="_blank" rel="noopener noreferrer"
href="https://docs.google.com/forms/d/e/1FAIpQLScC47onBA9gTG68RdXVRjZQnIg1KHcy2pRoof7w6MIUhb67nA/viewform"
class="btn btn-register">
<img src="assets/user-add.svg" alt="user add icon" />
<span>Register</span>
</a>
<div class="hamburger">
<div class="line line-1"></div>
<div class="line line-2"></div>
<div class="line line-3"></div>
</div>
</div>
</header>
<section class="hero">
<div class="hero-text">
<!-- <h1>Experience Engineering</h1> -->
<div class="waviy">
<h1 class="title">Experience Engineering</h1>
</div>
<p>
With ultimate hands-on experience and unconfirmed exposure, Robogyan
gives you an opportunity to translate what you learn in textbooks to
reality. With a hoard of competition and hands-on activities always
on. Robogyan is the perfect platform to hone your engineering
skills.
</p>
<a target="_blank" rel="noopener noreferrer"
href="https://docs.google.com/forms/d/e/1FAIpQLScC47onBA9gTG68RdXVRjZQnIg1KHcy2pRoof7w6MIUhb67nA/viewform"
class="btn btn-apply">
Apply Now
</a>
<button onclick="topFunction()" id="btnScrollToTop"><i class="fa fa-arrow-up"
aria-hidden="true"></i></button>
</div>
<div class="hero-image">
<img
src="https://images.unsplash.com/photo-1550745165-9bc0b252726f?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870&q=80"
alt="" />
</div>
</section>
<section class="text-gray-400 bg-gray-900 body-font">
<div class="container mx-auto flex px-5 py-24 md:flex-row flex-col items-center">
<div class="lg:flex-grow md:w-1/2 lg:pr-24 md:pr-16 flex flex-col md:items-start md:text-left mb-16 md:mb-0 items-center text-center">
<h1 class="title-font sm:text-4xl text-3xl mb-4 font-medium text-white"> Join Robogyan Today!</h1>
<p class="mb-8 leading-relaxed">Scan this QR code to get an ultimate experience. </p>
<div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6">
<img class="object-cover object-center rounded" alt="hero" src="QR.png" height="300">
</div>
<div class="flex w-full md:justify-start justify-center items-end">
<div class="relative mr-4 md:w-full lg:w-full xl:w-1/2 w-2/4">
<label for="hero-field" class="leading-7 text-sm text-gray-400">Subscribe to our Newsletter</label>
<input type="text" id="hero-field" name="hero-field"
class="w-full bg-gray-800 rounded bg-opacity-40 border border-gray-700 focus:ring-2 focus:ring-pink-900 focus:bg-transparent focus:border-pink-500 text-base outline-none text-gray-100 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out">
</div>
<button id="butt"
class="inline-flex text-white bg-pink-500 border-0 py-2 px-6 focus:outline-none hover:bg-pink-600 rounded text-md">Submit</button>
</div>
<p class="text-sm mt-2 text-gray-500 mb-8 w-full">Get notified everytime we aquire a new PR.</p>
<div class="flex lg:flex-row md:flex-col text-gray-300">
<button
class="bg-gray-800 inline-flex py-3 px-5 rounded-lg items-center hover:bg-gray-700 hover:text-white focus:outline-none">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="w-6 h-6" viewBox="0 0 512 512" height="100">
<path
d="M99.617 8.057a50.191 50.191 0 00-38.815-6.713l230.932 230.933 74.846-74.846L99.617 8.057zM32.139 20.116c-6.441 8.563-10.148 19.077-10.148 30.199v411.358c0 11.123 3.708 21.636 10.148 30.199l235.877-235.877L32.139 20.116zM464.261 212.087l-67.266-37.637-81.544 81.544 81.548 81.548 67.273-37.64c16.117-9.03 25.738-25.442 25.738-43.908s-9.621-34.877-25.749-43.907zM291.733 279.711L60.815 510.629c3.786.891 7.639 1.371 11.492 1.371a50.275 50.275 0 0027.31-8.07l266.965-149.372-74.849-74.847z">
</path>
</svg>
<span class="ml-4 flex items-start flex-col leading-none">
<span class="text-xs text-gray-400 mb-1">GET IT ON</span>
<span class="title-font font-medium">Google Play</span>
</span>
</button>
<button
class="bg-gray-800 inline-flex py-3 px-5 rounded-lg items-center hover:bg-gray-700 hover:text-white focus:outline-none lg:ml-4 md:ml-0 ml-4 md:mt-4 mt-0 lg:mt-0">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="w-6 h-6" viewBox="0 0 305 305" height="100">
<path
d="M40.74 112.12c-25.79 44.74-9.4 112.65 19.12 153.82C74.09 286.52 88.5 305 108.24 305c.37 0 .74 0 1.13-.02 9.27-.37 15.97-3.23 22.45-5.99 7.27-3.1 14.8-6.3 26.6-6.3 11.22 0 18.39 3.1 25.31 6.1 6.83 2.95 13.87 6 24.26 5.81 22.23-.41 35.88-20.35 47.92-37.94a168.18 168.18 0 0021-43l.09-.28a2.5 2.5 0 00-1.33-3.06l-.18-.08c-3.92-1.6-38.26-16.84-38.62-58.36-.34-33.74 25.76-51.6 31-54.84l.24-.15a2.5 2.5 0 00.7-3.51c-18-26.37-45.62-30.34-56.73-30.82a50.04 50.04 0 00-4.95-.24c-13.06 0-25.56 4.93-35.61 8.9-6.94 2.73-12.93 5.09-17.06 5.09-4.64 0-10.67-2.4-17.65-5.16-9.33-3.7-19.9-7.9-31.1-7.9l-.79.01c-26.03.38-50.62 15.27-64.18 38.86z">
</path>
<path
d="M212.1 0c-15.76.64-34.67 10.35-45.97 23.58-9.6 11.13-19 29.68-16.52 48.38a2.5 2.5 0 002.29 2.17c1.06.08 2.15.12 3.23.12 15.41 0 32.04-8.52 43.4-22.25 11.94-14.5 17.99-33.1 16.16-49.77A2.52 2.52 0 00212.1 0z">
</path>
</svg>
<span class="ml-4 flex items-start flex-col leading-none">
<span class="text-xs text-gray-400 mb-1">Download on the</span>
<span class="title-font font-medium">App Store</span>
</span>
</button>
</div>
</div>
</div>
</header>
<footer>
<div class="footer-container">
<ul class="footer-container-links">
<li>
<a href="./faq.html">FAQ</a>
</li>
<li><a href="terms_of_use.html"> Terms Of Use </a></li>
<li>
<a href="privacy_policy.html">Privacy Policy</a>
</li>
</ul>
<div class="follow-container" style="text-align: left">
<h3>Follow Robogyan on : </h3>
<ul class="socials">
<li>
<a href="https://www.youtube.com/channel/UCom9YyDetX7ggEI88Y5AGQA/featured" target="_blank"><i
class="fa-brands fa-youtube"></i> Youtube</a>
</li>
<li>
<a href="https://www.instagram.com/robogyan_official/" target="_blank"><i
class="fa-brands fa-instagram fa-solid"></i> Instagram</a>
</li>
</ul>
</div>
</div>
<div class="copyright">2022 © <a href="/">Robogyan</a></div>
</footer>
<script src="dist/js/main.js"></script>
<link href="https://fonts.googleapis.com/css?family=Russo+One&display=swap" rel="stylesheet">
</script>
</div>
</body>
</html>