gistfile1.txt

(ns my-app.pages.core
  (:require [my-app.components.login-panel :as login-panel]

(defn active []
  [:div.container
   [:div.row
    [:div.col
     [login-panel/component]]]])

gistfile2.txt

(ns my-app.components.login-panel)

(defn component []
  [:div.container
   [:div.d-flex.justify-content-center.h-100
    [:div.card
     [:div.card-header
      [:h3 "Sign In"]]
     [:div.card-body
      [:form
       [:div.input-group.form-group
        [:div.input-group-prepend
         [:span.input-group-text
          [:i.fas.fa-user]]
         [:input {:type "text" :class "form-control" :placeholder "username"}]]]
       [:div.input-group.form-group
        [:div.input-group-prepend
         [:span.input-group-text
          [:i.fas.fa-key]]
         [:input {:type "password" :class "form-control" :placeholder "password"}]]]
       [:div.form-group
        [:input {:type "submit" :value "Login" :class "btn float-right login-btn"}]]]]
     [:card-footer
      [:div.d-flex.justify-content-center.links
       "Don't have an account?" [:a {:href "#"} "Sign Up"]]
      [:div.d-flex.justify-content-center.links
       [:a {:href "#"} "Forgot your password?"]]]]]])

gistfile3.txt

(ns my-app.web.core
  (:require [my-app.pages.core :as pages]
            [reagent.core :as r]))

(defn- start! []
  (r/render [pages/active] (.getElementById js/document "app-container")))

(start!)