Add event carousel to fit extra events

NOTE(Carousel Classes Shared): ".carousel img" class modified to
".carousel-image" and integrated into main carousel(@index.html)
-3 More dummy events added to "Events Section"
-.events-section .item class declared @app.css
-centering of event images and text done to prevent overlapping with
Carousel control
for readability.
To understand the above changes please navigate to the event section of
index.html and notice the carousel sliding control to scroll through 3
events at a time. The pictures are just for example and can be changed
to preference. Cheers!!! :D
add event carousel

-Proper indentation done to improve merge capability and new picture
files added for 3 more events that can be changed according to taste.
-class '.carousel-image' changed to class '.carousel-coverimage' and
height changed to fit event text by 2px in '.events-section .item'
@app.css.
Merge branch 'nishadmenezes-add-event-carousel'; pull #5

Conflicts:
	app/index.html