diff --git a/072120-ToDoList-Blog.png b/072120-ToDoList-Blog.png new file mode 100644 index 0000000..eadd63c Binary files /dev/null and b/072120-ToDoList-Blog.png differ diff --git a/app.js b/app.js new file mode 100644 index 0000000..e69de29 diff --git a/background.png b/background.png new file mode 100644 index 0000000..6a7dc1d Binary files /dev/null and b/background.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..b9eb779 --- /dev/null +++ b/index.html @@ -0,0 +1,111 @@ + + + + + + + + + + + + + + + Abdulrahman Portfolio + + + +
+
+
+
+
+
+

Hi, my name is Abdulrahman Azhar!

+

Emerging Junior developer eager to contribute academic knowledge to hands-on role. Strong knowledge of emerging technologies and industry trends. Innovative and resourceful team player with expertise not just in one programming language but in various programming languages...

+ + Download my CV +
+
+
+
+
+
+
+ +
+

Projects

+
+ +
+
+
Contact Management App
+

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Facere explicabo obcaecati architecto voluptatibus ipsa consequuntur quod in? Iste accusantium dicta, id, tempore officiis cumque non eaque optio perferendis voluptates quis! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quo veritatis molestias exercitationem qui amet quia voluptatem voluptas! Cum iste, suscipit, quidem natus delectus esse alias tempore, nisi accusantium ducimus nihil!

+ Go to Github +
+
+ +
+
+ An image of a Project +
+
+
Todolist App
+

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Facere explicabo obcaecati architecto voluptatibus ipsa consequuntur quod in? Iste accusantium dicta, id, tempore officiis cumque non eaque optio perferendis voluptates quis! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quo veritatis molestias exercitationem qui amet quia voluptatem voluptas! Cum iste, suscipit, quidem natus delectus esse alias tempore, nisi accusantium ducimus nihil!

+ Go to Github + Watch Demo Video +
+
+ +
+
+
Amazon Transaction Automation
+

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Facere explicabo obcaecati architecto voluptatibus ipsa consequuntur quod in? Iste accusantium dicta, id, tempore officiis cumque non eaque optio perferendis voluptates quis! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quo veritatis molestias exercitationem qui amet quia voluptatem voluptas! Cum iste, suscipit, quidem natus delectus esse alias tempore, nisi accusantium ducimus nihil!

+ Cannot be viewed +
+
+ +
+
+
Order Processing App (In Progress)
+

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Facere explicabo obcaecati architecto voluptatibus ipsa consequuntur quod in? Iste accusantium dicta, id, tempore officiis cumque non eaque optio perferendis voluptates quis! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quo veritatis molestias exercitationem qui amet quia voluptatem voluptas! Cum iste, suscipit, quidem natus delectus esse alias tempore, nisi accusantium ducimus nihil!

+ Go to Github +
+
+ +
+
+
+

Skills

+
+
+ + + + + \ No newline at end of file diff --git a/maxresdefault.webp b/maxresdefault.webp new file mode 100644 index 0000000..4e4ed16 Binary files /dev/null and b/maxresdefault.webp differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..3c6ee6b --- /dev/null +++ b/style.css @@ -0,0 +1,73 @@ +@import url('https://fonts.googleapis.com/css2?family=Asap&display=swap'); + +body{ + /* background-image: url(wepik-export-202310011119307YTm.png); */ + position:absolute; + background-color: black; + overflow-x: hidden; +} + + + +html { + scroll-behavior: smooth; +} + + + +.fade-in-text { + animation: fadeIn 4s; + -webkit-animation: fadeIn 4s; + -moz-animation: fadeIn 4s; + -o-animation: fadeIn 4s; + -ms-animation: fadeIn 4s; +} + +@keyframes fadeIn { + 0% { opacity: 0; } + 100% { opacity: 1; } +} + +@-moz-keyframes fadeIn { + 0% { opacity: 0; } + 100% { opacity: 1; } +} + +@-webkit-keyframes fadeIn { + 0% { opacity: 0; } + 100% { opacity: 1; } +} + +@-o-keyframes fadeIn { + 0% { opacity: 0; } + 100% { opacity: 1; } +} + +@-ms-keyframes fadeIn { + 0% { opacity: 0; } + 100% { opacity: 1; } +} + +.neonText-intro { + color: orange; + text-shadow: + 0 0 1px orange, + 0 0 2px orange, + + 0 0 102px rgb(255, 196, 0), + 0 0 151px rgb(255, 196, 0); +} + +hr.rounded { + border-top: 8px solid orange; + border-radius: 5px; +} +img { + translate: 0 10%; + transition: 1000ms; +} + +img:hover { + translate: 0 -10%; + transition: 1000ms; +}