-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
232 lines (205 loc) · 10.6 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
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
<!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">
<link rel="shortcut icon" href="images/fevicon.ico" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>TinkerHub Foundation</title>
</head>
<body>
<div class="header">
<span class="logo"><img height="24px" width="144px" src="images/tinkerhub_logo.png"></span>
<div class="nav-menu">
<ul>
<li>TinkerSpace</li>
<li>Join</li>
<li>Initiatives <i class="fa fa-caret-down"></i></li>
<li>Donate</li>
</ul>
</div>
</div>
<!-- first section ( tinkerhub foundation hub ) -->
<div class="first-container">
<div class="first-section">
<h6>TinkerHub Foundation</h6>
<span>Non-Profit Organisation aimed at making use of 21st-Century Technologies and Learning Methods to foster a fresh breed of highly skilled young people empowered with technical and social skills.</span>
<p>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>
<button class="button1">Join with us</button>
<button class="button2">Donor Members</button>
</div>
<div class="right-float">
<img width="650px" height="650px" src="images/tinkerhub_foundation.svg">
</div>
</div>
<!-- second section -->
<div class="second-container">
<div class="second-section">
<h6>Why It Matters</h6>
<span><font color="black">Because we believe that</font> <font color="#058ef7">digital skills are tools of empowerment.</font></span>
<p><b>⛑ 40% of employers say a lack of skills is the main reason for entry-level vacancies.</b><br>
- 'Education to Employment: Designing a System that Works', McKinsey 2013<br>
<br><b>👩🏽💻 Computer Science skills are 65% of the highest value skills.</b><br>
- Analysis by Burning Glass Technologies 2016<br>
<br>😍 By 2030, <b>80%</b> of the jobs requires some amount of technical skills</p>
</div>
<div class="right-float">
<img width="650px" height="400px" src="images/why_it_matters.png">
</div>
</div>
<!-- third section -->
<div class="third-container">
<div class="third-section">
<h6>Why we exist</h6>
<p>The world is changing, and we want India to be ready. We're here to make sure that everyone has access to the knowledge required to set the course for a better future.</p>
</div>
<div class="third-section">
<h6>How we achieve it</h6>
<p>At TinkerHub, 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 - with tons of help from you, of course!</p>
</div>
</div>
<!-- fourth section -->
<div class="fourth-container">
<div class="fourth-section">
<h6>TinkerHub Impact In Numbers</h6>
<p>What we have achieved over years</p>
</div>
</div>
<div class="grid-container">
<div>👋 15,000+ Members</div>
<div>🎓 70+ Campus Chapters</div>
<div>⏲ 8+ Years</div>
<div>🤝 20+ Partners</div>
<div>⚙ 1000+ Events</div>
<div>🛠️ 5000+ Projects</div>
<div>💼 100+ Career Opportunities</div>
<div>🖥️ 50+ Hiring Companies</div>
</div>
<!-- fifth section -->
<div class="fifth-container">
<img width="1300px" height="850px" src="images/TH_Process.png" alt="TH Process">
</div>
<!-- fifth section -->
<div class="sixth-container">
<div class="sixth-section">
<h2 class="heading">🌻 Community & Awareness</h2>
<span>TinkerHub’s Community of 15,000+ Members collectively aims to build strong tech knowledge among its members through peer learning and self-learning initiatives. We organize community meetups, learning stations, talks by industry leaders, career development programs, and many more.</span>
</div>
</div>
<div class="sixth-section1">
<h3>Campus Communities</h3>
<p>We have 70+ campus chapters across the state functioning in accordance with the Foundation's Vision & Mission. Promoting peer learning and self-learning, thereby upskilling the campus members is one of the key goals.</p>
</div>
<div class="sixth-button">
<button class="button1">👋 Be part of TinkerHub</button>
<button class="button2">🎓 Campus Communities</button>
</div>
<!-- seventh section -->
<div class="seventh-container">
<div class="seventh-section">
<div>
<h6>🎓 Learning & Tinkering</h6>
<p>TinkerHub focuses on self-learning and peer learning methods over the conventional methods of learning. With learning activities throughout the year, making learners industry-ready. Activities such as bootcamps, hackathons, etc, focuses more on project building along with peer & self-learning.</p>
<h5>Women In Tech</h5>
<span>With the aim of bringing gender neutrality into the tech industries, TinkerHub organises women exclusive initiatives to empower and upskill the women members of the community.</span>
<button class="button1" style="width:35%;margin-left: 20px;">🎯 Learning Initiative</button><button class="button2" style="color:#1880e1;width:35%;margin-left: 20px;">🙋♀️ Women In Tech</button>
</div>
</div>
<div class="right-float">
<img width="750px" height="450px" src="images/DSC_0207.jfif" alt="Learning_and_Tinkering">
</div>
</div>
<!-- eight section -->
<div class="eighth-container">
<div class="eighth-section">
<div>
<h6>💼 Career Opportunities</h6>
<p>At TinkerHub, we believe that it is necessary for a person to have ownership of their own career. It is our goal to enable our community members for the same. We organise various career development activities that would help our skilled community members land high-growth tech roles in leading tech companies and startups. Our career development activities include CV/Resume building, interview readiness, LinkedIn Portfolio building, and many more.</p>
<button class="button1" style="width:45%;margin-left: 145px;">🙌 HireHack -Career Initiatives</button>
</div>
</div>
<div class="right-float">
<img width="750px" height="450px" src="images/Brainstorm.png" alt="Brainstorm">
</div>
</div>
<!-- ninth section -->
<div class="ninth-container">
<div class="ninth-section">
<h4>FOSS United</h4>
<p>TinkerHub is a proud awardee of grants from FOSS United. FOSS United is a non-profit foundation aiming to promote and strengthen the Free and Open Source Software (FOSS) ecosystem in India.</p>
</div>
<div class="ninth-sub-section">
<span>Website</i></span>
<div> <i class="fa fa-chevron-right"></i></div>
</div>
</div>
<!-- tenth section -->
<div class="tenth-container">
<div class="tenth-section">
<h4>Be in touch, Subscribe to our news letter !</h4>
<p class="paragraph">We will send you periodic updates about events and activities via email.</p>
</div>
</div>
<!-- eleventh section -->
<div class="eleventh-container">
<div class="eleventh-section">
<h4>Kolaambi</h4>
<p class="paragraph1">The bi-weekly curated newsletter from TinkerHub</p>
</div>
</div>
<div class="email-subscribe"><input type="email" name="email" id="email" placeholder="Type Your Email..."><input type="button" value="Subscribe"></div>
<div>
<div class="twelfth-container">
<div class="twelfth-section">
<h6>📈 Our Activities & Growth, over the years.</h6>
</div>
</div>
<div class="grid-container-2">
<div class="report-border"><img width="400px" height="500px" src="images/TH_Report_Cover_2021-22.png" alt="TH_Report_Cover_2021-22.png"><center><h6 style="font-weight: 300px;font-size: 15px;">Impact 2021-22</h6></center></div>
<div class="report-border"><img width="400px" height="500px" src="images/TH_Report_2020-21.jpeg" alt="TH_Report_2020-21.png"><center><h6 style="font-weight: 300px;font-size: 15px;">Impact 2020-21</h6></center></div>
<div></div>
</div>
</div>
<!-- footer section -->
<footer>
<div><img height="24px" width="144px" src="images/tinkerhub_logo.png" alt="tinkerhub logo"></div>
<div class="footer">
<div class="grid-container-3">
<div>
<h4>Connect</h4>
About
<br>Contact
</div>
<div>
<h4>Get to know</h4>
Philosophy
<br>Blog
<br>Newsletter
</div>
<div>
<h4>Policies</h4>
Community Guideline
<br>Donation Refund Policy
<br>Understanding Non Profits
<br>Privacy Policy
</div>
<div>
<h4>Get Involved</h4>
Donate to the Cause
<br>Donor Membership
</div>
<div>
<h4>Work at TinkerHub</h4>
Job Openings
<br>Employee Handbook
</div>
</div>
</footer>
<div>
<span class="sponsored">Supported By FOSS United</span>
<span class="last-footer">TinkerHub Technology Innovation Foundation is a For Impact Organisation (registered as a non-profit organization undrer societies act XXI of 1860 ) Reg No KKD/CA/478/2016</span>
</div>
</body>
</html>