-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
175 lines (140 loc) · 6.31 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
<!DOCTYPE html>
<html lang="en">
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>GRAMOLY</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="favicon.ico" rel="icon" type="image/x-icon" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;800&display=swap" rel="stylesheet" /><meta property="og:image" content="https://gramoly.org/discpng.png"><meta name="description" content="GRAM is a community of students who seek to bring about a change in the way STEM is imparted to the general public. GRAM wishes to build up a community that will rally for this cause and ultimately be one of the mediums through which STEM education is revolutionized in India and around the globe."/>
</head>
<body class="vsc-initialized">
<section class="home-hero">
<nav class="home-hero-nav">
<div class="logo-container"><a href="https://gramoly.org/"><img alt="G" class="logo logo-content" src="logo.png" /> </a> <a href="https://gramoly.org/"> </a>
<h3 class="logo-text logo-content"><a href="https://gramoly.org/">GRAM</a></h3>
<a href="https://gramoly.org/"> </a></div>
<ul class="home-hero-nav-ul">
<li class="home-hero-nav-tab"><a href="about.html">About</a></li>
<li class="home-hero-nav-tab"><a href="coming-soon-subjects.html">Subject Spaces </a></li>
<li class="home-hero-nav-tab"><a href="coming-soon-blogs.html">Blogs</a></li>
<li class="home-hero-nav-tab"><a href="coming-soon-contact.html">Contact</a></li>
</ul>
<div class="burger">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
<div class="nav-mob">
<ul class="nav-mob-ul">
<li class="nav-mob-li"><a href="about.html">About</a></li>
<li class="nav-mob-li"><a href="coming-soon-subjects.html">Subject Spaces</a></li>
<li class="nav-mob-li"><a href="coming-soon-blogs.html">Blogs</a></li>
<li class="nav-mob-li"><a href="coming-soon-contact.html">Contact</a></li>
</ul>
</div>
</nav>
<div class="home-hero-content">
<h2>Bringing STEM education</h2>
<h1>To the World</h1>
<h3>Join 1000+ students in learning STEM with us</h3>
<a href="https://discord.gg/gramoly" target="_blank">
<button class="home-hero-content-button">JOIN US NOW</button></a></div>
</section>
<div class="slider">
<h1 class="landing-header two">GRAMOLY</h1>
</div>
<section class="home-ann">
<div class="home-ann-hr"></div>
<div class="home-ann-content">
<div class="home-ann-content-main">
<div class="home-ann-content-1 hacc">
<div class="yt-embed-div"><iframe class="yt-embed" src="https://www.youtube.com/embed/e5pQ_5tR7eI"></iframe></div>
</div>
<div class="home-ann-content-2 hacc">
<div class="home-ann-content-ann">
<h4>Announcements</h4>
<ul>
<li>GRAM's Physics competition <br><a href="https://fizika.gramoly.org/">https://fizika.gramoly.org/</a></li>
<li>GRAM's forum <br><a href="https://forum.gramoly.org/">https://forum.gramoly.org/</a></li>
</ul>
</div>
</div>
<div class="home-ann-content-3 hacc">
<h4><b>Blogs</b> Coming Soon</h4>
</div>
<div class="home-ann-content-4 hacc">
<h4><b>Subject Spaces</b> Coming Soon</h4>
</div>
</div>
</div>
<img class="home-ann-bg-pic" src="annbgpic.png" /></section>
<section class="home-tst">
<div class="slideshow-container">
<div class="mySlides fade">
<div class="tst tst1">
<div class="tst-content">
<p class="tst-p">"Gram is an amazing thought process to promote the cause of mathematics. If it can create the dent in mathematical Olympiad sphere, I will be more than happy."</p>
</div>
<div class="tst-img"><img alt="" class="tst-pic" src="pjsir.jpg" />
<h5 class="tst-name">Prashant Jain</h5>
<h6 class="tst-qual">AIR 42, JEE 2008<br />
B Tech, IIT Bombay</h6>
</div>
</div>
</div>
<div class="mySlides fade">
<div class="tst tst2">
<div class="tst-content">
<p class="tst-p">"It's really wonderful experience working with these smart champs. I feel really honoured by contributing a small bit in there revolutionary initative."</p>
</div>
<div class="tst-img"><img alt="" class="tst-pic" src="shivajib.png" />
<h5 class="tst-name">Shivaji Raje</h5>
<h6 class="tst-qual">Freshman, IIT BOMBAY</h6>
</div>
</div>
</div>
<div class="mySlides fade">
<div class="tst tst3">
<div class="tst-content">
<p class="tst-p">"The work done By GRAM Is really awesome. The problems and topics the discuss are not usually available and the talk with rankers are really awesome. GRAM is doing a great Job in STEM field."</p>
</div>
<div class="tst-img"><img alt="" class="tst-pic" src="arjun.jpg" />
<h5 class="tst-name">Arjun Rathore</h5>
<h6 class="tst-qual">10th Grader</h6>
</div>
</div>
</div>
</div>
<a class="prev" onclick="plusSlides(-1)">❮</a> <a class="next" onclick="plusSlides(1)">❯</a>
<div class="dot-container" style="text-align:center"></div>
</section>
<section class="home-disc">
<div class="home-disc-cont">
<div class="vsc-controller" data-vscid="01k86favl"></div>
<h1>Engage with 1000+ students</h1>
<h2>discord.gg/gramoly</h2>
<div style="display: block;">
<a href="https://discord.gg/gramoly" target="_blank">
<button>JOIN US</button>
</a> </div>
<video autoplay="" data-vscid="01k86favl" loop="" muted="" preload="none" src="disc-vid.mp4"></video>
</div>
</section>
<section class="foot">
<div class="quote">
<div class="quote-text">“<strong>Education</strong> breeds confidence. Confidence breeds hope. <strong>Hope breeds peace.</strong>”</div>
<div class="quote-author">~Confucius</div>
</div>
<div class="foot-bot">
<div class="gramoly">G R A M O L Y</div>
<div class="cta">
<h1>Join us Now!</h1>
<div class="button-cont"><a href="https://airtable.com/shrE9VJfltvwFS9Hx" target="_blank"><button>Volunteer</button></a>
<a href="https://discord.gg/gramoly" target="_blank"><button>Member</button></a></div>
</div>
<div class="copyright">© 2021 copyright<br />
All Rights Reserved</div>
</div>
</section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js"></script><script src="scripts.js" type="text/javascript"></script><script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script></body>
</html>