-
Notifications
You must be signed in to change notification settings - Fork 4
Expand file tree
/
Copy pathabout.html
More file actions
152 lines (147 loc) · 8.65 KB
/
about.html
File metadata and controls
152 lines (147 loc) · 8.65 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
---
title: About
layout: about
---
<!-- Header layout-->
<!-- Navbar layout-->
<div class="row">
<div class="col-12 page-title">
<h1 class="section-header-title text-center">Software engineering opportunities through community</h1>
</div>
<div class="col-8 section-title mx-auto">
<h3>A Community of Selected Software Developers</h3>
<p>软件开发者社区</p>
<h3>A Platform for Events, Talks, Meetup</h3>
<p>展会活动、演讲、交流平台</p>
<h3>A Co-Learning Community</h3>
<p>共同学习社区</p>
<h3>A Tech-Centric Business Incubator</h3>
<p>商业方向孵化器</p>
</div>
<div class="col-8 mx-auto">
<h3 class="bold page-title text-center"><span class="underline">LEADER</span>SHIP</h3>
</div>
<div class="col-12">
<div class="container-fluid">
<div class="row">
<div class="col-6 mx-auto people-content" id="people-left-content">
<img alt="Ricky" src="/images/people/ricky.png" style="width:30%; height: auto;" class="mx-auto d-block rounded-circle"/>
<h4 class="text-center people-name" style="margin-bottom:1%;">Ricky Ng-Adam</h4>
<p class="position-text text-center">Founder of Coderbunker</p>
<p class="people-quote">Ricky is the founder of Coderbunker. He is also the co-founder of Xinchejian, the first Hackerspace in China. In the last few years, he has worked as a tech consultant for many different start-up companies.</p>
</div>
<div class="col-6 mx-auto people-content" id="people-center-content">
<img alt="Fred" src="/images/people/frederic.jpg" style="width:30%; height: auto;" class="mx-auto d-block rounded-circle"/>
<h4 class="text-center people-name" style="margin-bottom:1%;">Frédéric Bazin</h4>
<p class="text-center">Cofounder of Coderbunker</p>
<p class="people-quote">Frédéric is CEO of Cloverise, specialized in data problems. 25 year in coding, love software engineering, enjoy learning everyday.</p>
</div>
</div>
</div>
</div>
<!--
<div class="col-12 section-title" id="what-we-do">
<h2>WHAT WE DO?</h2>
</div>
<div class="col-12 section-header-wave p-0">
<img src="images/sections/example.jpg" alt="example" style="padding-top:6%; width:100%; height: auto" />
</div>
<div class="col-5 mx-auto" id="section-info-container">
<div class="col-5 section-info-content" id="section-info-content-left">
<img class="mx-auto d-block" src="images/sections/icon2.jpg" />
<h4 class="text-center">Fully support</h4>
<p class="text-center">Cras ultricies ligula sed magna dictum porta. Nulla porttitor accumsan tincidunt. Vestibulum ac diamdo.</p>
</div>
<div class="col-5 section-info-content" id="section-info-content-right">
<img class="mx-auto d-block" src="images/sections/icon1.jpg" />
<h4 class="text-center">Join the comunity</h4>
<p class="text-center">Cras ultricies ligula sed magna dictum porta. Nulla porttitor accumsan tincidunt. Vestibulum ac diamdo.</p>
</div>
</div>
<div class="col-12">
<div class="container">
<div class="row">
<div class="col-6 section-image">
<img src="images/sections/image-section.png" />
</div>
<div class="col-6" id="section-content">
<h3>Everything you need</h3>
<ul class="list">
<li class="list-li">Software development</li>
<li class="list-li">Design thinking</li>
</ul>
<p>Cras ultricies ligula sed magna dictum porta. Nulla porttitor accumsan tincidunt. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui posuere blandit. Vestibulum ac diam sit amet quam.</p>
</div>
</div>
</div>
</div>-->
<div class="col-12 section-content-12">
<h2 class="text-center">Get In Touch</h2>
<p class="text-center">Join us and get the best work experience!</p>
<a rel="noopener noreferrer" id="join-us-button" style="height: 2.5rem; width: 8rem; background-color:#e74c3c; border:none; padding-top:.5rem; padding-bottom:.5rem; padding-left:2rem; padding-right:2rem; color:white !important; font-family: montserrat, sans-serif !important; font-weight: 600; border-radius: 7px;" class=" d-block typeform-share button mx-auto" href="https://danteperea.typeform.com/to/cLYO2M" data-mode="drawer_left" style="display:inline-block;text-decoration:none;background-color:#E74C3C;color:white;cursor:pointer;font-family:Helvetica,Arial,sans-serif;font-size:17px;line-height:42.5px;text-align:center;margin:0;height:42.5px;padding:0px 28px;border-radius:9px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;" data-hide-headers=true data-hide-footer=true target="_blank">Contact</a> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm_share", b="https://embed.typeform.com/"; if(!gi.call(d,id)){ js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script>
</div>
<!-- End what people are saying section -->
<!-- Footer Layout -->
</div>
<script type="text/javascript">
var clicks = 0;
$(".navbar-toggler").click(function() {
clicks+= 1;
if(isOdd(clicks))
{
$("#header-social-icons-container").css("display","none");
$("#top-menu").attr("id","top-menu-clicked");
$("#top-menu-clicked").removeClass("col-8");
$("#top-menu-clicked").addClass("col-12");
$("#navbarCollapse").addClass("navCollapseAfter");
} else {
$("#header-social-icons-container").css("display","block");
$("#top-menu-clicked").attr("id","top-menu");
$("#top-menu").addClass("col-8");
$("#top-menu").removeClass("col-12");
$("#navbarCollapse").removeClass("navCollapseAfter");
}
});
function isOdd(n) {
if(Math.abs(n % 2) == 1) {
console.log(true);
return true;
} else {
return false;
}
}
</script>
<script type="text/javascript">
$(".fa-weixin").click(function(event) {
var elementId = (this).id;
console.log(elementId);
$("#header-wechat-account").css({display: 'inline-block'})
});
$(".fa-weixin").click(function(event) {
var elementId = (this).id;
console.log(elementId);
// $("#footer-wechat-account").css({display: 'inline-block'})
});
</script>
<script>
var swiper = new Swiper('.swiper-container', {
autoHeight: true, //enable auto height
spaceBetween: 0,
/*pagination: {
el: '.swiper-pagination',
type: 'progressbar',
}, */
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-133578355-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-133578355-1');
</script>