Skip to content
Create project with css preprocessor and javascript task runners
HTML CSS JavaScript Ruby
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.sass-cache
components
css
fonts
img
js
sass
.DS_Store
LICENSE
README.md
config.rb
index.html
mapbox.html
slider.html

README.md

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.
You can’t perform that action at this time.