diff --git a/app/about.R b/app/about.R
index 2a79284..fc59bbd 100644
--- a/app/about.R
+++ b/app/about.R
@@ -12,17 +12,25 @@ aboutUI <- function(id){
   tags$head(
     tags$link(rel = "stylesheet", type = "text/css", href = "style.css")
   ),
-    mainPanel(
-      p(id="div0","Kim jesteśmy?"),
-      tags$style(HTML("hr {position: absolute;width: 300px;height: 0px;left: 124px;top: calc(50% - 0px/2 - 118px);border: 0.5px solid #028090;}")),
-      p(id="div1","Jesteśmy młodym i dynamicznym zespołem, który dopiero co wkracza na rynek komercyjnych aplikacji.  Tworząc aplikację TakeCareApp przyświecał nam cel poszerzenie dostępności diagnozy medycznej i umożliwienie szybkiego i wygodnego odczytania wyników. "),
-      p(id="div2","Nasza ekipa składa się z trzech członków i są to:"),
-      p(id="div3","Jan Przybylski"),
-      p(id="dif"),
-      p(id="div4","Robert Tarnas"),
-      p(id="dif1"),
-      p(id="div5","Rafał Piskorski"),
-      p(id="dif2"),
+    fluidPage(
+      h1("Kim jestesmy?", align = "center"),
+      br(),
+      h4("Jestesmy mlodym dynamicznym zespolem wdrazajacym sie w swiat tworzenia profesjonalnych aplikacji"),
+      h4("Nasz zespol sklada sie z:"),
+      br(),
+      
+      fluidRow(column(4,
+                      div(div("Jan Przybylski"),img(src="jp.png", height = 150, width = 150)))%>% tagAppendAttributes(class = 'column-tile'),
+               column(4,
+                          div(div("Rafal Piskorski"),img(src="rafal.png", height = 150, width = 150)))%>% tagAppendAttributes(class = 'column-tile'),
+               column(4,
+                          div(div("Robert Tarnas"),img(src="robert.png", height = 150, width = 150)))%>% tagAppendAttributes(class = 'column-tile'), 
+                                 
+                        ),
+               
+               
+      
+      
       
       
 
diff --git a/app/www/authors.css b/app/www/authors.css
deleted file mode 100644
index 30bbdbe..0000000
--- a/app/www/authors.css
+++ /dev/null
@@ -1,174 +0,0 @@
-body{
-position: absolute;
-width: 517px;
-height: 216px;
-left: 15px;
-top: calc(50% - 216px/2 - 37px);
-
-background: #F9F3F3;
-border-radius: 10px;
-}
-
-#div0{
-
-position: absolute;
-width: 125px;
-height: 25px;
-left: 212px;
-top: calc(50% - 25px/2 - 126.5px);
-
-font-family: Oswald;
-font-style: normal;
-font-weight: normal;
-font-size: 10px;
-line-height: 11px;
-
-/* or 110% */
-display: flex;
-align-items: center;
-text-align: center;
-
-color: #05668D;
-
-}
-
-#div1{
-position: absolute;
-width: 360px;
-height: 25px;
-left: 95px;
-top: calc(50% - 25px/2 - 97.5px);
-
-font-family: Oswald;
-font-style: normal;
-font-weight: normal;
-font-size: 10px;
-line-height: 11px;
-
-/* or 110% */
-display: flex;
-align-items: center;
-
-color: #000000;
-}
-
-#div2{
-position: absolute;
-width: 360px;
-height: 25px;
-left: 95px;
-top: calc(50% - 25px/2 - 54.5px);
-
-font-family: Oswald;
-font-style: normal;
-font-weight: normal;
-font-size: 10px;
-line-height: 11px;
-
-/* or 110% */
-display: flex;
-align-items: center;
-
-color: #000000;
-
-}
-
-#div3{
-	
-position: absolute;
-width: 60px;
-height: 25px;
-left: 90px;
-top: calc(50% - 25px/2 + 48.5px);
-
-font-family: Oswald;
-font-style: normal;
-font-weight: normal;
-font-size: 10px;
-line-height: 11px;
-
-/* or 110% */
-display: flex;
-align-items: center;
-text-align: center;
-
-color: #000000;
-}
-
-#div4{
-position: absolute;
-width: 60px;
-height: 25px;
-left: 249px;
-top: calc(50% - 25px/2 + 48.5px);
-
-font-family: Oswald;
-font-style: normal;
-font-weight: normal;
-font-size: 10px;
-line-height: 11px;
-
-/* or 110% */
-display: flex;
-align-items: center;
-text-align: center;
-
-color: #000000;
-
-
-	
-}
-
-#div5{
-
-position: absolute;
-width: 60px;
-height: 25px;
-left: 413px;
-top: calc(50% - 25px/2 + 48.5px);
-
-font-family: Oswald;
-font-style: normal;
-font-weight: normal;
-font-size: 10px;
-line-height: 11px;
-
-/* or 110% */
-display: flex;
-align-items: center;
-text-align: center;
-
-color: #000000;	
-	
-}
-
-#dif
-{
-position: absolute;
-width: 70px;
-height: 70px;
-left: 85px;
-top: calc(50% - 70px/2 + 4px);
-
-background: url(jp.png);
-}
-
-#dif1{
-position: absolute;
-width: 70px;
-height: 70px;
-left: 244px;
-top: calc(50% - 70px/2 + 4px);
-
-background: url(robert.png);
-}
-#dif2{
-position: absolute;
-width: 70px;
-height: 70px;
-left: 408px;
-top: calc(50% - 70px/2 + 4px);
-
-background: url(rafal.png);
-}
-