diff --git a/index.html b/index.html
index 9021578..8443ec1 100644
--- a/index.html
+++ b/index.html
@@ -4,25 +4,26 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>~~ Online HTML,CSS & JS Code Editor ~~</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
     <link href="./style.css" rel="stylesheet">
 </head>
 <body>
     <h1>Code Editor for the Big 3 - HTML, CSS & JS</h1>
     <div class="headings">
             <div class="one">
-                <button type="button">HTML</button>
+                <button type="button" class="btn btn-light">HTML</button>
             </div>
             <div class="two">
-                <button type="button">CSS</button>
+                <button type="button" class="btn btn-light">CSS</button>
             </div>
             <div class="three">
-                <button type="button">JS</button>
+                <button type="button" class="btn btn-light">JS</button>
             </div>
             <div class="four">
-                <button type="button">Result</button>
+                <button type="button" class="btn btn-light">Result</button>
             </div>
             <div class="flexrun">
-                <button class="run" type="button">Run</button>
+                <button type="button" class="btn btn-light">Run</button>
             </div>
         
     </div>
@@ -55,4 +56,4 @@ <h1>Code Editor for the Big 3 - HTML, CSS & JS</h1>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
     <script src="./index.js"></script>
 </body>
-</html>
\ No newline at end of file
+</html>
