 
 ;; Neotree configurations
 (global-set-key [f8] 'neotree-toggle)
+
+;;-----------------------
+
+;; Company mode Configs;
+(require 'company)
+(require 'company-web-html)                          ; load company mode html backend
+(add-to-list 'company-backends 'company-tern)
+
+(setq company-tooltip-limit 20)                      ; bigger popup window
+(setq company-tooltip-align-annotations 't)          ; align annotations to the right tooltip border
+(setq company-idle-delay .3)                         ; decrease delay before autocompletion popup shows
+(setq company-begin-commands '(self-insert-command)) ; start autocompletion only after typing
+(global-set-key (kbd "C-c /") 'company-files)        ; Force complete file names on "C-c /" key
+;;-----------------------
+
+;; Emmet Mode Config
+(add-to-list 'load-path "~/emacs.d/emmet-mode")
+(require 'emmet-mode)
+(add-hook 'sgml-mode-hook 'emmet-mode) ;; Auto-start on any markup modes
+(add-hook 'css-mode-hook  'emmet-mode) ;; enable Emmet's css abbreviation.
 
 ;;-----------------------
 

                            (?\( . ?\))
                            (?\{ . ?\})
                            ) )

(custom-set-variables
 ;; custom-set-variables was added by Custom.

 '(ansi-color-faces-vector
   [default bold shadow italic underline bold bold-italic bold])
 '(ansi-term-color-vector
   [unspecified "#1b2b34" "#ec5f67" "#99c794" "#fac863" "#6699cc" "#c594c5" "#6699cc" "#c0c5ce"] t)
 '(company-backends
   (quote
    (company-tern company-bbdb company-nxml company-css company-eclim company-semantic company-clang company-xcode company-cmake company-capf company-files
                  (company-dabbrev-code company-gtags company-etags company-keywords)
                  company-oddmuse company-dabbrev company-ispell)))
 '(custom-enabled-themes (quote (base16-oceanicnext)))
 '(custom-safe-themes
   (quote
