-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
151 lines (123 loc) · 7.1 KB
/
index.html
File metadata and controls
151 lines (123 loc) · 7.1 KB
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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<script src="https://kit.fontawesome.com/e8922b1773.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css" />
<link rel="icon" type="image/png" href="quant.png">
<link href="https://fonts.googleapis.com/css?family=Montserrat|Ubuntu&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>Quant Club</title>
<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
</head>
<body>
<div class="icon-bar">
<a href="https://www.facebook.com/quantclubiitkgp/" class="facebook hvr-grow"><i class="fa fa-facebook hvr-grow"></i></a>
<a href="#" class="twitter hvr-grow" onclick="myFunction()"><i class="fa fa-twitter hvr-grow"></i></a>
<a href="https://www.google.com/search?sxsrf=ALeKk00oR8a1P5IH-IzFdlk-G8XZpVnekg%3A1597245813922&source=hp&ei=dQk0X_7FNpaf4-EPqoS7iAk&q=quant+club+iit+kharagpur&oq=quant+club+iit+kharagpur&gs_lcp=CgZwc3ktYWIQAzIICCEQFhAdEB4yCAghEBYQHRAeMggIIRAWEB0QHjIICCEQFhAdEB4yCAghEBYQHRAeMggIIRAWEB0QHjoECCMQJzoFCAAQkQI6BQgAELEDOggIABCxAxCDAToICC4QxwEQowI6CwguELEDEMcBEKMCOgUILhCxAzoICAAQsQMQkQI6DgguELEDEIMBEMcBEK8BOgIIADoCCC46BAgAEAo6BggAEBYQHjoFCCEQoAFQrwdYwT1ggD5oAHAAeACAAesBiAHCIZIBBjAuMTYuN5gBAKABAaoBB2d3cy13aXo&sclient=psy-ab&ved=0ahUKEwi-1Oyq_JXrAhWWzzgGHSrCDpEQ4dUDCAc&uact=5"
class="google hvr-grow"><i class="fa fa-google hvr-grow"></i></a>
<a href="https://www.linkedin.com/company/quant-club-iit-kharagpur/" class="linkedin hvr-grow"><i class="fa fa-linkedin hvr-grow"></i></a>
<a href="#" class="youtube hvr-grow" onclick="myFunction()"><i class="fa fa-youtube hvr-grow"></i></a>
</div>
<section id="title">
<div class="container-fluid" style="padding:1% 0% 7%;">
<!-- Nav Bar -->
<nav class="navbar navbar-expand-lg navbar-dark " style="padding-bottom: 6.5rem; padding-left: 0;
padding-right: 0;">
<a href="about.html" class="navbar-brand hvr-grow" style="Font-size:2.5rem;"> <img src="quant.png" alt="" id='logo'></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="#navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<div class="elements">
<ul class="navbar-nav ml-auto">
<li class="nav-item"> <a href="index.html" class="nav-link">Home</a>
</li>
<li class="nav-item"> <a href="gallery.html" class="nav-link">Gallery</a>
</li>
<li class="nav-item"> <a href="about.html" class="nav-link">About Us</a>
</li>
<li class="nav-item"> <a href="contact.html" class="nav-link">Contact Us</a>
</li>
</ul>
</div>
<button type="button" name="button" onclick="call()" class="btn btn-lg btn-light" style='border-radius:25px;' id='call'><i class="fas fa-phone-alt hvr-grow "></i></button>
</div>
</nav>
<center>
<h1 class='whiteText hvr-wobble-vertical' id='heading'>Welcome to Quant Club, IIT Kharagpur!</h1>
</center>
<div class="quote">
<h2 class='whiteText text hvr-grow'>“The stock market is filled with individuals who know the price of everything, but the value of nothing.” </h1><br>
<h3 class='whiteText hvr-shrink'>– By Phillip Fisher.</h3>
</div>
<br>
<br>
<div id='join'>
<h4 class="whiteText hvr-grow">If you are fascinated by financial markets and are passionate to solve complex mathematical problems,join us!</h4>
</div>
</div>
</section>
<section id='middle1'>
<div class="row">
<div class="col-lg-5" style='padding-left:0;padding-right:0;'>
<img src="left.jpg" alt="" class='middleImg'>
</div>
<div class="col-lg-7">
<center>
<div class="middleContent">
<h1 class='whiteText hvr-wobble-vertical'>Welcome to our website!</h1>
<br>
<br>
<h3 class='whiteText'>At Quant club we develop our own trading strategies to predict the market movement and our aim is to build a strong quant culture in fellow kgpians.</h1>
</div>
</center>
<br>
</div>
</div>
</section>
<section id='middle2'>
<div class="row">
<div class="col-lg-12">
<center>
<h1 class='whiteText hvr-wobble-vertical'>What is Quant?</h1>
<br><br>
<h3 class='whiteText'> “Before you invest in something, invest the time to understand it.”
</h3>
<h4 class='whiteText quote hvr-shrink'> -By Robert Kiyosaki</h4>
</center>
<center>
<div class="middleContent" style='padding-left:20%;padding-right:20%;'>
<h3 class='whiteText'>Quant is basically a unique blend of maths, computer science and finance which is considered one of the most complex roles of the 21st century.
</h3>
</div>
<footer class="whiteText hvr-shrink">
Copyright © <span>
<script>
document.write(new Date().getFullYear());
</script>
</span>
</footer>
</center>
</div>
</div>
</section>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
<script src="index.js" charset="utf-8"></script>
</body>
</html>