Add files via upload

K-Elb · Jun 25, 2023 · 954de21 · 954de21
1 parent a2171de
commit 954de21
Showing 1 changed file with 78 additions and 43 deletions.
diff --git a/index.html b/index.html
@@ -67,61 +67,96 @@
 
 </head>
 
-<!--Navigation Bar-->
-<nav id="navScroll" class="navbar navbar-expand-lg navbar-dark fixed-top " tabindex="0">
-  <div class="container-fluid">
-    <a class="navbar-brand" href="#"> Karim Elbehiri</a>
-    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" 
-    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-    <span class="btn-info"><i class="fas fa-bars"></i></span>
-  </button>
-
-  <div class="collapse navbar-collapse" id="navbarSupportedContent">
-    <ul class="navbar-nav ms-auto me-auto">
-      <div class="row">
-        <div class="col">
-          <a class="nav-link fs-7 text-black" href="#Education">
-            <span data-bs-target="#navbarSupportedContent" data-bs-toggle="collapse">Education</span>
-          </a>
-        </div>
-        <div class="col">
-          <a class="nav-link fs-7 text-black" href="#Experience">
-            <span data-bs-target="#navbarSupportedContent" data-bs-toggle="collapse">Experience</span>
-          </a>
-        </div>
-        <div class="col">
-          <a class="nav-link fs-7 text-black" href="#Skills">
-            <span data-bs-target="#navbarSupportedContent" data-bs-toggle="collapse">Skills</span>
-          </a>
-        </div>
-        <div class="col">
-          <a class="nav-link fs-7 text-black" href="#Projects">
-            <span data-bs-target="#navbarSupportedContent" data-bs-toggle="collapse">Projects</span>
-          </a>
-        </div>
-      </div>
-    </ul>
-  </div>
-</div>
-</nav>
-<!--Navigation Bar-->
+
 
 <body class="mt-0" data-bs-spy="scroll" data-bs-target="#navScroll" style="overflow-x: hidden;">
   <main>
+
+    <!--Navigation Bar-->
+    <nav id="navScroll" class="navbar navbar-expand-lg navbar-dark fixed-top " tabindex="0">
+      <div class="container-fluid">
+        <a class="navbar-brand" href="#"> Karim Elbehiri</a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" 
+        aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="btn-info"><i class="fas fa-bars"></i></span>
+      </button>
+
+      <div class="collapse navbar-collapse" id="navbarSupportedContent">
+        <ul class="navbar-nav ms-auto me-auto">
+          <div class="row">
+            <div class="col">
+              <a class="nav-link fs-7 text-black" href="#Education">
+                <span data-bs-target="#navbarSupportedContent" data-bs-toggle="collapse">Education</span>
+              </a>
+            </div>
+            <div class="col">
+              <a class="nav-link fs-7 text-black" href="#Experience">
+                <span data-bs-target="#navbarSupportedContent" data-bs-toggle="collapse">Experience</span>
+              </a>
+            </div>
+            <div class="col">
+              <a class="nav-link fs-7 text-black" href="#Skills">
+                <span data-bs-target="#navbarSupportedContent" data-bs-toggle="collapse">Skills</span>
+              </a>
+            </div>
+            <div class="col">
+              <a class="nav-link fs-7 text-black" href="#Projects">
+                <span data-bs-target="#navbarSupportedContent" data-bs-toggle="collapse">Projects</span>
+              </a>
+            </div>
+          </div>
+        </ul>
+      </div>
+    </nav>
+    <!--Navigation Bar-->
+
     <!--Back to top button-->
     <button type="button" class="btn btn-sm text-black" id="btn-back-to-top" data-aos="fade-up" style="background-color: #2bfe1f;">
       <i class="fas fa-arrow-up"></i> Top
     </button>
     <!--Back to top button-->
 
     <!--Progress bar-->
-    <div class="fixed-top">
-      <div class="progress" style="height: 6px; background-color: transparent;">
-        <div class="progress-bar gradient1" id="proBar"></div>
+    <div class="fixed-bottom">
+      <div class="progress" style="height: 12px; background-color: transparent;">
+        <div class="progress-bar" style="background-color: #2bfe1f;" id="proBar"></div>
       </div>
     </div>
     <!--Progress bar-->
 
+    <!--News bar-->
+    <div class="news-container" style="overflow-x: hidden;">
+      <div class="title">
+        Welcome
+      </div>
+
+      <ul class="">
+        <li>Welcome</li>
+        <li>مرحباً</li>
+        <li>Bienvenido</li>
+        <li>Добре дошли</li>
+        <li>欢迎</li>
+        <li>Vítejte</li>
+        <li>Bienvenu</li>
+        <li>Willkommen</li>
+        <li>Maligayang pagdating</li>
+        <li>Üdvözöljük</li>
+        <li>Fáilte</li>
+        <li>Benvenuto</li>
+        <li>いらっしゃいませ</li>
+        <li>Selamat datang</li>
+        <li>Bine ati venit</li>
+        <li>Добро пожаловать</li>
+        <li>환영</li>
+        <li>Karibu</li>
+        <li>स्वागत</li>
+        <li>Välkommen</li>
+        <li>ยินดีต้อนรับ</li>
+        <li>Hoş geldin</li>
+      </ul>
+    </div>
+    <!--News bar-->
+
     <!--Home Section-->
     <div id="Home" class="py-vh-5">
       <div class="container text-center">
@@ -136,8 +171,8 @@
                 <p class="display-5 text-secondary m-0" style="writing-mode: vertical-rl; transform: rotate(180deg); "><code>{Coder}</code> by night</p>
               </div>
               <div class="col-10 p-0">
-                <p class="display-5 text-black">Hello, world! I'm</p>
-                <div class="pic_content">
+                <!-- <p class="display-5 text-black">Hello, world! I'm</p> -->
+                <div class="pic_content shadow">
                   <h1 id="channel-link" class="fancy text-white m-0 mt-3">Karim.Elbehiri</h1>
                   <!-- <div class="pic_shape_1"></div>-->
                   <img src="img/pic2.png" class="w-100" style="position: relative;" alt="mypic">