Add files via upload

Toony-mahmoud-saad · Sep 18, 2024 · 50c5db6 · 50c5db6
1 parent 45d4ac2
commit 50c5db6
Show file tree

Hide file tree

Showing 7 changed files with 23,798 additions and 0 deletions.
diff --git a/Card.css b/Card.css
@@ -0,0 +1,64 @@
+/* From Uiverse.io by Yaya12085 */ 
+button {
+  background: transparent;
+  position: relative;
+  padding: 5px 15px;
+  display: flex;
+  align-items: center;
+  font-size: 17px;
+  font-weight: 600;
+  text-decoration: none;
+  cursor: pointer;
+  border: 1px solid #0163E0;
+  border-radius: 25px;
+  outline: none;
+  overflow: hidden;
+  color: #0163E0;
+  transition: color 0.3s 0.1s ease-out;
+  text-align: center;
+}
+
+button svg {
+  fill: #0163E0;
+  height: 25px;
+  width: 25px;
+}
+
+button span {
+  margin: 10px;
+}
+
+button::before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: auto;
+  content: '';
+  border-radius: 50%;
+  display: block;
+  width: 20em;
+  height: 20em;
+  left: -5em;
+  text-align: center;
+  transition: box-shadow 0.5s ease-out;
+  z-index: -1;
+}
+
+button:hover {
+  color: #fff;
+  border: 1px solid #0163E0;
+}
+
+button:hover svg {
+  fill: currentColor;
+}
+
+button:hover::before {
+  box-shadow: inset 0 0 0 10em #0163E0;
+}
+
+/* GitHub */
+
+
diff --git a/Card.html b/Card.html
@@ -0,0 +1,144 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="bootstrap.css">
+  <link rel="stylesheet" href="Card.css">
+
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
+    integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
+    crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+  <link rel="shortcut icon" href="edited.jpg" type="image/x-icon">
+  <title>Toony-Card</title>
+  <style>
+    .title {
+      font-size: 20px;
+      color: black;
+      margin-top: 20px;
+      font-family: sans-serif;
+      font-style: italic;
+      animation-name: toony1;
+      animation-duration: 1.3s;
+      animation-delay: 0.5s;
+      transition: 0.6s;
+    }
+
+    @keyframes toony1 {
+      form {
+        letter-spacing: 15px;
+        color: #5e3535;
+      }
+      to {
+        letter-spacing: 0px;
+        color: black;
+      }
+    }
+
+    .container {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-top: 50px;
+      margin-bottom: 40px;
+    }
+
+    .card-footer {
+      background-color: #f0f0f0;
+      padding-bottom: 20px;
+    }
+
+    .social {
+      display: flex;
+      justify-content: space-around;
+    }
+
+    .Facebook {
+      color: blue;
+      font-size: larger;
+    }
+
+    .GitHub {
+      color: black;
+      font-size: larger;
+    }
+
+    .Instagram {
+      color: #dd0fcbaa;
+      font-size: larger;
+    }
+
+    .youtube {
+      color: red;
+      font-size: larger;
+    }
+
+    .linkedin {
+      color: #0077b2;
+      font-size: larger;
+    }
+  </style>
+</head>
+
+<body>
+
+  <div class="title">
+    <h1 class="text-center">Toony Card</h1>
+  </div>
+
+  <div class="container">
+    <div class="card w-70">
+      <img src="edited.jpg" alt="fuckkk" class="card-img-top">
+      <div class="card-body">
+        <h5 class="card-title">Mahmoud Saad-Toony</h5>
+        <p>
+          I'm a Software Engineer and my implementation is 'WEB',
+          I'm a student at <a href="http://fcih.helwan.edu.eg/" class="car-link" target="_blank">Faculty of Computers
+            and Artificial Intelligence</a>
+          ,<a href="https://www.helwan.edu.eg/" target="_blank" class="card-link text-danger">Helwan University</a>
+          <br>latest year <b>inshaa Allah</b>
+        </p>
+      </div>
+      <div class="card-footer">
+        <p class="text-muted">My Social...(follow to be friends)</p>
+
+        <div class="social">
+          <!-- Facebook -->
+          <a href="https://web.facebook.com/profile.php?id=61561142496982" class="Facebook" target="_blank"
+            alt="No Internit"><i class="fa-brands fa-facebook"></i></a>
+
+          <!-- GitHub -->
+          <a href="https://github.com/Toony-mahmoud-saad" class="GitHub" target="_blank" alt="No Internit"><i
+              class="fa-brands fa-github"></i></a>
+
+
+          <!-- Instagram -->
+          <a href="https://www.instagram.com/t_o_o_n_y1/" class="Instagram" target="_blank" alt="No Internit"><i
+              class="fa-brands fa-square-instagram"></i></a>
+
+
+          <!-- youtube -->
+          <a href="https://www.youtube.com/@t_o_o_n_y" class="youtube" target="_blank" alt="No Internit"><i
+              class="fa-brands fa-youtube"></i></a>
+
+
+          <!-- linkedin -->
+          <a href="https://www.linkedin.com/in/mahmoud-saad-a2499b31b/" class="linkedin" target="_blank"
+            alt="No Internit"><i class="fa-brands fa-linkedin"></i></a>
+
+
+        </div>
+
+
+      </div>
+    </div>
+  </div>
+
+  <script src="bootstrap.js"></script>
+  <script src="jquery-3.7.1.js"></script>
+  <script src="popper.min.js"></script>
+</body>
+
+</html>