-
Notifications
You must be signed in to change notification settings - Fork 0
/
CareerGoals.html
162 lines (141 loc) · 5.75 KB
/
CareerGoals.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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Career Goals</title>
<script src="https://cdn.tailwindcss.com"></script>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
/>
<link
rel="stylesheet"
href="styles.css"
/>
</head>
<body
<header class="header-temp w-full p-2 bg-white ">
<nav class="nav-bar flex justify-between items-center font-700">
<div class="logo-nav flex items-center space-x-2">
<a
href=""
class="logo text-sm text-black hover:text-blue-200 hover:font-500 hover:underline pl-5 font-bold">
Dawood
</a>
</div>
<div class="hidden md:flex space-x-6">
<a href="./HomePage.html"
class="text-black text-sm hover:text-blue-200 hover:font-bold hover:underline cursor-pointer">
Home
</a>
<a
href=""
class="slash text-blackpl-3 pr-2">
/
</a>
<a
href="./PersonalProfile.html"
class="text-black text-sm hover:text-blue-200 hover:font-bold hover:underline cursor-pointer">
Profile
</a>
<a
href=""
class="slash text-black pl-1 pr-1">
/
</a>
<a
href="./GalleryPage.html"
class="text-black text-sm hover:text-blue-200 hover:font-bold hover:underline cursor-pointer"
>Gallery
</a>
<a
href=""
class="slash text-black pl-1 pr-1">
/
</a>
<a
href="./CareerGoals.html"
class="text-blue-200 font-bold">
Goals
</a>
<a
href=""
class="slash text-black pl-1 pr-1">
/
</a>
<a
href="./ProjectPage.html"
class="text-black text-sm hover:text-blue-200 hover:font-bold hover:underline cursor-pointer">
Projects
</a>
<a
href=""
class="slash text-black pl-1 pr-1">
/
</a>
<a
href="./Interests.html"
class="text-black text-sm hover:text-blue-200 hover:font-bold hover:underline cursor-pointer">
Skills & Interest
</a>
<a
href=""
class="slash text-black pl-1 pr-1">
/
</a>
<a
href="./ContactUs.html"
class="text-black text-sm hover:text-blue-200 hover:font-bold hover:underline pr-2 cursor-pointer">
Contact Me
</a>
</div>
</nav>
</header>
<div class="Main-Home-Container mx-auto px-4 sm:px-6 lg:px-8 py-10">
<h3 class="py-5 text-4xl bg-gradient-to-r from-gray-100 to-blue-200 text-black rounded-2xl lg:col-span-2 justify-center text-center mb-6 pt-5 font-bold">Career Goals</h3>
<div
class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 gap-6 lg:gap-10 justify-center items-center"
>
<div
class="bg-gradient-to-r from-gray-100 to-blue-200 col-span-1 sm:col-span-2 lg:col-span-2 group block bg-white bg-opacity-10 rounded-2xl p-6 sm:p-10 lg:p-20 "
>
<div class="text-2xl sm:text-3xl lg:text-4xl text-black">
<p class=" text-xl text-black pt-4">
As a passionate and driven software engineering student, my career goals are rooted in both personal growth and a desire to contribute positively to society.
I aim to become a successful software engineer, honing my technical skills in backend development while constantly learning new technologies.
Beyond technical expertise, I strive to be a responsible and compassionate individual, working to make my country, Pakistan, a better place—even in the smallest of ways.
</p>
<p class="text-xl text-black pt-4">
I aspire to pursue higher education from a prestigious university in the US or Canada,
where I can further develop my skills and gain exposure to the global tech landscape.
My ultimate goal is to establish a tech company or bring a branch of a major tech company to Pakistan,
contributing to the country's development and helping to inspire future generations. Through innovation and leadership,
I aim to make an impact on both the tech industry and my community.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<section
class="bg-gradient-to-r from-gray-100 to-blue-200 py-12 px-4 md:px-8 max-w-4xl mx-auto text-center rounded-lg overflow-hidden"
>
<h2 class="text-4xl font-bold mb-4">
Let's Build Something Great Together
</h2>
<p class="text-black text-lg mb-2">
Feel free to check out my work or contact me for any collaboration.
</p>
<p class="text-lg mb-6 font-semibold underline hover:text-blue-300 hover-scale-up cursor-pointer ">work.dawoodqamar@gmail.com</p>
<div class="flex items-center space-x-4 justify-center">
</div>
</section>
<footer class="footer-temp w-full p-2 bg-white text-black py-12">
<div class="container mx-auto px-4 text-center">
<p class=" text-sm mt-6">© 2024 Dawood Qamar. All rights reserved.</p>
</div>
</footer>
</body>
</html>