-
Notifications
You must be signed in to change notification settings - Fork 4
Expand file tree
/
Copy pathindex.html
More file actions
229 lines (223 loc) · 18.1 KB
/
index.html
File metadata and controls
229 lines (223 loc) · 18.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
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
---
title: Home
layout: home
---
<html lang="en">
<head>
<meta charset="utf-8">
<title>Coderbunker Website</title>
<link rel="stylesheet" href="css/swiper.min.css">
<script src="js/swiper.min.js"></script>
<!-- favicon -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<!-- viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- JS -->
<script type="text/javascript" src="js/wow.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js" integrity="sha384-fJU6sGmyn07b+uD1nMk7/iSb4yvaowcueiQhfVgQuD98rfva8mcr1eSvjchfpMrH" crossorigin="anonymous"></script><script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js" integrity="sha384-YWP9O4NjmcGo4oEJFXvvYSEzuHIvey+LbXkBNJ1Kd0yfugEZN9NCQNpRYBVC1RvA" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.6/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<!-- Bootstrap core CSS -->
<link http-equiv="Content-Type" content="text/html;charset=UTF-8" href="vendor/bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Animate CSS-->
<link http-equiv="Content-Type" content="text/html;charset=UTF-8" rel="stylesheet" href="css/animate.css">
<!-- css and fonts-->
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link http-equiv="Content-Type" content="text/html;charset=UTF-8" href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
<link http-equiv="Content-Type" content="text/html;charset=UTF-8" href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://use.typekit.net/qpj4ugj.css" integrity="sha384-Ty/99WUHYq9Jc7Hvn1AuHmKI+C4AQE2Cbm4jY9kTsnDX3PdnXurTgegpu5qaQAUM" crossorigin="anonymous"> <!-- Montserrat font (bold, semiBold, Regular)-->
<link http-equiv="Content-Type" content="text/html;charset=UTF-8" href="css/main.css" rel="stylesheet">
</head>
<!-- Home layout-->
<body>
<div class="container-fluid">
<div class="row">
<!-- Start we propose section -->
<div class="section-title col-12 mh-100 p-0"><h2>WE PROPOSE</h2></div>
<div class="col-3 mx-auto propose-container" id="community-propose-container">
<div class="col-10">
<div>
<h4 class="proposal-title d-inline text-center">Community</h4><span><img alt="community" class="d-inline" style="vertical-align: -50%; margin-left: 1rem; width:15%;" src="images/icons/community-icon.png"/></span>
</div>
<p class="proposal-text">We provide an environment where you can learn, work, and meet people who have the same interest. We welcome all community members to participate in our social, cultural and technical events.</p>
</div>
</div>
<div class="col-3 mx-auto propose-container" id="workplace-propose-container">
<div class="col-10">
<div class="justify-content-center mx-auto">
<h4 class="proposal-title d-inline text-center">Workplace</h4><span><img alt="Workplace" class="d-inline" style="vertical-align: -50%; margin-left: 1rem; width:20%;" src="images/icons/workplace-icon.jpg"/></span>
</div>
<p class="proposal-text">We provide an enjoyable workplace for people to work and improve together.</p>
</div>
</div>
<div class="col-3 mx-auto propose-container" id="makeliving-propose-container">
<div class="col-10">
<div>
<h4 class="proposal-title d-inline text-center">Make a living</h4><span><img alt="Make a living" class="d-inline" style="vertical-align: -50%; margin-left: 1rem; width:18%;" src="images/icons/makeliving-icon.jpg"/></span>
</div>
<p class="proposal-text text-left">It is important to us that freelancers can use their knowledge and skills to make a living. Our community offers the possibility to do it while you learn new technologies, earn experience and build great relationships with clients.</p>
</div>
</div>
<!-- End we propose section -->
<!-- Start who are we section -->
<div class="section-title col-12 mh-100 p-0"><h2>WHO ARE WE?</h2></div>
<div class="col-12 role-container">
<div class="container-fluid">
<div class="row" id="learner-content">
<div class="role-image col-4 ml-auto" id="learner-image-content">
<img alt="learner role explanation" src="images/roles/learner.jpg" />
</div>
<div class="role-message col-5 mr-auto" id="learner-text-content">
<span>creative</span>
<h3><span class="underline">lear</span>ner</h3>
<div class="role-text">
<p>Are you interested in getting into tech?
Join us and learn from experienced developers, find people who have the same goals, receive career guidance, and start your journey to code from here. <br><br><b><i>Some benefits you get:</b></i></p>
<ul>
<li class="d-block">- Mentoring and coaching</li>
<li class="d-block">- Career development</li>
<li class="d-block">- Motivation to learn in a supportive environment</li>
<li class="d-block">- Focus on growth</li>
</ul>
</div>
<!-- We don't use it yet -->
<!--
<button class="read-more-button">learn more</button>
-->
</div>
</div>
</div>
</div>
<div class="col-12 role-container">
<div class="container-fluid">
<div class="row" id="freelancer-content">
<div class="role-message col-5 ml-auto" id="freelancer-text-content">
<span>interactive</span>
<h3><span class="underline">free</span>lancer</h3>
<div class="role-text">
<p>Do you have in-demand skills in programming or designing, and want a more flexible lifestyle? Here you can focus on the skills that you are good at, work in the community and support each other, while still enjoying the flexibility of being a freelancer. <br><br><b><i>We offer:</b></i></p>
<ul>
<li class="d-block"><b>-</b> Association to well-known brands</li>
<li class="d-block"><b>-</b> A professional network with clients</li>
<li class="d-block"><b>-</b> More experience to show to potential employers</li>
<li class="d-block"><b>-</b> A flexible lifestyle</li>
</ul>
</div>
<div class="mr-0 pr-0 float-right">
<!-- We don't use it yet -->
<!--
<button class="read-more-button">learn more</button>
-->
</div>
</div>
<div class="role-image col-4 mr-auto" id="freelancer-image-content">
<img alt="freelance role explanation" src="images/roles/freelancer.jpg" />
</div>
</div>
<div class="row" id="freelancer-mobile-content">
<div class="role-image col-4 mr-auto" id="freelancer-image-content">
<img alt="freelance role explanation" src="images/roles/freelancer.jpg" />
</div>
<div class="role-message col-5 ml-auto" id="freelancer-text-content">
<span>interactive</span>
<h3><span class="underline">free</span>lancer</h3>
<div class="role-text">
<p>Do you have in-demand skills in programming or designing and want a more flexible lifestyle? Here you can focus on the skills you’re good at, work in the community and support each other, while still enjoying the flexibility of being a freelancer. <br><br><b><i>We want to offer:</b></i></p>
<ul>
<li class="d-block"><b>-</b> Association to well-known brands</li>
<li class="d-block"><b>-</b> A professional network with clients</li>
<li class="d-block"><b>-</b> More experience to show to potential employers</li>
<li class="d-block"><b>-</b> A flexible lifestyle</li>
</ul>
</div>
<div class="mr-0 pr-0 float-right">
<!-- We don't use it yet -->
<!--
<button class="read-more-button">learn more</button>
-->
</div>
</div>
</div>
</div>
</div>
<div class="col-12 role-container">
<div class="container-fluid">
<div class="row" id="entrepreneur-content">
<div class="role-image col-4 ml-auto" id="entrepreneur-image-content">
<img alt="entrepreneur" src="images/roles/entrepreneur.jpg" />
</div>
<div class="role-message col-5 mr-auto" id="entrepreneur-text-content">
<span>pioneer</span>
<h3><span class="underline">Entr</span>epreneur</h3>
<div class="role-text">
<p>Do you have a business idea and want to make it happen? We can help you to evaluate your business idea, and build a team for you overnight. At the same time, you can get support from our community. <br><br><b><i>We want to provide you with:</b></i></p>
<ul>
<li class="d-block"><b>-</b> Software innovation</li>
<li class="d-block"><b>-</b> Your own engineering team</li>
<li class="d-block"><b>-</b> Right resource at the right price at the right time</li>
</ul>
</div>
<!-- We don't use it yet -->
<!--
<button class="read-more-button">learn more</button>
-->
</div>
</div>
</div>
</div>
<!-- We need content for investors
<div class="col-12 role-container">
<div class="container-fluid">
<div class="row" id="investor-content">
<div class="role-message col-5 ml-auto">
<span>passionate</span>
<h3><span class="underline">Inve</span>stor</h3>
<div class="role-text">
<p>Early-stage startup investing offers potential for astronomical growth and outsized returns (relative to larger, more mature companies). This potential makes acquiring startup equity an attractive investment opportunity. These businesses not only have the potential to become a vital source of employment, innovation and productivity to economies, they are a shining example to people that creativity, passion and hard work can change the world for the better.</p>
<p>Want to get your return on investment faster? Here we have good projects and innovative ideas. Come and find them out to shorten your time for investment hunting.</p>
<ul>
<li class="d-block">-</li>
<li class="d-block">-</li>
<li class="d-block">-</li>
<li class="d-block">-</li>
</ul>
</div>
<div class="mr-0 pr-0 float-right">
<button class="read-more-button">learn more</button>
</div>
</div>
<div class="role-image col-4 mr-auto">
<img alt="investor" src="images/roles/investor.jpg" />
</div>
</div>
</div>
</div>
-->
<!-- End who are we section -->
<!-- Start footer section -->
<!-- Start what people are saying section -->
<div class="section-title col-12 mh-100 p-0"><h2>WHAT PEOPLE ARE SAYING</h2></div>
<div class="col-12">
<div class="container-fluid">
<div class="row">
<div class="col-4 mx-auto people-content" id="people-left-content">
<img alt="Nathan Fang" src="images/people/nathan.png" class="mx-auto d-block rounded-circle"/>
<h4 class="text-center people-name">Nathan Fang</h4>
<p class="people-quote">“I joined CoderBunker in its early days. It's a unique community where anyone who is interested in technology can exchange ideas, collaborate on projects, seek for advise, run hackathon or workshops, or simply have fun.”</p>
</div>
<div class="col-4 mx-auto people-content" id="people-center-content">
<img alt="Dante Perea" src="images/people/dante.png" class="mx-auto d-block rounded-circle"/>
<h4 class="text-center people-name">Dante Perea</h4>
<p class="people-quote">“Coderbunker offers the opportunity to learn, work and grow together with great people in a friendly environment. Being a part of the community is a unique experience that anyone passionate about learning will enjoy.”</p>
</div>
<div class="col-4 mx-auto people-content" id="people-right-content">
<img alt="Rogerz Zhang" src="images/people/rogerz.png" class="mx-auto d-block rounded-circle"/>
<h4 class="text-center people-name">Rogerz Zhang</h4>
<p class="people-quote">“It is a cool space for coders, full of technology atmospheres. It is a place you can learn and grow. A great platform for freelancers to develop their career. A trustable, professional consultant service provider.”</p>
</div>
</div>
</div>
</div>
<!-- End what people are saying section -->
<!-- Footer layout -->
</html>