-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
83 lines (83 loc) · 4.54 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<!-- main div -->
<div class="maindiv">
<!-- header div -->
<div class="header">
<!-- upper section -->
<div class="uppersection">
<!-- header logo -->
<div class="image-container"><img id="logo" src="../landing-page/pisces.png" alt="pisces logo" width="200" height="auto" ></div>
<!-- Links div -->
<div class="links">
<a href="https://github.com/arrehman3" target="_blank" rel="noopener noreferrer">GitHub</a>
<a href="https://www.linkedin.com/in/abdur-rehman-ar3/" target="_blank" rel="noopener noreferrer">LinkedIn</a>
<a href="https://leetcode.com/u/AbdurRehman03/" target="_blank" rel="noopener noreferrer">LeetCode</a>
</div>
</div>
<!-- lower section -->
<div class="lowersection">
<div class="lower text">
<h1>Abdur-Rehman</h1>
<p>An aspiring web developer with a passion for creating beautiful and functional websites. I am currently honing my skills in HTML, CSS, and JavaScript, and I am eager to learn more about modern web development frameworks and tools. My goal is to build user-friendly and responsive websites that provide an excellent user experience. I enjoy problem-solving and am excited to contribute to projects that make a difference. Thank you for visiting my page, and I look forward to connecting with you!</p>
</div>
<div class="lower image">
<image id="myimage" src="../landing-page/profile pic-PhotoRoom.png-PhotoRoom.png" alt="my picture" width="200" height="auto">
</div>
</div>
</div>
<!--project section div -->
<div class="projectSectiondiv">
<div><h2>My Projects</h2></div>
<div class="projects">
<figure >
<a href="https://github.com/arrehman3/TicTacToe-Python" target="_blank" rel="noopener noreferrer"><img src="../landing-page/python.png" alt="landing page" width="200" height="auto"></a>
<figcaption>Created Tic Toe using python command line</figcaption>
</figure>
<figure >
<a href="https://github.com/arrehman3/Flight-Booking-System" target="_blank" rel="noopener noreferrer"><img src="../landing-page/airplane.png" alt="landing page" width="200" height="auto"></a>
<figcaption>Created Airline reservation sytem using java</figcaption>
</figure>
<figure >
<a href="https://github.com/arrehman3/OOP-Project" target="_blank" rel="noopener noreferrer"><img src="../landing-page/weddinghall.png" alt="landing page" width="200" height="auto"></a>
<figcaption>Creted Wedding Hall Reservation System with GUI ,build on the concept of OOPS</figcaption>
</figure>
</div>
</div>
<!-- quote div -->
<div class="quote">
<p class="quote text">"The ultimate aim of the ego is not to see something, but to be something."</p>
<p class="quote author">-Allama Iqbal,Poet of the Nation</p>
</div>
<!-- call to action div -->
<div class="certificates">
<h2>International Certificates</h2>
<div class="images">
<figure >
<img src="../landing-page/a_gaudmire_1.png" alt=" buildSpace Season5" width="200" height="auto">
<figcaption>BuildSpace Season5</figcaption>
</figure>
<figure >
<img src="../landing-page/cs50Xpuzzle.jpg" alt="CS50xPuzzle Day" width="200" height="auto">
<figcaption>CS50XPuzzle Day</figcaption>
</figure>
<figure >
<img src="../landing-page/AI Skills Challenge - badge - EN-US.png" alt="AI Skills Challenge" width="200" height="auto">
<figcaption>Microsoft AI Skills Challenge</figcaption>
</figure>
</div>
</div>
<!--footer -->
<footer class="footer">
<p>© 2024 Odin Project. All rights reserved.</p>
</footer>
</div>
</body>
</html>