Update index.html

CaptechOmar · web-flow · commit 781279c22b69 · 2024-10-05T01:39:48.000+03:00
diff --git a/index.html b/index.html
@@ -3,74 +3,19 @@
     <head>
         <title>Omar Ashraf, M.D.</title>
         <link rel="icon" type="image/x-icon" href="./imgs/OA4Crayon.png">
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="This is description for my first page">
         <meta charset="utf-8">
-        <style>
-            .logoimgdiv
-            {
-                display: inline-block;
-            }
-             .logoimg
-             {
-                height: 100px;
-                width: 100px;
-                margin-top:  30px;
-                margin-left: 30px;
-             }
-             .logotext
-             {
-                display:inline-block;
-                position:relative;
-                bottom: 20px;
-                margin-left: 10px;
-             }
-             .logo
-             {
-                display: inline-block;
-                margin-left: 0;
-             }
-             .englishlogotext
-             {
-                margin-bottom:0px;
-                margin-top:-20px;
-                font-family: 'Century Gothic';
-                color: #4f4f5b;
-                font-size: 1.6em;
-             }
-             .arabiclogotext
-             {
-                margin-top: 0px;
-                font-family: Dubai;
-                color: #4f4f5b;
-             }
-             .links
-             {
-                display: inline-block;
-                margin-top: 50px;
-                text-align: left;
-                margin-right: 40px;
-                margin-left: auto;
-             }
-             .headerlinks
-             {
-                margin-left: 30px;
-                font-family:'Bogue' ;
-                text-decoration: none;
-                color: #4f4f5b;
-                font-size: 1.2em;                
-             }                     
-        </style>
+        <style></style>
         <script></script>
         <link rel="stylesheet" href="style.css">
     </head>
     <body>
         <header>
             <div class="header">
                 <div class="logo">
-                    <div class="logoimgdiv">
-                        <img class="logoimg" src="imgs/OA4Crayon.png">
-                    </div>
+                    <img class="logoimg" src="imgs/OA4Crayon.png">
                     <div class="logotext">
                         <h2 class="englishlogotext">Captech Omar</h2>
                         <h2 class="arabiclogotext">عمر أشرف</h2>
@@ -91,13 +36,32 @@ <h2 class="arabiclogotext">عمر أشرف</h2>
                     <h2 class="hello">Hello</h2>
                     <p style="text-align: justify; font-family: 'Dubai';">
                         I'm Omar. A Medical Student and YouTuber at <a href="https://www.youtube.com/@CaptechOmar" target="_blank" style="color:black">Omar Ashraf [Captech] Channel,</a>
-                        a tech and productivity focused <b>YouTube</b> channel
+                        a tech and productivity focused <b>YouTube</b> channel.
                     </p>
                 </div>
             </div>
         </section>
         <footer>
-            
+            <hr>
+            <div class="end">
+                <div class="socialmedia">
+                    <a href="https://mastodon.social/@CaptechOmar" target="_blank">
+                    <i class="fa-brands fa-mastodon"></i>
+                    </a>
+                    <a href="https://bsky.app/profile/captechomar.bsky.social" target="_blank">
+                        <img src="imgs/bluesky-brands-solid.svg" height="12px">
+                    </a>
+                    <a href="https://twitter.com/CaptechOmar" target="_blank">
+                        <i class="fab fa-twitter"></i>
+                    </a>
+                    <a href="https://www.instagram.com/captechomar/" target="_blank">
+                        <i class="fa-brands fa-instagram"></i>
+                    </a>
+                </div>
+                <div class="copyright">
+                    &copy; Captech Omar 2024
+                </div>
+            </div>
         </footer>
     </body>
 </html>
