diff --git a/index.html b/index.html index b77ddcc..b1ee969 100644 --- a/index.html +++ b/index.html @@ -43,10 +43,17 @@

Participants

Yes Yes + + 2 + adhamzarif + https://adhamzarif.github.io/My-Website/ + Yes + Yes + - \ No newline at end of file + diff --git a/projects/about.html b/projects/about.html new file mode 100644 index 0000000..2ccfa52 --- /dev/null +++ b/projects/about.html @@ -0,0 +1,42 @@ + + + + + + About Me - Adham Zarif + + + + +
+
+
+
+
+ +
+
+ +
+

About Me

+
+
+
+ +
+ + + + + +
+ +
+ + + + + diff --git a/projects/bg.jpg b/projects/bg.jpg new file mode 100644 index 0000000..d077bfb Binary files /dev/null and b/projects/bg.jpg differ diff --git a/projects/index.html b/projects/index.html new file mode 100644 index 0000000..fbbf0e2 --- /dev/null +++ b/projects/index.html @@ -0,0 +1,34 @@ + + + + + + Adham Zarif + + + + +
+
+
+ +
+
+ +
+
+ +
+

I'm Adham Zarif
A CS Student

+

Undergraduate Student
+ Studying B.Sc [Engg.] in Department of CSE (Computer Science & Engineering) at United International University.

+
+
+ + + + + diff --git a/projects/style.css b/projects/style.css new file mode 100644 index 0000000..35e44e2 --- /dev/null +++ b/projects/style.css @@ -0,0 +1,113 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: Arial, sans-serif; + background: linear-gradient(to top, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.5) 50%), url('./bg.jpg'); + background-position: center; + background-size: auto; /* Display the background image at its original size */ + height: 100vh; + display: flex; + justify-content: center; + align-items: center; +} + + + +.main { + width: 100%; + max-width: 1200px; + display: flex; + flex-direction: column; + align-items: center; +} + +.navbar { + width: 100%; + max-width: 1200px; + height: 75px; + display: flex; + justify-content: space-between; + align-items: center; + padding: 10px 20px; +} + +.icon, .menu { + height: 100%; + display: flex; + align-items: center; +} + +.logo { + font-size: 45px; /* Increased font size */ + font-family: Arial; + color: #ff7200; + margin-left: 20px; /* Added margin for spacing */ + margin-top: 10px; /* Adjusted margin for positioning */ +} + +.menu ul { + list-style-type: none; + display: flex; + margin-right: 20px; /* Adjusted margin for spacing */ +} + +.menu ul li { + margin-left: 20px; +} + +.menu ul li a { + text-decoration: none; + color: #fff; + font-weight: bold; + transition: color 0.4s ease; + font-size: 18px; /* Increased font size */ +} + +.menu ul li a:hover { + color: #ff7200; +} + +.content { + width: 100%; + max-width: 1200px; + padding: 50px 20px; + text-align: center; + color: #fff; +} + +.content h1 { + font-family: 'Times New Roman'; + font-size: 50px; + letter-spacing: 2px; +} + +.content span { + color: #ff7200; + font-size: 65px; +} + +.content .par { + margin-top: 20px; + font-family: Arial; + font-size: 18px; + line-height: 1.6; +} + +.social-icons { + margin-top: 20px; +} + +.social-icons a { + text-decoration: none; + color: #fff; + font-size: 24px; + margin-right: 10px; +} + +.social-icons a:hover { + color: #ff7200; +}