Update index.html

wajdifarid · Jul 2, 2024 · 39d228f · 39d228f
1 parent 1cda6a0
commit 39d228f
Showing 1 changed file with 30 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -10,6 +10,7 @@
         body {
             width: 100%;
             height: 100%;
+            margin: 0;
         }
 
         html {
@@ -33,13 +34,38 @@
             width: 250px;
             height: 250px;
         }
+
+        .float {
+            display: inline-block;
+            width: 240px;
+            height: 60px;
+            background-color: #25d366;
+            color: #FFF;
+            border-radius: 50px;
+            text-align: center;
+            font-size: 30px;
+            box-shadow: 2px 2px 3px #999;
+            text-decoration: none;
+            line-height: 60px;
+        }
+
+        .my-float {
+            margin-left: 10px;
+        }
+
+        .center {
+            text-align: center;
+        }
     </style>
 </head>
 <body>
-    <!-- Customize Icon Color -->
-    <!-- https://www.flaticon.com/free-icon/fast-time_2972562?term=clock&page=1&position=27# -->
-    <?xml version="1.0"?>
     <img src="../image.jpeg" alt="wedmemoir icon" width="500" height="600">
-    <h1>Coming soon!</h1>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
+    <div class="center">
+        <a href="https://api.whatsapp.com/send?phone=6285179959275&text=Halo+kak%2C+terima+kasih+telah+menghubungi+Wed+Memoir+%F0%9F%99%8F%F0%9F%98%8A%0D%0A%0D%0ASalam+kenal+saya+Okta%2C+boleh+di+isi+data+dibawah+ini+ya+kak%0D%0A%0D%0ANama+%3A%0D%0AInstagram+%3A%0D%0ATanggal+%3A%0D%0AVenue+%3A%0D%0AEvent+%3A%0D%0A%0D%0AKami+akan+segera+membalas+pesan+Kakak+setelah+kami+online+kembali.%0D%0A%0D%0A+Terima+kasih%2C%0D%0A+Wed+Memoir" class="float" target="_blank">
+            Book Now
+            <i class="fa fa-whatsapp my-float"></i>
+        </a>
+    </div>
 </body>
 </html>