-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtb.html
147 lines (127 loc) · 5.89 KB
/
tb.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Team Builder</title>
<!-- Bootstrap Core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
<!-- Custom CSS -->
<link href="css/stylish-portfolio.css" rel="stylesheet">
</head>
<body>
<!-- Navigation -->
<a id="menu-toggle" href="#" class="btn btn-dark btn-lg toggle">
<i class="fa fa-bars"></i>
</a>
<nav id="sidebar-wrapper">
<ul class="sidebar-nav">
<a id="menu-close" href="#" class="btn btn-light btn-lg pull-right toggle">
<i class="fa fa-times"></i>
</a>
<li class="sidebar-brand">
<a class="js-scroll-trigger" href="#top">Navigation</a>
</li>
<li>
<a class="js-scroll-trigger" href="http://amulya.github.io/">Home</a>
</li>
<li>
<a class="js-scroll-trigger" href="http://amulya.github.io/#about">About</a>
</li>
<li>
<a class="js-scroll-trigger" href="http://amulya.github.io/#services">Projects</a>
</li>
<li>
<a class="js-scroll-trigger" href="http://amulya.github.io/#contact" onclick=$( "#menu-close").click();>Contact</a>
</li>
</ul>
</nav>
<!-- Callout -->
<aside class="callout">
<div class="text-vertical-center">
<h1>Team Builder</h1>
</div>
</aside>
<!-- Portfolio -->
<section id="portfolio" class="portfolio">
<div class="container">
<div class="row">
<div class="col-lg-10 mx-auto text-center" >
<h2>Bringing hackers together with the click of a button.</h2><br>
<hr class="small">
<div class="row">
<div class="col-med-10">
<br>
<p style ="text-align: center">Team building is one of the most important parts of a hackathon. The best projects are created when great hackers come together. Even though this is a relatively straightforward process, it still isn't as accessible as it could be. At most hackathons it's facilitated through a Facebook group or a mixer at the event. Only the most enthusiastic and experienced people go out and form groups. But what if your team came to you?
<br><br>
The concept of Team Builder is centered around the idea of direct matching based on each hacker's interest. Everyone looking for a team has something in mind- it's just a matter of finding out who else is thinking the same thing.
<br><br>
Using Team Builder, each hacker creates a personalized profile that details their ideas, skills, and interests. The app finds others at the event who share the same vision and returns those with the most similarities. Hackers can check each other's profile and immediately get in touch if they see potential for a great project.
<br><br>
Not only does Team Builder make it simpler for participants to connect with each other, it also makes it more accessible. In the end, everyone spends less time finding a team and more time building an awesome hack. </p>
<div class="portfolio-item">
<p style = "font-size: 20px"><strong>Click below to check out Team Builder on Github!</strong></p>
<a href="https://github.com/johntabor/pennapps2018">
<img class="img-portfolio img-fluid" src="img/GitHub-logo.png" height = "250" width = "250">
</a>
</div>
</div>
<!-- /.row (nested) -->
</div>
<!-- /.col-lg-10 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</section>
<hr>
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-10 mx-auto text-center">
<ul class="list-inline">
<li class="list-inline-item">
<a href="https://www.facebook.com/amulya.mummaneni">
<i class="fa fa-facebook fa-fw fa-3x"></i>
</a>
</li>
<li class="list-inline-item">
<a href="https://twitter.com/atamulya">
<i class="fa fa-twitter fa-fw fa-3x"></i>
</a>
</li>
<li class="list-inline-item">
<a href="https://instagram.com/atamulya">
<i class="fa fa-instagram fa-fw fa-3x"></i>
</a>
</li>
<li class="list-inline-item">
<a href="https://drive.google.com/file/d/1VR8b3LVtwCTuXmqTrVraj9nFoEUDSvcM/view?usp=sharing">
<i class="fa fa-file-text fa-fw fa-3x"></i>
</a>
</li>
</ul>
<hr class="small">
<p class="text-muted">Copyright © Amulya Mummaneni 2018</p>
</div>
</div>
</div>
<a id="to-top" href="#top" class="btn btn-dark btn-lg js-scroll-trigger">
<i class="fa fa-chevron-up fa-fw fa-1x"></i>
</a>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/stylish-portfolio.js"></script>
</body>
</html>