[SSG][Design] Add Subscribe page.

scss/index.scss

@@ -94,6 +94,35 @@ body {
 					margin: 0.5em 1em;
 				}
 			}
+			.subscribe {
+				display: flex;
+				width: 600px;
+				justify-content: space-between;
+				flex-wrap: wrap;
+				margin: auto;
+				a {
+					color: #000;
+					font-size: 100px;
+					text-align: center;
+					padding: 50px 50px;
+					transition-duration: 0.2em;
+					text-decoration: none;
+				}
+				a:hover, a:active {
+					font-size: 0;
+					color: #FFF;
+					background-color: #000;
+					text-decoration: none;
+					transition-duration: 0.2em;
+				}
+				a:hover::after {
+					content: attr(x-text);
+					position: relative;
+					top: 50px;
+					font-size: 1rem;
+					text-decoration: none;
+				}
+			}
 		}
 	}
 
@@ -173,6 +202,17 @@ h1 {
 	}
 }
 
+@media (max-width: 800px) {
+	body {
+		.top {
+			.wrapper {
+				.subscribe {
+					width: 400px;
+				}
+			}
+		}
+	}
+}
 @media (max-width: 600px) {
 	body {
 		.top_bg {
@@ -213,6 +253,17 @@ h1 {
 	}
 }
 
+@media (max-width: 480px) {
+	body {
+		.top {
+			.wrapper {
+				.subscribe {
+					width: 200px;
+				}
+			}
+		}
+	}
+}
 
 @keyframes move_right {
 	from {left: 0}