                               [:tr [:td
                                     [:span {:style {:align-text :left
                                                     :font-size "1.4rem"}} "“F"]
-                                    "ullstack developeing experience on mobile & IOT."]]
+                                    "ullstack developing experience on mobile & IOT."]]
                               [:tr [:td  "Devops.... friendl"
                                     [:span {:style { :font-size "1.4rem"}} "y”"]]]
                               ]]]]]]]]]]))

                     :background-color "#12808D"}} "Single Page APP (SPA)"]
      [:div "ReactJs"]
      [:div "Redux"]
      [:div "VueJS"]
      ]]
    [:tr
     [:td {:style {:text-align :left
                    :color "#D9C9BA"
                    :height "100%"
                    :font-size "0.85rem"
                    :background-color "#4A3356"
                    :padding-left "5px"
                   }}
      [:div {:style {:padding "12px"
                     :color :white
                     :background-color "#12808D"}} "Info Graphics"]
      [:div "HTML5/CSS3"]
      [:div "SVG/D3"]
      [:div "Spring Animation"]]]
    [:tr
     [:td {:style {:text-align :left
                   :color "#D9C9BA"
                   :height "100%"
                   :font-size "0.85rem"
                   :background-color "#4B4D5A"
                   :padding-left "5px"
                   }}
      [:div {:style {:padding "7px"
                     :color "#4B4D5A"
                     :background-color "#7D889C"}} "Relational Database"]
      [:div "Datalog"]
      [:div "SQL"]
      [:div "PostgreSQL"]
      [:div "Datomic"]
      ]]
    [:tr
     [:td {:style {:text-align :left
                   :color "#D9C9BA"
                   :height "100%"
                   :font-size "0.85rem"

                  [:tr [:td "➟ Database and Query optimization"]]
                  [:tr [:td "➟ System Automation & Testing"]]]]]]]]]]]]))

(rum/defc position-email-gp [state]
  (let [fw "1rem"
        fw-small "1rem"]
    [:table {:style
             {:font-family "'Merriweather', serif"}}
     [:tbody
      [:tr
       [:td [:div {:style {:font-weight 600
                           :font-size fw-small
                           :text-align :center
                           :padding "10px"}}
             "System Engineer"] ]
       [:td [:div {:style {:font-weight 600
                           :font-size fw-small
                           :padding "10px"
                           }}
             "GP trouble ticketing System ‒ GPTTS"]]]
      [:tr
       [:td {:style {:fond-size fw-small
                     :width "250px"
                     :padding-left "10px"
                     :padding-right "10px"
                     :background-color "#fff"
                     :box-shadow "0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)"}}
        [:div {:style {:padding "5px"
                       :color "#666"
                       :font-size fw-small}}
         "Joined Feb 2012"]
        [:div {:style {
                       :background-color "#87ceeb"
                       :color "#582828"
                       :padding "10px"
                       :font-size fw-small}}
         [:div {:style {:text-align :center}}
          "Grameen Phone"]]
        [:div {:style {:padding "2px"
                       :color "#666"
                       :font-size fw-small}}
         "1.5+ years"]]
       [:td

        [:table {:style {:padding "10px"
                         :font-size fw-small
                         :color "#003399"
                         :background-color "#fff"
                         :box-shadow "0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)"}}
         [:tbody
          [:tr [:td {:style {:text-align :left
                             :background-color "#181818"
                             :padding-top "7px"
                             :borderRadius "3px"
                             :font-size "14px"
                             :color "#BFBFBF"}}
                [:table
                 [:tbody
                  [:tr [:td "Real Time Notification System from Network Alarms"]]
                  [:tr [:td "Multimedia Messaging Systems for Web & Mobile"]]
                  ]]]]]]]]]]))

(rum/defc email-iphone [state]
  [:table {:style
           {:height "250px"
            :background-color "#DDDDDD"
            :background-position "20% 80%"
            :background-size "400px 300px"
            :background-image (str "url" "("  "\"https://i.pinimg.com/originals/8c/b5/0d/8cb50d60ce244eb04907fc7924763493.gif\""  ")")
            ;; :background-image (str "url" "("  "\"https://cdn.dribbble.com/users/273461/screenshots/2513600/shopping2.gif\""  ")")
            :background-repeat :no-repeat}}
