/
index.html
290 lines (262 loc) · 12.3 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
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
<!DOCTYPE html>
<html class="" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="GirlScript Summer Of Code 2018 - Mentorship Program">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GirlScript Summer Of Code 2018</title>
<link rel="shortcut icon" href="gssoc.ico" type="image/gssoc">
<link rel="icon" href="aminea-afia.ico" type="image/aminea-afia">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet">
<link rel="stylesheet" href="libs/font-awesome/css/font-awesome.min.css">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
</head>
<body>
<header>
<div id="mobile-menu-close">
<span>Close</span> <i class="fa fa-times" aria-hidden="true"></i>
</div>
<ul id="menu">
<li>
<a href="#about">About</a>
</li>
<li>
<a href="#companies">Sponsors</a>
</li>
<li>
<a href="#info">Information</a>
</li>
<li>
<a href="#projects">Projects</a>
</li>
<li>
<a href="#skills">Skills</a>
</li>
</ul>
</header>
<!-- End header -->
<div id="lead">
<div id="particles-js">
<div id="lead-content">
<h1>GirlScript Summer Of Code 2018</h1>
<h2>Mentorship Program</h2>
<center>
<h4>
<a href="http://gssoc.tech/" class="btn-rounded-white">
<i class="fa fa-code" aria-hidden="true"></i> GSSOC Website
</a>
<a href="http://www.girlscript.tech/" class="btn-rounded-white">
<i class="fa fa-rocket" aria-hidden="true"></i> GirlScript Website
</a>
<a href="https://github.com/GirlScriptSummerOfCode" class="btn-rounded-white">
<i class="fa fa-github" aria-hidden="true"></i> View Github
</a>
</h4>
</center>
</div>
</div>
<div id="no-particles-js">
<div id="no-lead-content">
<h1>Amine Afia</h1>
<h2>CS Graduate</h2>
<center>
<h4>
<a href="https://drive.google.com/file/d/0B7GyQWos3cDmZjJjT01QTzNKdDg/view" class="btn-rounded-white">
<i class="fa fa-download" aria-hidden="true"></i> Download CV
</a>
<a href="https://www.linkedin.com/in/amine-afia/" class="btn-rounded-white">
<i class="fa fa-linkedin-square" aria-hidden="true"></i> View Linkedin
</a>
<a href="https://github.com/AmineAfia" class="btn-rounded-white">
<i class="fa fa-github" aria-hidden="true"></i> View Github
</a>
</h4>
</center>
</div>
</div>
</div>
<!-- End #lead-content -->
<div id="lead-overlay"></div>
<div id="lead-down">
<p>
<!--SCROLL DOWN-->
<span>
<i class="fa fa-angle-down" aria-hidden="true"></i>
</span>
</p>
</div>
<!-- End #lead-down -->
</div>
<!-- End #lead -->
<div id="about">
<div class="container">
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-3">
<img src="images/gssoc.png" alt="GSSOC" width="150"/><br>
<h3 class="heading">GSSOC '18</h3>
</div>
<div class="col-md-7">
<br>
<h3>What is GirlScript Summer of Code?</h3>
<p>
GirlScript India is organising GirlScript Summer of Code this year. This an opensource event where novice as well as seasoned developers from all over India come together to work on projects. Beginners get a nice opportunity to learn and work on a real world project at the same time. <br> <br> As of now around 900 participants have registered all across the country and we aim to complete 30+ open source projects under the program.
</p>
</div>
</div>
</div>
</div>
<!-- End #about -->
<div id="companies" class="background-alt">
<h2 class="heading">Sponsors</h2>
<ul>
<li>
<img src="images/github.png" alt="GSSOC Sponsors" height="70"/><br>
</li>
<li>
<img src="images/sketchapp.png" alt="GSSOC Sponsors" height="70"/><br>
</li>
<li>
<img src="images/challengerocket.png" alt="GSSOC Sponsors" height="70"/><br>
</li>
</ul>
</div>
<!-- End #companies -->
<div id="info">
<h2 class="heading">Information</h2>
<div class="info-block">
<h3>Girlscript Summer Of Code Mentorship Program</h3>
<h4><a href="http://www.shortto.com/MentorGSSOC">GirlScript Summer of Code 2018 - Mentor Application</a></h4>
<h5>Remote</h5>
<p>
The Summer Of Code includes a mentorship program in which mentors will guide the projects to completion by creating issues and tutoring the novice to have a learning experience at the Summer of Code. Not only beginners but also experienced developers will have an opportunity to connect with a mentor and learn new things. Therefore, mentors play a vital role in making this a successful event. <br><br>You can either mentor for a project or you can submit your own projects to be completed during GSSOC. Apart from the above project ideas, GSSOC `18 will also include the development of websites for various NGO organizations and Open-Web Literacy programs.
</p><br>
<img src="images/mentorship_poster.png" alt="Mentorship Program" align="middle"/>
</div>
<!-- End .education-block -->
<div class="info-block">
<h3>Your responsibilities as a mentor</h3>
<h4><a href="http://www.gssoc.tech/">GirlScript Summer Of Code 2018</a></h4>
<h5>Remote</h5>
<p><ol>
<li>All the projects will have labels associated with it clarifying the skill set required for significant contributions to the project which makes it more feasible for the participants to make pull requests in the proposed projects.
<li>The mentors would be required to maintain a leaderboard of the contributions of all their mentees.
<li>Also, the mentors are supposed to give biweekly evaluation of the participants under their project to their respective project admin and the organizing team. This would help in the overall evaluation of all the participants.
</ol></p>
</div>
<!-- End .education-block -->
<div class="info-block">
<h3>Submitting your project</h3>
<h4><a href="http://bit.ly/ProjectsGSSOC">GirlScript Summer of Code 2018 - Project Submission</a></h4>
<h5>Remote</h5>
<p>
Apart from being a mentor, you can also submit your own project ideas to be completed during GSSOC. You can chose to be a mentor for your submitted projects.<br><br>Projects can be from any field (Web Development, Android Development, Software Development, Artificial Intelligence/Machine Learning, Design) and can use any languages/softwares.<br><br>We would appreciate if you can contribute with multiple project ideas and it will be an icing on the cake if you choose to be a mentor as well.
</p><br>
<img src="images/submit_poster.png" alt="Project Submission" align="middle"/>
</div>
<!-- End .education-block -->
<div class="info-block">
<h3>Awards and Goodies</h3>
<h4><a href="http://www.girlscript.tech/">GirlScript India</a></h4>
<h5>Remote</h5>
<p><ul>
<li>All hard work comes with a reward.
<li>Mentors will be awarded a certificate of recognition from GirlScript India.
<li>Moreover, being a mentor for a 3-Month long All India Open Source Event organised by a Non-Profit Organisation would be an amazing experience in itself.
<li>Mentors will also recieve an awesome GirlScript Tshirt and exciting goodies after successful completion of your role as a mentor during GirlScript Summer of Code 2018.
</ul></p>
</div>
<!-- End .education-block -->
</div>
<!-- End #education -->
<div id="projects" class="background-alt">
<h2 class="heading">Projects</h2>
<div class="container">
<div class="row">
<div class="project shadow-large">
<div class="project-image">
<img src="images/gs_project.png" alt="Battleship+"/>
</div>
<!-- End .project-image -->
<div class="project-info">
<h3>Project Name #1</h3>
<h4> Short Description </h4>
<p>
Description of the selected Project
</p>
<a href="https://github.com/0x48piraj">View Project</a>
</div>
<!-- End .project-info -->
</div>
<!-- End .project -->
<div class="project shadow-large">
<div class="project-image">
<img src="images/gs_project.png" alt="Battleship+"/>
</div>
<!-- End .project-image -->
<div class="project-info">
<h3>Project Name #2</h3>
<h4> Short Description </h4>
<p>
Description of the selected Project
</p>
<a href="https://github.com/0x48piraj">View Project</a>
</div>
<!-- End .project-info -->
</div>
<!-- End .project -->
</div>
</div>
</div>
<!-- End #projects -->
<div id="skills">
<h2 class="heading">Skills</h2>
<ul>
<li>Prototyping</li>
<li>Bash</li>
<li>more ...</li>
</ul>
</div>
<div id="languages" class="background-alt">
<h2 class="heading">Languages</h2>
<ul>
<li>HTML</li>
<li>Javascript</li>
<li>CSS</li>
<li>Python</li>
<li>more ...</li>
</ul>
</div>
<footer class="background-alt-dark">
<div class="container">
<div class="row">
<div class="col-sm-4 copyright">
<p>
Made with ❤️ by Piyush Raj.
</p>
</div>
<div class="col-sm-8 social">
<ul>
<li>
<a href="https://github.com/0x48piraj" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a>
</li>
<li>
<a href="https://www.linkedin.com/in/0x48piraj/" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- End footer -->
<script src="js/jquery.min.js"></script>
<script src="js/particles.min.js"></script>
<script src="js/scripts.min.js"></script>
</body>
</html>