From 5bcec6cba490b35e4a20aa12c2cd35259ef1672c Mon Sep 17 00:00:00 2001
From: "huynh.h.vy" <huynh.h.vy@gmail.com>
Date: Sun, 12 May 2019 14:40:22 +0700
Subject: [PATCH] recover codes

---
 index.html | 47 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)
diff --git a/index.html b/index.html
index 9ca786e..ea9aceb 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,53 @@
 <!--[if gt IE 8]><!-->
 <html class="no-js">
 <!--<![endif]-->
+<style>
+    * {
+        box-sizing: border-box;
+    }
+    body {
+        margin: 0;
+        font-family: Arial;
+    }
+    .header {
+        text-align: center;
+        padding: 32px;
+    }
+    .row {
+        display: -ms-flexbox; /* IE10 */
+        display: flex;
+        -ms-flex-wrap: wrap; /* IE10 */
+        flex-wrap: wrap;
+        padding: 0 4px;
+    }
+    /* Create four equal columns that sits next to each other */
+    .column {
+        -ms-flex: 25%; /* IE10 */
+        flex: 25%;
+        max-width: 25%;
+        padding: 0 4px;
+    }
+    .column img {
+        margin-top: 8px;
+        vertical-align: middle;
+    }
+    /* Responsive layout - makes a two column-layout instead of four columns */
+    @media screen and (max-width: 992px) {
+        .column {
+        -ms-flex: 100%;
+        flex: 100%;
+        max-width: 50%;
+        }
+    }
+    /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
+    @media screen and (max-width: 768px) {
+        .column {
+        -ms-flex: 100%;
+        flex: 100%;
+        max-width: 100%;
+        }
+    }
+    </style>
 <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
