GSoC/GCI Archive
Google Code-in 2014 FOSSASIA

Make an improvement to our GCI website

completed by: Marian

mentors: Mario Behling

Implement a better design with bootstrap and automatic scaling of photos in html for

We have put up a basic site on We want to develop a nice bootstrap website with pictures of mentors and students of Google Code-In. Please add your picture or if you have done it before a picture of a mentor to the site.

Step by Step

1. Please sign up for github, tell your mentor your username and join the FOSSASIA GCI students team:

2. Fork the Website repository  and make it run on your own repository with Github pages (more info here

3. Add your picture in the image folder (Use the right dimension with a ratio 1:1). If you already added yourself in a previous task, please add a mentor from the GCI team to the site, please.

4. Include your picture and credentials (blog link, github user name, twitter, facebook - what you like) on the website index.html as an overlay.

5. Make at least one more improvement to the site design using Bootstrap,
* e.g. add an overlay bar similar to
* add a section that automatically collects the twitter feed of or
* make a slider of the images on the header using FOSSASIA photos from Flickr or other places on the net with sufficient resolution.
* propose your own idea for improvements

6. Make a pull request to merge your changes to the original github repository of

7. Announce your work on your blog (if you have one), the FOSSASIA facebook page and tweet about it @fossasia and use the hashtag #FOSSASIA.



Source Files of FOSSASIA Logos and more here:

How to use github pages: