Cleanup: Rename sidebar links and directories under study_group

_sidebar.md

@@ -12,17 +12,24 @@
   - [About WWCode Manila](wwcodemanila/about.md)
   - [Study Groups](wwcodemanila/study_groups.md)
 
-- Starter Kit
+- Getting Started
   - [About the Study Group](README.md)
-  - [Install Tools](getting_started/install_tools.md)
-  - [Welcome to the Web](getting_started/starter_pack.md)
+  - [Tools](getting_started/install_tools.md)
+  - [Creating your first Web Page](getting_started/creating_your_first_webpage.md)
+  - [Creating your first blog site](getting_started/starter_pack.md)
 
 - Basic Concepts
-  - [Guide in Learning HTML & CSS](getting_started/guide.md)
-  - [Introduction to HTML & CSS - Creating your first Web Page - Page under development](basic_concepts/#)
-  - [More discussion about CSS Box Model, CSS Selectors and CSS Position Property](basic_concepts/#)
+  - [Guide in Learning HTML & CSS](basic_concepts/guide.md)
+
+- Activities
+  - [CSS Box Model and Display Property](study_group/2017/css_box_model_and_display_property/readme.md)
+  - [HTML Table and CSS Typography, Colors and Float](study_group/2017/html_table_and_css_typography_colors_and_float/readme.md)
+  - [HTML Form and CSS Position Property](study_group/2017/html_form_and_css_position_property/readme.md)
+  - [CSS Frameworks](study_group/2017/css_frameworks/readme.md)
+  - [CSS Preprocessor](study_group/2017/css_preprocessor/readme.md)
+  - [Responsive Web Design](study_group/2017/responsive_web_design/readme.md)
+  - [Multi Page Website, CSS Typography, Float and Best Practices](study_group/2017/multi_page_website_css_typography_float_and_best_practices/readme.md)
 
-- Advanced HTML & CSS
 
 - Resources
   - [References](resources/references.md)

basic_concepts/guide.md

@@ -0,0 +1,19 @@
+Here are the possible topics that we will cover in our study groups:
+
+| Topics                                                          
+|------------------------------------------------------------------------------------------------
+| [Introduction to HTML and CSS, Creating your first website.](http://bit.ly/HTMLCSS_SG01)   
+| [HTML Blocks; CSS Box Model and Display property](http://bit.ly/HTMLCSS19_SG02)
+| [More discussion about HTML Box Model and CSS Selectors](http://bit.ly/HTMLCSS_SG02)  
+| [Links, Images, and Backgrounds](http://bit.ly/HTMLCSS_SG03)  
+| [Typography](http://bit.ly/HTMLCSS_SG04)
+| [Layout your site using CSS Positioning, CSS Floats, CSS Grid and CSS Flexbox](http://bit.ly/HTMLCSS_SG05)
+| [CSS Pseudo-Classes And CSS Pseudo-Elements](https://docs.google.com/presentation/d/1CQcZTzSgAFtWa1OKliT-oXt3EbDvyrTT2cXizfQU9dE/edit?usp=sharing)
+| CSS3 Transitions, Transforms, Animations and Filters :soon:      
+| CSS Frameworks :soon:                                                                       
+| CSS Pre-processors :soon:                                                                         
+| Implementing JavaScript Libraries :soon:                                                            
+| CSS Methodologies :soon:                                                      
+| Deploying your website :soon:    
+
+!> Note: Please feel free to checkout our slides that are linked in each topics.