Update index.html

FekraSolutions · web-flow · commit d7420c6f7caa · 2025-01-07T08:11:49.000+02:00
diff --git a/index.html b/index.html
@@ -1 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Fekra! Remota Virtual Assistance</title>
+    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap" rel="stylesheet">
+    <style>
+body {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    margin: 0;
+    font-family: 'Cairo', sans-serif;
+    flex-direction: column;
+    position: relative;
+    overflow: hidden;
+}
 
+.video-background {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: -1;
+    overflow: hidden;
+}
+
+.video-background video {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.content {
+    position: relative;
+    z-index: 1;
+}
+
+ </style>
+</head>
+<body>
+  <div class="video-background">
+    <video autoplay muted loop>
+        <source src="Media/Untitled design.mp4" type="video/mp4">
+        Your browser does not support the video tag.
+    </video>
+</div>
+<div class="content">
+    <!-- Your existing content here -->
+</div>
+
+  </body>
+</html>
