 
 (defn footer []
   [:div#footer
-   [:style {:type "text/css"}]
-   [:h4 (:services strings)]])
+   (style
+    [:div#footer {:padding-top "80px"
+                  :padding-bottom "80px"
+                  :background-color "rgba(46,48,58,0.96)"
+                  :color "white"}
+     [:a {:color "#ddd"}]])
+   [:div.container.footer
+    [:div.row
+     [:div.col-md-3
+      [:h4 (:services strings)]
+      [:ul.list-unstyled
+       (for [x SERVICES]
+         [:li
+          [:a {:href (:href x)} (:text x)]])]]
+     [:div.col-md-3
+      [:h4 (:products strings)]
+      [:ul.list-unstyled
+       (for [x PRODUCTS]
+         [:li
+          [:a {:href (:href x)} (:text x)]])]]
+     [:div.col-md-3
+      [:h4 (:education strings)]
+      [:ul.list-unstyled
+       (for [x EDUCATION]
+         [:li
+          [:a {:href (:href x)} (:text x)]])]]
+     [:div.col-md-3
+      [:h4 (:contacts strings)]
+      [:ul.list-unstyled
+       (for [x CONTACTS]
+         [:li
+          [:a {:href (:href x)} (:text x)]])]]
+     ]]])
 
 (defn layout [cnt]
   [:html

(def strings
  {:title "Health Samurai"
   :products "Продукты"
   :projects "Projects"
   :services "Services"
   :contacts "Contacts"})

(def menu
  [{:href "/products" :text (:products strings)}
   {:href "/projects" :text (:projects strings)}
   {:href "/contancts" :text (:contacts strings)}])

(defn style [cnt]
  [:style {:type "text/css"} (css cnt)])

      ;; :line-height "40px"
      :padding "15px 0 20px"
      :color (if (= :inverse color) "white" (s-var :color :main))}
     [:span.nav-title {:position "fixed"
                       :top 0
                       :width "80px"
                       :height "68px"
                       :background-color "#a23835"
                       :text-align "center"}
      [:i {:padding-top "15px"
           :text-align "center"
           :color "white"
           :text-decoration "none"
           :font-size "32px"
           :margin-left "auto"
           :margin-right "auto"}]]
     [:ul {:display "inline-block"
           :margin-bottom 0
           :float "right"}]
     [:li {:margin-right "20px"
           :margin-top "8px"}
      [:a {;;:color "#a23835" ;; TODO: uncomment me, remove next white color
           :color "white"
           :padding "10px 20px"
           :border "1px solid transparent"
           :background-color "transparent"}
       [:&:hover {:color "#a23835"
                  :text-decoration "none"
                  :border "1px solid #a23835"}]]
      [:&:last-child {:margin-right 0}]
      [:&:hover {:color "#a23835"}
       [:a {color "#a23835"}]]
      ]
     ])

   [:div.container
    [:span.nav-title
     [:a {:href="#/"}
      [:i.hs-icon.icon-samurai] #_(:title strings)]]
    [:ul.list-inline
     (for [x menu]
       [:li [:a {:href (:href x)} (:text x)]])]]])
