diff --git a/.github/workflows/jekyll.yml b/.github/workflows/jekyll.yml
new file mode 100644
index 0000000..4943c9c
--- /dev/null
+++ b/.github/workflows/jekyll.yml
@@ -0,0 +1,20 @@
+name: Jekyll site CI
+
+on:
+  push:
+    branches: [ "master" ]
+  pull_request:
+    branches: [ "master" ]
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v3
+    - name: Build the site in the jekyll/builder container
+      run: |
+        docker run \
+        -v ${{ github.workspace }}:/srv/jekyll -v ${{ github.workspace }}/_site:/srv/jekyll/_site \
+        jekyll/builder:latest /bin/bash -c "chmod -R 777 /srv/jekyll && jekyll build --future"
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
new file mode 100644
index 0000000..9f0ebb8
--- /dev/null
+++ b/.github/workflows/main.yml
@@ -0,0 +1,36 @@
+# This is a basic workflow to help you get started with Actions
+
+name: CI
+
+# Controls when the workflow will run
+on:
+  # Triggers the workflow on push or pull request events but only for the "master" branch
+  push:
+    branches: [ "master" ]
+  pull_request:
+    branches: [ "master" ]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# A workflow run is made up of one or more jobs that can run sequentially or in parallel
+jobs:
+  # This workflow contains a single job called "build"
+  build:
+    # The type of runner that the job will run on
+    runs-on: ubuntu-latest
+
+    # Steps represent a sequence of tasks that will be executed as part of the job
+    steps:
+      # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it
+      - uses: actions/checkout@v3
+
+      # Runs a single command using the runners shell
+      - name: Run a one-line script
+        run: echo Hello, world!
+
+      # Runs a set of commands using the runners shell
+      - name: Run a multi-line script
+        run: |
+          echo Add other actions to build,
+          echo test, and deploy your project.
diff --git a/README.md b/README.md
index 4a404e9..44cf5a7 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,3 @@
-# Kokoa Clone 2020 Update
+# Koala Clone 2022 Update
 
 HTML & CSS are so much fun!
diff --git a/chat.html b/chat.html
index 5a2af13..79312c2 100644
--- a/chat.html
+++ b/chat.html
@@ -4,7 +4,7 @@
     <link rel="stylesheet" href="css/styles.css" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Chat w/ Nico - Kokoa Clone</title>
+    <title>Chat Sehwan Koala ㅎㅎClone</title>
   </head>
   <body id="chat-screen">
     <div class="status-bar">
@@ -13,7 +13,7 @@
         <i class="fas fa-wifi"></i>
       </div>
       <div class="status-bar__column">
-        <span>18:43</span>
+        <span>12:43</span>
       </div>
       <div class="status-bar__column">
         <span>110%</span>
@@ -44,10 +44,10 @@ <h1 class="alt-header__title">니꼬</h1>
       <div class="message-row">
         <img src="https://avatars3.githubusercontent.com/u/3612017" />
         <div class="message-row__content">
-          <span class="message__author">Nicolas</span>
+          <span class="message__author">Sehwan</span>
           <div class="message__info">
             <span class="message__bubble">Hi!</span>
-            <span class="message__time">21:27</span>
+            <span class="message__time">12:27</span>
           </div>
         </div>
       </div>
@@ -55,8 +55,8 @@ <h1 class="alt-header__title">니꼬</h1>
       <div class="message-row message-row--own">
         <div class="message-row__content">
           <div class="message__info">
-            <span class="message__bubble">Hi nice to meet you!</span>
-            <span class="message__time">21:27</span>
+            <span class="message__bubble">안녕하세요!</span>
+            <span class="message__time">12:30</span>
           </div>
         </div>
       </div>
@@ -76,7 +76,7 @@ <h1 class="alt-header__title">니꼬</h1>
     </form>
 
     <div id="no-mobile">
-      <span>Your screen is too big ㅠㅠ</span>
+      <span>사이즈를 줄여주세요!</span>
     </div>
 
     <script
diff --git a/chats.html b/chats.html
index 3b9e9e3..1aa86c1 100644
--- a/chats.html
+++ b/chats.html
@@ -4,7 +4,7 @@
     <link rel="stylesheet" href="css/styles.css" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Chats - Kokoa Clone</title>
+    <title>Chats - Koalaㅎㅎ Clone1!!!!!</title>
   </head>
   <body>
     <div class="status-bar">
@@ -41,9 +41,9 @@ <h1 class="screen-header__title">Chats</h1>
               class="user-component__avatar user-component__avatar"
             />
             <div class="user-component__text">
-              <h4 class="user-component__title">Nicolas</h4>
+              <h4 class="user-component__title">멋쟁이</h4>
               <h6 class="user-component__subtitle">
-                Please check My Kokoa Account Info
+                Please check My Koala Account Info
               </h6>
             </div>
           </div>
@@ -82,7 +82,7 @@ <h6 class="user-component__subtitle">
     </nav>
 
     <div id="no-mobile">
-      <span>Your screen is too big ㅠㅠ</span>
+      <span>화면을 줄여주세요</span>
     </div>
 
     <script
diff --git a/css/components/badge.css b/css/components/badge.css
index 77c01af..f867777 100644
--- a/css/components/badge.css
+++ b/css/components/badge.css
@@ -6,6 +6,6 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  color: white;
+  color: rgb(255, 255, 255);
   font-weight: 600;
 }
diff --git a/css/screens/chat.css b/css/screens/chat.css
index c60213b..b5d0ae2 100644
--- a/css/screens/chat.css
+++ b/css/screens/chat.css
@@ -41,7 +41,7 @@
 }
 
 .chat__timestamp {
-  color: white;
+  color: rgb(195, 241, 238);
   background-color: #92a4b2;
   padding: 15px;
   font-size: 14px;
@@ -73,7 +73,7 @@
 }
 
 .message__bubble {
-  background-color: white;
+  background-color: rgb(195, 230, 211);
   padding: 13px;
   font-size: 18px;
   border-radius: 15px;
diff --git a/css/screens/find.css b/css/screens/find.css
index 8e9ee3b..3f91ac3 100644
--- a/css/screens/find.css
+++ b/css/screens/find.css
@@ -84,7 +84,7 @@
 }
 .open-post__heart-count {
   background-color: rgba(0, 0, 0, 0.5);
-  color: white;
+  color: rgb(189, 174, 220);
   padding: 5px;
   border-radius: 20px;
   display: flex;
@@ -101,7 +101,7 @@
 
 @keyframes heartBeat {
   0% {
-    color: white;
+    color: rgb(231, 214, 214);
     transform: none;
   }
   50% {
@@ -109,7 +109,7 @@
     transform: scale(1.5);
   }
   100% {
-    color: white;
+    color: rgb(222, 208, 232);
     transform: none;
   }
 }
diff --git a/css/screens/more.css b/css/screens/more.css
index 3d9955c..3592691 100644
--- a/css/screens/more.css
+++ b/css/screens/more.css
@@ -36,5 +36,5 @@
 
 .more-suggestions__icon-image i {
   font-size: 32px;
-  color: white;
+  color: rgb(223, 237, 204);
 }
diff --git a/find.html b/find.html
index 4e4bc39..82e7a8e 100644
--- a/find.html
+++ b/find.html
@@ -4,7 +4,7 @@
     <link rel="stylesheet" href="css/styles.css" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Find - Kokoa Clone</title>
+    <title>하하하하하 - Koala Clone</title>
   </head>
   <body>
     <div class="status-bar">
@@ -110,7 +110,7 @@ <h6 class="open-post__hashtags">#bts#army#friends</h6>
     </nav>
 
     <div id="no-mobile">
-      <span>Your screen is too big ㅠㅠ</span>
+      <span>화면을 줄여주세요</span>
     </div>
 
     <script
diff --git a/friends.html b/friends.html
index 6e2f8c3..a070123 100644
--- a/friends.html
+++ b/friends.html
@@ -4,7 +4,7 @@
     <link rel="stylesheet" href="css/styles.css" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Friends - Kokoa Clone</title>
+    <title>Friends -ㅎㅎ Koala Clone</title>
   </head>
   <body>
     <div class="status-bar">
@@ -44,7 +44,7 @@ <h1 class="screen-header__title">Friends</h1>
             class="user-component__avatar user-component__avatar--xl"
           />
           <div class="user-component__text">
-            <h4 class="user-component__title">Nicolas</h4>
+            <h4 class="user-component__title">멋쟁이</h4>
             <!-- <h6 class="user-component__subtitle">this text whatever</h6> -->
           </div>
         </div>
@@ -107,7 +107,7 @@ <h4 class="user-component__title user-component__title--not-bold">
     </div>
 
     <div id="no-mobile">
-      <span>Your screen is too big 😭</span>
+      <span>화면을 줄여주세요.</span>
     </div>
 
     <script
diff --git a/index.html b/index.html
index 4de8a69..655c82f 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
     <link rel="stylesheet" href="css/styles.css" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Welcome to Kokoa Clone</title>
+    <title>Welcome toㅎㅎ Koala Clone</title>
   </head>
   <body>
     <div class="status-bar">
@@ -23,9 +23,9 @@
     </div>
 
     <header class="welcome-header">
-      <h1 class="welcome-header__title">Welcome to Kokoa Clone</h1>
+      <h1 class="welcome-header__title">Welcome to Koala Clone</h1>
       <p class="welcome-header__text">
-        If you have a Kokoa Account, log in with your email or phone number.
+        If you have a Koala Account, log in with your email or phone number.
       </p>
     </header>
 
@@ -33,11 +33,11 @@ <h1 class="welcome-header__title">Welcome to Kokoa Clone</h1>
       <input name="username" type="text" placeholder="Email or phone number" />
       <input name="password" type="password" placeholder="Password" />
       <input type="submit" value="Log In" />
-      <a href="#">Find Kokoa Account or Password</a>
+      <a href="#">Find Koala Account or Password</a>
     </form>
 
     <div id="no-mobile">
-      <span>Your screen is too big ㅠㅠ</span>
+      <span>화면을 줄여주세요</span>
     </div>
 
     <script
diff --git a/more.html b/more.html
index 3e39143..862e7fe 100644
--- a/more.html
+++ b/more.html
@@ -4,7 +4,7 @@
     <link rel="stylesheet" href="css/styles.css" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>More - Kokoa Clone</title>
+    <title>More -ㅎㅎ Koala Clone</title>
   </head>
   <body>
     <div class="status-bar">
@@ -41,7 +41,7 @@ <h1 class="screen-header__title">More</h1>
             class="user-component__avatar user-component__avatar--xl"
           />
           <div class="user-component__text">
-            <h4 class="user-component__title">Nicolas</h4>
+            <h4 class="user-component__title">멋쟁이</h4>
             <h6 class="user-component__subtitle">+ 787 666 999</h6>
           </div>
         </div>
@@ -74,13 +74,13 @@ <h4 class="more-suggestions__title">Suggestions</h4>
             <div class="more-suggestions__icon-image">
               <i class="fas fa-quote-right"></i>
             </div>
-            <span class="more-suggestions__icon-text">Kokoa Story</span>
+            <span class="more-suggestions__icon-text">Koala Story</span>
           </div>
           <div class="more-suggestions__icon">
             <div class="more-suggestions__icon-image">
               <i class="fas fa-quote-right"></i>
             </div>
-            <span class="more-suggestions__icon-text">Kokoa Story</span>
+            <span class="more-suggestions__icon-text">Koala Story</span>
           </div>
         </div>
       </div>
@@ -113,7 +113,7 @@ <h4 class="more-suggestions__title">Suggestions</h4>
     </nav>
 
     <div id="no-mobile">
-      <span>Your screen is too big ㅠㅠ</span>
+      <span>화면을 줄여주세요</span>
     </div>
 
     <script
diff --git a/settings.html b/settings.html
index 5fa8eda..1cd5fb8 100644
--- a/settings.html
+++ b/settings.html
@@ -4,7 +4,7 @@
     <link rel="stylesheet" href="css/styles.css" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Settings - Kokoa Clone</title>
+    <title>Settings - Koala Clone</title>
   </head>
   <body>
     <div class="status-bar">
@@ -48,7 +48,7 @@ <h1 class="alt-header__title">Settings</h1>
         <li class="settings__setting">
           <div class="settings__setting-column">
             <i class="fas fa-flask"></i>
-            <span>Kokoa Lab</span>
+            <span>Koala Lab</span>
           </div>
           <div class="settings__setting-column"></div>
         </li>
@@ -89,7 +89,7 @@ <h1 class="alt-header__title">Settings</h1>
     </nav>
 
     <div id="no-mobile">
-      <span>Your screen is too big ㅠㅠ</span>
+      <span>화면을 줄여주세요</span>
     </div>
 
     <script
