forked from aneeshnema/eclub
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathteam.html
101 lines (97 loc) · 5.57 KB
/
team.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
<!doctype html>
<html lang="en">
<head>
<title>The Electronics Club - About Us</title>
<!-- Required meta class="nav-link" tags -->
<meta class="nav-link" charset="utf-8">
<meta class="nav-link" name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="css/team.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/regular.css" integrity="sha384-avJt9MoJH2rB4PKRsJRHZv7yiFZn8LrnXuzvmZoD3fh1aL6aM6s0BBcnCvBe6XSD"
crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/brands.css" integrity="sha384-7xAnn7Zm3QC1jFjVc1A6v/toepoG3JXboQYzbM0jrPzou9OFXm/fY6Z/XiIebl/k"
crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/fontawesome.css" integrity="sha384-ozJwkrqb90Oa3ZNb+yKFW2lToAWYdTiF1vt8JiH5ptTGHTGcN7qdoR1F95e0kYyG"
crossorigin="anonymous">
</head>
<body>
<nav class="navbar navbar-expand-sm navbar-light container">
<a class="navbar-brand text-white" href="index.html">THE ELECTRONICS CLUB</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav ml-auto">
<li class="nav-item mr-5">
<a class="naav" href="index.html">HOME</a>
</li>
<li class="nav-item mr-5">
<a class="naav" href="projects.html">PROJECTS</a>
</li>
<li class="nav-item mr-5">
<a class="naav" href="events.html">EVENTS</a>
</li>
<li class="nav-item">
<a class="naav" href="team.html">ABOUT US</a>
</li>
</ul>
</div>
</nav>
<div class="container-fluid">
<h1 class="display-3 text-white py-4 text-center">Our Story</h1>
<p class="text-white py-1 text-center">The Electronics club of IIT Indore is motley of electronics fanatics. It caters the need of providing a platform which can expose individuals to the ever fascinating field of electronics. Our aim is to create an atmosphere conducive for this subject and assist students in bridging the gap between theory and practical. Keeping this in mind, we conduct lecture series, workshops, seminars and competitions. Along with theory sessions, we provide students hands on experience and chance to see the concepts working in reality. This motivates the students to think about innovations and create new wonders on their own. We take up projects which are intriguing and form the latest trends in the fields of electronics. We aim at preparing students to participate in various competitions as well. </p>
</div>
<div class="container" id="app">
<h1 class="display-3 text-white py-4 text-center">Meet The Team</h1>
<div class="container" id="heads">
<div class="team row">
<div class="col-lg-2"></div>
<head-component v-for="head in heads" :head="head" />
<div class="col-lg-2"></div>
</div>
</div>
<div class="team row" id="members">
<member-component v-for="member in members" :member="member" />
</div>
</div>
<div class="container-fluid bg-dark text-white py-1" id="footer">
<div class="container">
<h3 class="py-2">Connect with us: The Electronics Club, IIT Indore</h3>
<ul class="list-inline">
<li class="list-inline-item pb-3">
<a target="_blank" href="https://github.com/ElecClub-IIT-Indore">
<i class="fab fa-github"></i>
<p class="pl-2">view our work</p>
</a>
</li>
<li class="list-inline-item pb-3">
<a target="_blank" href="https://www.facebook.com/iitielectronicsclub/?fb_dtsg_ag=AdwYovTMpA7Fb_csPJSNN505VX_-1_6_v_9n8-x_BOSGfw%3AAdwPTt2wk2cmcRQIfAyWEPH8kFMjh4-RURkEsRxa3h8aCw">
<i class="fab fa-facebook"></i>
<p class="pl-2">follow us on facebook</p>
</a>
</li>
<li class="list-inline-item pb-3">
<a target="_blank" href="docs/SponsorshipProposal.pdf">
<i class="far fa-file"></i>
<p class="pl-2">interested in sponsoring us?</p>
</a>
</li>
<li class="list-inline-item pb-3">
<a href="mailto:[email protected]">
<i class="far fa-envelope"></i>
<p class="pl-2">[email protected]</p>
</a>
</li>
</ul>
</div>
</div>
<script src="vendor/vue/vue.js"></script>
<script type="text/javascript" src="js/team.js"></script>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.js"></script>
</body>
</html>