update index.html

mhmestb2018 · Sep 25, 2022 · 869ab3a · 869ab3a
1 parent 2477721
commit 869ab3a
Showing 1 changed file with 29 additions and 30 deletions.
diff --git a/index.html b/index.html
@@ -1,13 +1,18 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
+
   <!-- Native CSS Start -->
   <link rel="stylesheet" href="/css/index.css">
   <!-- Native CSS Start -->
 
-  <!-- Fontawesome Start -->
-  <script src="https://kit.fontawesome.com/94b68a0c09.js" crossorigin="anonymous"></script>
-  <!-- Fontawesome End -->
+  <!-- Bootstrap CSS Start -->
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
+  <!-- Bootstrap CSS End -->
+
+  <!-- Icon Pack Start -->
+  <link href="https://cdn.jsdelivr.net/npm/remixicon@2.2.0/fonts/remixicon.css" rel="stylesheet">
+  <!-- Icon Pack End -->
 
   <!-- Meta Start -->
   <meta charset="UTF-8">
@@ -17,38 +22,32 @@
   <!-- Meta End -->
 </head>
 
-<body>
-
-<img src="res/himel.jpg" alt="" class="profile">
-<h1 class="name">I'm Himel</h1>
-<p class="subtext">Lorem ipsum dolor sit amet.</p>
-
-<div class="links">
-  <a href=""><i class="fa-brands fa-facebook"></i></a>
-  <a href=""><i class="fa-brands fa-instagram"></i></a>
-  <a href=""><i class="fa-brands fa-github"></i></a>
-  <a href=""><i class="fa-brands fa-youtube"></i></a>
-</div>
-
-<div class="grid-container">
-  <c1>
-    <p class="number">5</p>
-    <p class="subtext">Projects</p>
-  </c1>
-  <c1>
-    <p class="number">14</p>
-    <p class="subtext">Age</p>
-    </c1>
-  <c1>
-    <p class="number">3</p>
-    <p class="subtext">Companies</p>
-    </c1>
-</div>
+<body style="background-color:#f4f5ff;">
+
+  <div class="container">
+    <div class="row p-4 mx-auto">
+      <img src="res/himel.jpg" alt="" class="d-block mx-auto rounded-circle w-50 border border-primary border-4 p-1">
+      <h1 class="text-center">Himel Das</h1>
+      <p class="fs-6 text-center">
+        @himeeeelll
+      </p>
+    </div>
+
+    <div class="row mx-auto">
+      <a href="https://qwerty/himeeeelll" style="text-decoration:none;"><p class="ri-facebook-line text-center"></p></a>
+      <a href="https://qwerty/himeeeelll" style="text-decoration:none;"><p class="ri-instagram-line text-center"></p></a>
+      <a href="https://qwerty/himeeeelll" style="text-decoration:none;"><p class="ri-github-line text-center"></p></a>
+    </div>
+  </div>
 
 
   <!-- 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 -->
+
 </body>
 </html>