FRONT-END SECTION

create project modular and flexible.

logo from freepick : https://www.freepik.com/free-vector/technical-logo-design_1187935.htm

STRUCTURE FRONT-END SECTION FILES

COMPONENTS :
    |
    |-- BOOTSTRAP
    |
    |-- icomoon  : font icon from icomoon.io
    |
    |-- map-box : for using google map and map API
    |
    |-- ...

CSS :
    |
    |-- style.css

FONTS :
    |
    |-- ICONS :
    |       |
    |       |-- icomoon.eot
    |       |-- icomoon.svg
    |       |-- icomoon.ttf
    |       |-- icomoon.woff
    |
    |
    |--- file fonts here :)

IMG :
    |
    |-- images file here ...

JS :
    |
    |-- jquery.min.js (3.3.1)
    |
    |-- main.js

SASS :
    |
    |-- FOOTER :
    |       |
    |       |-- _default.scss
    |
    |-- FUNCTIONS :
    |       |
    |       |-- _direction.scss
    |
    |
    |-- HEADER :
    |       |
    |       |-- _default.scss        
    |
    |-- MODULES :
    |       |
    |       |-- HOME :
    |       |       |
    |       |       |-- _default.scss
    |       |
    |       |-- map-box :
    |       |           |
    |       |           |-- _mapbox.scss
    |       |
    |       |-- slider-third-row :
    |       |                   |
    |       |                   |-- _sliderThirdRow
    |
    |
    |-- TYPOGRAPHY :
    |       |
    |       |-- _default.scss
    |       |
    |       |-- _icomoon.scss
    |       |
    |       |-- _muliFont.scss
    |       |
    |       |-- _openSansFont.scss
    |
    |
    |-- WIDGET :
    |       |
    |       |-- _three_column_icon 
    |       |
    |       |--  ...
    |
    |-- _general.scss 
    |
    |-- _grids.scss
    |
    |-- _placeholder.scss
    |
    |-- _variables.scss
    |
    |--style.scss ( ALL OF THE SASS FILES IMPORT IN THIS FILE )

config.rb
index.html                      // default index
mapbox.html
slider.html

HOW MUCH WORK HAS BEEN DONE

First Step : we cretaed the nice and net structure and we try to improve clean and cleaner  :)

and until now we have the simple responsive navigation.

UPDATES :

#1 - Add Mapbox - add list of location list on map and display details. ( get data with JSON )

#2 - Add CustomSlider - This slider has three row and we click on icon and move first and third section.