fix(guide): simplify directory structure

guide/english/ionic/hello-world-in-ionic/index.md

@@ -0,0 +1,69 @@
+---
+title: Hello World In Ionic 
+---
+
+# Hello World in Ionic !!
+### This is the editorial which will go through you for making a simlple Hello World program in Ionic.
+### Steps
+
+
+#### 1. Install `ionic` , `npm` ,`angular` and `cordova` if not installed.[See [first](https://guide.freecodecamp.org/ionic) introduction for more information]
+
+```shell
+sudo apt-get install nodejs
+sudo apt-get install npm 
+sudo npm install -g ionic cordova
+```
+   
+#### 2. Create a folder named `helloworld`
+         
+```shell
+ionic start helloworld blank
+```
+   Note:
+   Since this is small project enter No or N when prompted during program execution.
+   
+  
+#### 3. Change directory to `helloworld` [ this is your ionic directory]
+         
+```shell
+cd helloworld
+```
+         
+   
+#### 4. Open the folder in your text editor . you will see various files and subfolder . 
+Dont panic these files are generated automatically by npm for you.Just go to `src`->`page`->`home`->`home.html` .
+
+
+#### 5. Basic File Format
+    `home.html` is the html page where you can write html syntax.<br/>
+
+    `home.scss` is the css page to write css syntax.<br/>
+
+    `home.ts` is the typescript page to write typescript code.
+
+
+#### 6. Delete the template and add the html syntax as shown in image.
+
+```html
+ <ion-header>
+  <ion-navbar>
+    <ion-title>
+      Ionic Project
+    </ion-title>
+   </ion-navbar>
+  </ion-header>
+
+  <ion-content padding>
+   <h2>Hello World </h2>
+  </ion-content>
+ ```
+   
+   
+#### 7. Save the code and run 
+
+```shell
+ionic serve
+```
+   
+#### 8. To see your code running go to browser and and open localhost:8100 in the url.

guide/english/ionic/index.md

@@ -0,0 +1,52 @@
+---
+title: Ionic
+---
+## Ionic framework
+
+Ionic is an HTML5 mobile app development framework targeted at building hybrid mobile apps.
+
+Hybrid apps have many benefits over pure native apps, specifically in terms of platform support, speed of development, and access to 3rd party code.
+
+### Building Hybrid Apps With Ionic
+
+Those familiar with web development will find the structure of an Ionic app straightforward. At its core, it’s just a web page running in an native app shell! That means we can use any kind of HTML, CSS, and Javascript we want. 
+
+The bulk of an Ionic app will be written in HTML, Javascript, and CSS. Ionic also uses AngularJS for a lot of the core functionality of the framework.
+
+### Before we can start playing with Ionic. Let’s prepare our system first:
+
+```
+  nodeJS and npm
+  Ionic 2
+  Cordova
+  Android Environment (or iOS if you’re working on a MacOS)
+```
+  
+### First thing first, we need to have Node.js and npm.
+
+```
+  sudo apt-get update
+  sudo apt-get install nodejs
+```
+  
+### Node.js package manager (npm)
+
+```  
+  sudo apt-get install npm
+```
+  
+### Ionic 2 and cordova
+
+```
+  sudo npm install -g ionic cordova
+```
+  
+### Now sit back and relax, give it some time to finish, it can take several minutes depending on your internet connection.
+Once that’s done, Let’s start off by generating a new project based on the “blank” template
+
+```
+  ionic start MyFirstApp blank
+  cd MyFirstApp 
+  ionic serve
+```
+

guide/english/ionic/ionicons/index.md

@@ -0,0 +1,12 @@
+---
+title: Ionicons
+---
+## Ionicons
+
+Ionicons is a completely open-source icon set crafted for web, iOS, Android, and desktop apps.
+Ionicons was built for Ionic Framework, so icons have both Material Design and iOS versions. 
+When used with Ionic, the `ion-icon` component will automatically use the correct version based on your platform.
+Additionally, when used outside of Ionic, both `ios` and `md` platforms can be chosen by the application.
+
+### Resources
+* [Ionicons](https://ionicons.com/)