diff --git a/public/index.html b/public/index.html
index 5d9ead6..0143b0a 100644
--- a/public/index.html
+++ b/public/index.html
@@ -32,6 +32,7 @@
     <meta name="twitter:image" content="https://yuki540.com/images/ogp.png" />
     <link rel="shortcut icon" href="https://yuki540.com/images/profile/yuki540.png" />
     <link rel="apple-touch-icon" href="https://yuki540.com/images/profile/yuki540.png" />
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
     <link rel="stylesheet" href="./stylesheets/font.css" />
     <link rel="stylesheet" href="./stylesheets/style.css" />
   </head>
@@ -233,6 +234,15 @@
           </section>
         </div>
       </section>
+      <!--********************************** calling ***************************************-->
+      <section class="calling" data-state="start">
+        <section class="calling__bg">
+          <div></div><div></div><div></div><div></div>
+          <div></div><div></div><div></div><div></div>
+          <div></div><div></div><div></div><div></div>
+          <div></div><div></div><div></div><div></div>
+        </section>
+      </section>
     </main>
     <script type="text/javascript" src="./scripts/app.min.js"></script>
   </body>