update index.html

mhmestb2018 · Sep 25, 2022 · 11146eb · 11146eb
1 parent ba5ac7a
commit 11146eb
Showing 1 changed file with 21 additions and 19 deletions.
diff --git a/index.html b/index.html
@@ -24,7 +24,7 @@
 
 <body style="background-color:#f4f5ff;">
 
-  <div class="container">
+  <div class="container" style="max-width:400px;">
     <div class="row mx-auto">
       <img src="res/himel.jpg" alt="" class="d-block mx-auto rounded-circle w-50 border border-primary border-4 p-1 m-3">
       <p class="text-center h1">
@@ -74,29 +74,31 @@
 
     <div class="row">
       <div class="col-8">
-        <button class="btn btn-primary"><p class="fs-6">
-          <i class="ri-download-line"></i>Download CV
-        </p>
+        <button class="btn btn-primary w-100 shadow shadow-sm"><div class="container-fluid">
+          <i class="ri-file-line my-auto"></i>
+          <p class="text-center">
+            Download CV
+          </p>
         </button>
-      </div>
-      <div class="col-2">
-        <button class="btn btn-light"><i class="ri-telegram-line"></i></button>
-      </div>
-      <div class="col-2">
-        <button class="btn btn-light"><i class="ri-messenger-line"></i></button>
-      </div>
+        </div>
+        <div class="col-2">
+          <button class="btn btn-light w-100"><i class="ri-telegram-line"></i></button>
+        </div>
+        <div class="col-2">
+          <button class="btn btn-light w-100"><i class="ri-messenger-line"></i></button>
+        </div>
 
+      </div>
     </div>
-  </div>
 
 
-  <!-- Native JS Start -->
-  <script src="js/index.js"></script>
-  <!-- Native JS End -->
+    <!-- Native JS Start -->
+    <script src="js/index.js"></script>
+    <!-- Native JS End -->
 
-  <!-- Bootstrap JS Start -->
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
-  <!-- Bootstrap JS End -->
+    <!-- Bootstrap JS Start -->
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
+    <!-- Bootstrap JS End -->
 
-</body>
+  </body>
 </html>