diff --git a/images/header2.png b/images/header2.png index 1c8a629..b2dff4d 100644 Binary files a/images/header2.png and b/images/header2.png differ diff --git a/index.html b/index.html index 3949f2d..6a0c7b2 100644 --- a/index.html +++ b/index.html @@ -50,10 +50,14 @@

Hi, I'm Abdelrahman ,

- Lorem ipsum, dolor sit amet consectetur adipisicing elit. Repellendus rem eos aliquid quo rerum - temporibus ipsum distinctio numquam ut omnis placeat, nam sint atque quos dolorem laborum? Rerum, esse - dolorem. + I'm Abdelrahman Yasser – a graphic designer and Android developer. I love turning creative ideas into user-friendly designs and bringing them to life in the Android world. Let's build something awesome together! +

+
+ + + +
Download CV
@@ -176,9 +180,9 @@

Movie App

Lorem ipsum dolor sit amet consectetur adipisicing elit.

- - - + + +
diff --git a/style.css b/style.css index f3fb708..a9fb34e 100644 --- a/style.css +++ b/style.css @@ -64,6 +64,28 @@ nav{ .link a:hover::after{ width: 70%; } +.socials2{ + display: flex; + align-items: center; + gap: 1rem; + margin-bottom: 3rem; +} + +.socials2 a{ + color: #ccc; + border: 1px solid #ccc; + padding: 5px 10px; + font-size: 1.25rem; + border-radius: 100%; + transition: all 0.3s ease; +} + +.socials2 a:hover{ + color: #fff; + background-image:linear-gradient(90deg, #0ea5ea, #0bd1d1); + + border-color: #0bd1d1; +} .btn{ padding: 1rem 2rem; @@ -134,8 +156,8 @@ header .image{ header .image img{ - max-width: 600px; - margin: auto; + max-width: 500px; + } section .header{