Add files via upload

ReemAbuRajab7 · Nov 2, 2024 · d6b2a94 · d6b2a94
1 parent 6df16a7
commit d6b2a94
Show file tree

Hide file tree

Showing 11 changed files with 75 additions and 0 deletions.
diff --git a/css/all.min.css b/css/all.min.css
diff --git a/css/main.css b/css/main.css
@@ -0,0 +1,18 @@
+.container {
+    width: 80%;
+
+}
+
+.header {
+    text-align: center;
+}
+
+.service {
+    text-align: center;
+    width: 20%;
+    float: left;
+}
+
+.clear-fix{
+clear: both;
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <link rel="stylesheet" href="./css/all.min.css"> 
+    <link rel="stylesheet" href="./css/main.css">
+    <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/brands.min.css"> -->
+</head>
+<body>
+
+    <div id="container">
+
+        <div class="header">
+            <h1>SERVICES</h1>
+            <p>Lorem ipsum dolor sit amet consectetur.</p>
+        </div>
+
+        <div class="services">
+
+            <div class="service">
+                <i class="fa-solid fa-cart-shopping"></i>
+                <h2>E-Commerce</h2>
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni,   
+ dicta impedit.</p>
+            </div>
+
+            <div class="service">
+                <i class="fa-solid fa-laptop"></i>
+                <h2>Responsive Design</h2>
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo  
+ inventore harum ex magni, dicta impedit.</p>
+            </div>
+
+            <div class="service">
+                <i class="fa-solid fa-lock"></i>
+                <h2>Web Security</h2>
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo
+ inventore harum ex magni, dicta impedit.</p>
+            </div>
+
+            <div class="clear-fix"></div>
+
+        </div>
+
+    </div>
+
+
+</body>
+</html>
diff --git a/webfonts/fa-brands-400.ttf b/webfonts/fa-brands-400.ttf
diff --git a/webfonts/fa-brands-400.woff2 b/webfonts/fa-brands-400.woff2
diff --git a/webfonts/fa-regular-400.ttf b/webfonts/fa-regular-400.ttf
diff --git a/webfonts/fa-regular-400.woff2 b/webfonts/fa-regular-400.woff2
diff --git a/webfonts/fa-solid-900.ttf b/webfonts/fa-solid-900.ttf
diff --git a/webfonts/fa-solid-900.woff2 b/webfonts/fa-solid-900.woff2
diff --git a/webfonts/fa-v4compatibility.ttf b/webfonts/fa-v4compatibility.ttf
diff --git a/webfonts/fa-v4compatibility.woff2 b/webfonts/fa-v4compatibility.woff2