forked from sef-global/sef-site
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathengineering-team.html
203 lines (193 loc) · 10.7 KB
/
engineering-team.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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-167873271-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-167873271-1');
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="The engineering team is the backbone of the SEF community. This team is saturated with potent young talent who engage in various challenges when it comes to contribution.">
<meta name="author" content="Sustainable Education Foundation">
<meta property="og:image" content="assets/img/engineering-page-hero-image.png">
<title>Engineering Team | Sustainable Education Foundation</title>
<!-- Favicon -->
<link href="/assets/img/brand/favicon.png" rel="icon" type="image/png">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
<!-- Icons -->
<link href="/assets/vendor/nucleo/css/nucleo.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" rel="stylesheet">
<!-- Argon CSS -->
<link type="text/css" href="/assets/css/argon.css?v=1.0.1" rel="stylesheet">
<!-- global CSS -->
<link type="text/css" href="/assets/css/global-custom.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
</head>
<body>
<header class="header-global">
<!--nav bar goes here-->
<div id="navbar"></div>
</header>
<section class="section pb-0 bg-gradient-white mt-5">
<div class="container">
<div class="row row-grid align-items-center justify-content-center">
<div class="col-md-6">
<div class="d-flex px-3">
<div class="pl-4">
<h1 class="text-roboto text-capitalize pb-2">SEF Engineering Team</h1>
<p>Being part of the SEF engineering team is a lot more than making a pull request. You get first-hand experience in handling the latest cutting-edge technologies and it will be required of you to develop skills that are essential to being part of the modern industry. With our community being active through various mediums such as standup meetings, knowledge sharing sessions and communication platform groups, you will soon be exposed to the startup culture, the various practices and procedures involved with contributing to projects. </p>
<a href="/join-us.html">
<button class="btn btn-default text-uppercase mt-3" href="examples">Join us</button>
</a>
</div>
</div>
</div>
<div class="col-md-6 height-500 mt-2">
<img src="assets/img/engineering-page-hero-image.png" class="img-fluid align-self-center w-100">
</div>
</div>
</div>
</section>
<section class="container">
<div class="container my-5">
<div class="col">
<h2 class="font-weight-900 text-center mb-md-5 mb-5 text-capitalize"> Our Projects</h2>
</div>
<div class="row align-items-center justify-content-center mb-3 mb-md-5 project-card shadow py-3">
<div class="col-md-6">
<img src="assets/img/brand/scholarx.png" class="img-fluid align-self-center w-75 align-md-left hide-sm-image ml-5">
</div>
<div class="col-md-6">
<div class="d-flex px-3">
<div class="pl-4 mr-5 my-4">
<h3>ScholarX</h3>
<p class="text-justify my-3">ScholarX is an exclusive program aimed at providing mentoring support for
talented undergraduate students in Sri Lanka. Our mentors are engaged with some of the world’s
top universities and Fortune 500 companies and are carefully selected for their expertise in
academia and industry. This free premium mentoring platform was created for Sri Lankans who
see the opportunity and positive change brought about by a culture of knowledge and expertise
sharing without the limitations of geographical borders.</p>
<a target="_blank" href="https://github.com/sef-global/scholarx" class="btn btn-default mb-2">
<i class="fab fa-github pr-2"></i>View in github
</a>
<a target="_blank" href="https://sef-scholarx.herokuapp.com/ " class="btn btn-outline-default mb-2">
<i class="fa fa-external-link" aria-hidden="true"></i> Open Project
</a>
</div>
</div>
</div>
</div>
<div class="row align-items-center justify-content-center mb-3 mb-md-5 project-card shadow py-3">
<div class="col-md-6">
<img src="assets/img/projects/academix.png" class="img-fluid align-self-center w-75 align-md-left hide-sm-image ml-5">
</div>
<div class="col-md-6">
<div class="d-flex px-3">
<div class="pl-4 mr-5 my-4">
<h3>AcadeMix</h3>
<p class="text-justify my-3">AcadeMix aims to curate a collection of free education resources available
for Sri Lankan students to maximise their learning potential from Primary through to Post Graduate
education and beyond.</p>
<a target="_blank" href=" https://github.com/sef-global/sef-core " class="btn btn-default mb-2">
<i class="fab fa-github pr-2"></i>View In github
</a>
<a target="_blank" href="https://sef-academix.herokuapp.com/ " class="btn btn-outline-default mb-2">
<i class="fa fa-external-link" aria-hidden="true"></i>Open Project
</a>
</div>
</div>
</div>
</div>
<div class="row align-items-center justify-content-center mb-3 mb-md-5 project-card shadow py-3 h-600">
<div class="col-md-6">
<img src="assets/img/projects/elixir.png" class="img-fluid align-self-center w-75 align-md-left hide-sm-image ml-5">
</div>
<div class="col-md-6">
<div class="d-flex px-3">
<div class="pl-4 mr-5 my-4">
<h3>Elixir</h3>
<p class="text-justify my-3">ELIXIR is a platform designed to address a shortage of medical supplies
in hospitals in Sri Lanka caused by the 2022 economic crisis. The platform is operated by a
network of volunteers and professionals supporting the Sri Lanka Red Cross to help improve the
efficacy of donations.</p>
<a target="_blank" href=" https://github.com/LSFLK/MedicinesforLK" class="btn btn-default mb-2">
<i class="fab fa-github pr-2"></i>View in github
</a>
<a target="_blank" href="https://elixir.redcross.lk/" class="btn btn-outline-default mb-2">
<i class="fa fa-external-link" aria-hidden="true"></i>Open Project
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Blog articles section -->
<section class="section">
<div class="container mt-5 mb-5">
<h1 class="display-3 text-center mb-5">Blog Articles from Our Engineers</h1>
<!--Blog articles goes here-->
<div id="posts" class="posts"></div>
<div class="row justify-content-center" id="btnPosts" style="visibility:hidden;">
<button id="posts-show-more" class="btn btn-link btn-outline-white btn-info">SEE MORE</button>
</div>
</div>
</section>
<footer class="footer">
<div id="footer"></div>
<!--footer goes here -->
</footer>
<!-- to use the dynamic footer, use this instead of above tag => *<div id="footer"></div>* -->
</body>
<!-- Core -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.10.4/headroom.min.js"></script>
<!-- Optional JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/14.0.3/nouislider.min.js"></script>
<!-- Argon JS -->
<script src="assets/js/argon.js?v=1.0.1"></script>
<script src="assets/js/global-custom-js.js"></script>
<!-- Script for static navbar and footer -->
<script src="assets/js/navigation.js"></script>
<script src="assets/js/functions.js"></script>
<!--Mustache.js-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.3.0/mustache.min.js"></script>
<script type="text/html" id="template-posts">
<div class="row">
{{#data}}
<div class="col-md-4 mb-5" >
<div class="card px-0">
<a href="{{url}}" target="_blank" class="card shadow project-card">
<div class="card-body posts-card-body">
<img src="{{image}}" class="img-fluid img-full" alt="Rounded image">
<p class="card-text text-darker text-left ml-3">
{{title}}
</p>
</div>
<div class="card-footer">
<div class="author">
<img src="{{author_image}}" alt="..." class="avatar img-raised">
<span>{{author_name}}</span>
</div>
</div>
</a>
</div>
</div>
{{/data}}
</div>
</script>
<script>
$(function () {
loadNavAndFooter('assets/content/static');
// loadBlogPosts();
loadPosts('https://script.google.com/macros/s/AKfycbyUdfhk9WWFLoMWxQvNIEUNl793RbXGnyo-ZIYRn9K1T6QFN1_9G8Ln9NpTCCJba2dzOg/exec');
})
</script>
</html>