diff --git a/luckydiamond/src/assets/css/PagesStyles/home.css b/luckydiamond/src/assets/css/PagesStyles/home.css
index ffb3803..5913b35 100644
--- a/luckydiamond/src/assets/css/PagesStyles/home.css
+++ b/luckydiamond/src/assets/css/PagesStyles/home.css
@@ -64,4 +64,67 @@
     animation-delay: 5s;
 }
 
-/* /Main */
\ No newline at end of file
+/* /Main */
+
+/* GameMode */
+
+.gamemode {
+    width: 80%;
+}
+
+.gamemode__content--text {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.gamemode__content--text h2 {
+    margin: 2% 0 .5% 10%;
+}
+
+.gamemode__content--text div {
+    width: 80%;
+    margin: 0 auto;
+    border: 1px solid #fff;
+    height: 1px;
+}
+
+.gamemode__content--card {
+    width: 100%;
+    height: 100%;
+}
+
+.gamemode__main {
+    border-radius: 40px;
+    background: #EF4444;
+    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
+    width: 30%;
+    height: 100%;
+}
+
+.gamemode__main .line__content1 {
+    display: flex;
+    justify-content: center;
+    text-align: center;
+}
+
+.gamemode__main .line__content1 h3 {
+    color: #FFF;
+    padding-top: 10px;
+    text-transform: uppercase;
+    font-size: 91px;
+    font-weight: 700;
+    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+    font-family: Montserrat Alternates;
+}
+
+.gamemode__main .content .icon1 {
+    width: 50%;
+}
+
+.gamemode__main .content {
+    display: flex;
+    justify-content: space-between;
+}
+
+/* /GameMode */
\ No newline at end of file
diff --git a/luckydiamond/src/assets/css/global.css b/luckydiamond/src/assets/css/global.css
index c7b8c26..04a4bc9 100644
--- a/luckydiamond/src/assets/css/global.css
+++ b/luckydiamond/src/assets/css/global.css
@@ -95,8 +95,8 @@ body, html {
 
 .gamemode {
     grid-area: gamemode;
-    background: #123123;
-    align-self: start;
+    height: 70%;
+    width: 100%;
 }
 
 /* /GameMode */
\ No newline at end of file
diff --git a/luckydiamond/src/assets/icons-gamemodes/bomb-icon.svg b/luckydiamond/src/assets/icons-gamemodes/bomb-icon.svg
new file mode 100644
index 0000000..c89db10
--- /dev/null
+++ b/luckydiamond/src/assets/icons-gamemodes/bomb-icon.svg
@@ -0,0 +1,17 @@
+<svg width="278" height="286" viewBox="0 0 278 286" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_i_406_257)">
+<path d="M95.4233 286C68.9169 286 46.3863 276.626 27.8318 257.877C9.27727 239.128 0 216.513 0 190.031C0 163.55 9.17124 141.146 27.5137 122.821C45.8562 104.496 68.2807 95.3333 94.7872 95.3333C97.3452 95.3333 99.7083 93.9663 100.983 91.7487L107.51 80.3978C110.055 75.737 113.872 72.7181 118.961 71.3411C124.05 69.9641 128.928 70.6526 133.593 73.4067L140.525 77.3316C141.985 78.1577 143.836 77.6884 144.725 76.2667C149.603 67.157 157.236 61.2252 167.627 58.4711C178.018 55.717 187.772 56.9881 196.89 62.2844L199.277 63.6471C204.097 66.3989 205.754 72.5497 202.969 77.3504L200.283 81.978C197.525 86.7311 191.449 88.3681 186.676 85.6436L184.167 84.2111C181.198 82.5163 177.965 82.1456 174.466 83.0989C170.967 84.0522 168.369 86.0119 166.673 88.9778C165.804 90.3661 166.263 92.198 167.683 93.0137L177.805 98.8289C182.259 101.371 185.174 105.184 186.553 110.269C187.931 115.353 187.348 120.12 184.803 124.569L179.162 134.589C177.348 137.81 177.499 141.747 179.288 144.982C182.659 151.077 185.293 157.46 187.189 164.132C189.627 172.712 190.847 181.557 190.847 190.667C190.847 217.148 181.569 239.657 163.015 258.194C144.46 276.731 121.93 286 95.4233 286ZM95.4233 260.578C114.72 260.578 131.207 253.746 144.884 240.081C158.562 226.417 165.4 209.945 165.4 190.667C165.4 184.099 164.499 177.638 162.697 171.282C160.894 164.927 158.191 158.889 154.586 153.169L149.58 145.282C147.575 142.124 147.501 138.111 149.387 134.881L154.604 125.944C157.4 121.156 155.766 115.007 150.962 112.238L135.21 103.159C130.444 100.412 124.355 102.03 121.581 106.781L116.13 116.116C114.338 119.186 111.05 121.073 107.495 121.073H99.2403C79.3074 121.073 61.9722 127.429 47.2346 140.14C32.497 152.851 25.1281 169.481 25.1281 190.031C25.1281 209.521 31.9668 226.152 45.6442 239.922C59.3215 253.693 75.9146 260.578 95.4233 260.578ZM249.831 108.044C244.308 108.044 239.831 103.567 239.831 98.0444V92.6222C239.831 87.0994 244.308 82.6222 249.831 82.6222H268C273.523 82.6222 278 87.0994 278 92.6222V98.0444C278 103.567 273.523 108.044 268 108.044H249.831ZM179.854 38.1333C174.331 38.1333 169.854 33.6562 169.854 28.1333V10C169.854 4.47716 174.331 0 179.854 0H185.3C190.823 0 195.3 4.47715 195.3 10V28.1333C195.3 33.6562 190.823 38.1333 185.3 38.1333H179.854ZM238.946 56.8123C235.042 60.7131 228.715 60.7131 224.811 56.8123L221.147 53.1522C217.238 49.2462 217.238 42.9094 221.147 39.0034L234.035 26.1277C237.94 22.2269 244.266 22.2269 248.171 26.1277L251.834 29.7878C255.744 33.6938 255.744 40.0306 251.834 43.9366L238.946 56.8123Z" fill="#FEFEFE"/>
+</g>
+<defs>
+<filter id="filter0_i_406_257" x="0" y="0" width="282" height="290" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="4" dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_406_257"/>
+</filter>
+</defs>
+</svg>
diff --git a/luckydiamond/src/assets/icons-gamemodes/icon-right-array.svg b/luckydiamond/src/assets/icons-gamemodes/icon-right-array.svg
new file mode 100644
index 0000000..818afe4
--- /dev/null
+++ b/luckydiamond/src/assets/icons-gamemodes/icon-right-array.svg
@@ -0,0 +1,21 @@
+<svg width="41" height="46" viewBox="0 0 41 46" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g filter="url(#filter0_d_406_263)">
+<rect x="3" y="1" width="33" height="38" fill="url(#pattern0)" shape-rendering="crispEdges"/>
+</g>
+<defs>
+<filter id="filter0_d_406_263" x="0" y="0" width="41" height="46" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="1" dy="3"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_406_263"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_406_263" result="shape"/>
+</filter>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_406_263" transform="matrix(0.00224905 0 0 0.00195312 -0.0757576 0)"/>
+</pattern>
+<image id="image0_406_263" width="512" height="512" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/luckydiamond/src/mocks/GameModes.js b/luckydiamond/src/mocks/GameModes.js
index 12afdad..c8c06de 100644
--- a/luckydiamond/src/mocks/GameModes.js
+++ b/luckydiamond/src/mocks/GameModes.js
@@ -1,27 +1,22 @@
 export default [
     {
         id: 1,
-        title: 'slots',
+        title: 'сапёр',
         players: 0
     },
     {
         id: 2,
-        title: 'double',
+        title: 'кейсы',
         players: 0
     },
     {
         id: 3,
-        title: 'crash',
+        title: 'слоты',
         players: 0
     },
     {
         id: 4,
-        title: 'jackpot',
-        players: 0
-    },
-    {
-        id: 5,
-        title: 'mines',
+        title: 'краш',
         players: 0
     }
 ]
\ No newline at end of file
diff --git a/luckydiamond/src/pages/HomePage.vue b/luckydiamond/src/pages/HomePage.vue
index 5227bb2..2a93419 100644
--- a/luckydiamond/src/pages/HomePage.vue
+++ b/luckydiamond/src/pages/HomePage.vue
@@ -1,3 +1,4 @@
+<link rel="stylesheet" href="../assets/css/PagesStyles/home.css">
 <template>
   <div class="content-grid">
     <aside-bar-element @animationchange="claimSettings"></aside-bar-element>
@@ -14,9 +15,28 @@
       </div>
     </main>
 
-    <section style="margin-top: 200px;" class="gamemode">
-      <div class="gamemode__content">
-        <h1>GAMEMODE</h1>
+    <section class="gamemode">
+      <div class="gamemode__content--text">
+        <h2>режимы игры</h2>
+        <div></div>
+      </div>
+      <div class="gamemode__content--card">
+        <div class="gamemode__main">
+          <ul>
+            <li
+                v-for="mode in mainGameMode"
+                :key="mode.id"
+            >
+              <div :class="'line__content' + mode.id">
+                <h3>{{ mode.title }}</h3>
+              </div>
+              <div class="content">
+                <img :class="'icon' + mode.id" src="@/assets/icons-gamemodes/bomb-icon.svg">
+                <a href="#">play <span><img src="@/assets/icons-gamemodes/icon-right-array.svg"></span></a>
+              </div>
+            </li>
+          </ul>
+        </div>
       </div>
     </section>
   </div>
@@ -48,10 +68,10 @@ export default {
       return this.GameModes.filter(mode => [1].includes(mode.id))
     },
     firstlineGameMode() {
-      return this.GameModes.filter(mode => [2,3].includes(mode.id))
+      return this.GameModes.filter(mode => [2].includes(mode.id))
     },
     twolineGameMode() {
-      return this.GameModes.filter(mode => [4,5].includes(mode.id))
+      return this.GameModes.filter(mode => [3, 4].includes(mode.id))
     }
   }
 }