-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
196 lines (182 loc) · 8.15 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
189
190
191
192
193
194
195
196
<!DOCTYPE html>
<html lang="en">
<head>
<!-- basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- mobile metas -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<!-- site metas -->
<title>TinkerHub SOE</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- bootstrap css -->
<!-- boot-->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<!-- style css -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- Responsive-->
<link rel="stylesheet" href="css/responsive.css">
<!-- fevicon -->
<link rel="icon" href="images/favicon.ico" type="image/x-icon"/>
<!-- Scrollbar Custom CSS -->
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
<!-- Tweaks for older IEs-->
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<!-- owl stylesheets -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesoeet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css"
media="screen">
<!-- line icons-->
<link rel="stylesheet" href="https://cdn.lineicons.com/4.0/lineicons.css"/>
</head>
<body>
<!-- header section start -->
<div class="header_section">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-light bg-light float-right ">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-item nav-link" href="index.html">Home</a>
<a class="nav-item nav-link" href="events.html">Events</a>
<a class="nav-item nav-link" href="gallery.html">Gallery</a>
</div>
</div>
</nav>
</div>
<div class="banner_section layout_padding">
<div class="container">
<div class="row">
<div class="col-md-6 d-flex align-items-center">
<div class="d-flex flex-column">
<img src="images/logo.png" width="50%">
<p class="about_text mt-4">
We’re a community of tinkerers, makers, policy geeks & students, and are working towards
mapping
and empowering people who share a passion to innovate.
</p>
</div>
</div>
<div class="col-md-6">
<div><img src="images/img-1.png" class="image_1"></div>
</div>
</div>
</div>
</div>
<!-- banner section end -->
</div>
<!-- header section end -->
<!--BOX start-->
<div class="container">
<div class="d-flex text-center flex-lg-row flex-column pt-5 " style="width: 100%; gap:3rem;">
<div class="rounded pt-2 " style="background-color: #fb7a66; flex-grow: 1.5;">
<i class="lni lni-network"
style="color:#F53838; font-size: 1.5rem; background-color: white; border-radius: 100%; padding: 0.6rem;"></i>
<p style="color: white; font-weight: bold;">Make Connections </p>
</div>
<div class="rounded pt-2" style="background-color: #fb7a66; flex-grow: 2; ">
<i class="lni lni-docker"
style="color:#F53838; font-size: 1.5rem; background-color: white; border-radius: 100%; padding: 0.6rem;"></i>
<p style="color: white; font-weight: bold;">Develop Skills</p>
</div>
<div class="rounded pt-2" style="background-color: #fb7a66; flex-grow: 1;">
<i class="lni lni-slideshare"
style="color:#F53838; font-size: 1.5rem; background-color: white; border-radius: 100%; padding: 0.6rem;"></i>
<p style="color: white; font-weight: bold;">Grow with the Community </p>
</div>
</div>
</div>
<!--BOX end-->
<!-- about section start -->
<div class="about_section">
<div class="about_section layout_padding">
<div class="container">
<div class="row">
<div class="col-md-6">
<div><img src="images/2.png" class="image_1"></div>
</div>
<div class="col-md-6 d-flex align-items-center">
<div class="d-flex flex-column">
<h2>Why we Exist</h2>
<p class="about_text mt-4">
To give back what we got from the community and to continue the culture of sharing!<br><br>
We take pride in learning on our own and from peers. That's right! We also have a fun team
of super cool mentors who take you from beginner to super-coder and collaborator.
</p>
</div>
</div>
</div>
</div>
</div>
<!-- banner section end -->
</div>
<!-- about section end -->
<!-- footer section start -->
<div class="footer_section layout_padding">
<div class="container">
<div class="footer_taital_main">
<div class="follow_text"><img width="30%;" src="images/footer-logo.png"></div>
<h1 class="follow_text">Follow Us</h1>
<div class="social_icon">
<ul>
<li><a target="_blank" href="https://twitter.com/Tinkerhub_SOE?s=20"><img src="images/twitter-icon.png"></a></li>
<li><a target="_blank" href="https://www.linkedin.com/company/tinkerhub-cusat/"><img
src="images/linkedin-icon.png"></a></li>
<li><a target="_blank" href="https://www.instagram.com/tinkerhub.soe.cusat/"><img
src="images/instagram-icon.png"></a></li>
</ul>
</div>
</div>
</div>
<!-- footer section end -->
<!-- copyright section start -->
<div class="copyright_section">
<div class="container">
<p class="copyright_text">Made with ❤️ By TinkerHub SOE</p>
</div>
</div>
</div>
<!-- copyright section end -->
<!-- Javascript files-->
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/jquery-3.0.0.min.js"></script>
<script src="js/plugin.js"></script>
<!-- sidebar -->
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/custom.js"></script>
<!-- javascript -->
<script src="js/owl.carousel.js"></script>
<script src="https:cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>
<script>
$(document).ready(function () {
$(".fancybox").fancybox({
openEffect: "none",
closeEffect: "none"
})});
</script>
<script>
$(document).ready(function () {
// Add minus icon for collapse element which is open by default
$(".collapse.show").each(function () {
$(this).prev(".card-header").find(".fa").addClass("fa-minus").removeClass("fa-plus");
});
// Toggle plus minus icon on show hide of collapse element
$(".collapse").on('show.bs.collapse', function () {
$(this).prev(".card-header").find(".fa").removeClass("fa-plus").addClass("fa-minus");
}).on('hide.bs.collapse', function () {
$(this).prev(".card-header").find(".fa").removeClass("fa-minus").addClass("fa-plus");
});
});
</script>
</body>
</html>