update: end-animationをマークアップ

public/index.html

@@ -300,6 +300,38 @@
           <div></div><div></div><div></div><div></div><div></div>
         </section>
       </section>
+      <!--********************************** end-animation ***************************************-->
+      <section class="end-animation">
+        <section class="end-animation__end-roll">
+          <div class="text-balls">
+            <div class="text-ball">
+              <div class="inner">
+                <div class="bg">
+                  <div></div><div></div><div></div><div></div><div></div>
+                </div>
+              </div>
+            </div>
+            <div class="text-ball">
+              <div class="inner">
+                <div class="bg">
+                  <div></div><div></div><div></div><div></div><div></div>
+                </div>
+              </div>
+            </div>
+            <div class="text-ball">
+              <div class="inner">
+                <div class="bg">
+                  <div></div><div></div><div></div><div></div><div></div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="paints"><div></div><div></div><div></div><div></div></div>
+          <div class="window">
+            <img src="./images/end-animation/end.png" alt="END" />
+          </div>
+        </section>
+      </section>
     </main>
     <script type="text/javascript" src="./scripts/app.min.js"></script>
   </body>