Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit 8f82cc1

Browse files
muhammadmoizulhaqmuhammadmoizulhaq
authoredJul 31, 2022
Add files via upload
0 parents  commit 8f82cc1

24 files changed

+9837
-0
lines changed
 

‎LICENSE

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2021 Muhammad Moiz ul haq
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎README.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
# mmoizulhaq.github.io

‎css/bootstrap.min.css

Lines changed: 7 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/font-awesome.min.css

Lines changed: 5 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/main.css

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
*{
2+
scroll-behavior: smooth;
3+
}
4+
5+
.text-muted a{
6+
text-decoration: none;
7+
}

‎img/profile.png

27.7 KB
Loading

‎index.html

Lines changed: 243 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,243 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<title>Portfolio</title>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<link rel="stylesheet" href="css/font-awesome.min.css">
8+
<link rel="stylesheet" href="css/bootstrap.min.css">
9+
<link rel="stylesheet" href="css/main.css">
10+
</head>
11+
<body class="bg-light">
12+
<!-- NAVBAR Start -->
13+
<nav class="navbar navbar-light fixed-top bg-light shadow-sm">
14+
<div class="container-lg">
15+
<a href="index.html" class="navbar-brand text-primary fw-bold fs-4">Portfolio</a>
16+
<div class="dropdown">
17+
<button class="btn btn-primary btn-primary px-3" type="button" id="menuBtn" data-bs-toggle="dropdown" aria-expanded="false">
18+
<i class="fas fa-bars"></i>
19+
</button>
20+
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="menuBtn">
21+
<li><a href="#home" class="dropdown-item">Home</a></li>
22+
<li><a href="#about" class="dropdown-item">About</a></li>
23+
<li><a href="#portfolio" class="dropdown-item">Portfolio</a></li>
24+
<li><a href="#contact" class="dropdown-item">Contact</a></li>
25+
</ul>
26+
</div>
27+
</div>
28+
</nav>
29+
<!-- NAVBAR End -->
30+
<!-- Home Section start -->
31+
<section class="home py-5" id="home">
32+
<div class="container-lg">
33+
<div class="row min-vh-100 align-items-center align-content-center">
34+
<div class="col-md-4 mt-5 mt-md-0">
35+
<div class="home-img text-center">
36+
<img src="https://media-exp1.licdn.com/dms/image/C4D03AQFK-y9Ilz9k8g/profile-displayphoto-shrink_200_200/0/1656587722850?e=1664409600&v=beta&t=A4j6vyt8OP-C5y1oSBwQ1ju0Z17jZP9K59zrO0uRkYw" class="img-thumbnail img-fluid" alt="profile">
37+
</div>
38+
</div>
39+
<div class="col-md-8 mt-5 mt-md-0 order-md-first">
40+
<div class="home-text">
41+
<p class="text-muted mb-1">Hello I'm a</p>
42+
<h1 class="text-primary text-uppercase fs-1 fw-bold">Game Programmer</h1>
43+
<h2 class="fs-4">Muhammad Moiz ul haq</h2>
44+
<p class="mt-4 text-muted">I have experience over Game Development | Unreal Engine | Metaverse | Multiplayer | C++.</p>
45+
<a href="#portfolio" class="btn btn-primary px-3 mt-3">My Work</a>
46+
</div>
47+
</div>
48+
</div>
49+
</div>
50+
</section>
51+
<!-- Home Section end -->
52+
<!-- About Section start -->
53+
<section class="about py-5" id="about">
54+
<div class="container-lg py-4">
55+
<div class="row justify-content-center">
56+
<div class="col-lg-8">
57+
<div class="section-title text-center">
58+
<h2 class="fw-bold mb-5">About Me</h2>
59+
</div>
60+
</div>
61+
</div>
62+
<div class="row">
63+
<div class="col-md-6">
64+
<div class="about-text">
65+
<h3 class="fs-4 mb-3">About</h3>
66+
<p class="text-muted">I always eager to expand my skill set and expand my opportunities in the industry. I had finished my degree in January 2019 and planning to continue studying. I love meet new people, accept challenges. My experience in my FYP(Final Year Project) boost my confident to work with a group of people.</p>
67+
</div>
68+
<div class="row">
69+
<div class="col-lg-12 d-flex align-items-center">
70+
<a href="resume\Resume-Muhammad-Moiz-ul-haq.pdf" target="_blank" class="btn px-3 btn-primary me-5">Resume</a>
71+
<div class="social-links">
72+
<a href="mailto:moizulhaq914@gmail.com" class="text-dark me-2"><i class="fas fa-paper-plane"></i></a>
73+
<a href="https://github.com/mmoizulhaq" target="_blank" class="text-dark me-2"><i class="fab fa-github"></i></a>
74+
<a href="https://www.linkedin.com/in/m-moiz-ul-haq/" target="_blank" class="text-dark me-2"><i class="fab fa-linkedin-in"></i></a>
75+
</div>
76+
</div>
77+
</div>
78+
</div>
79+
<div class="col-md-6 mt-5 mt-md-0">
80+
<div class="skill-item mb-4">
81+
<h3 class="fs-6">C/C++</h3>
82+
<div class="progress" style="height: 3px;">
83+
<div class="progress-bar bg-primary" role="progressbar" style="width: 70%;" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100"></div>
84+
</div>
85+
</div>
86+
<div class="skill-item mb-4">
87+
<h3 class="fs-6">Multiplayer</h3>
88+
<div class="progress" style="height: 3px;">
89+
<div class="progress-bar bg-primary" role="progressbar" style="width: 52%;" aria-valuenow="42" aria-valuemin="0" aria-valuemax="100"></div>
90+
</div>
91+
</div>
92+
<div class="skill-item mb-4">
93+
<h3 class="fs-6">Unreal Engine</h3>
94+
<div class="progress" style="height: 3px;">
95+
<div class="progress-bar bg-primary" role="progressbar" style="width: 80%;" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div>
96+
</div>
97+
</div><div class="skill-item mb-4">
98+
<h3 class="fs-6">Game Programming</h3>
99+
<div class="progress" style="height: 3px;">
100+
<div class="progress-bar bg-primary" role="progressbar" style="width: 84%;" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
101+
</div>
102+
</div>
103+
</div>
104+
</div>
105+
</div>
106+
</section>
107+
<!-- About Section end -->
108+
<!-- Portfolio Section start -->
109+
<section class="portfolio py-5" id="portfolio">
110+
<div class="container-lg py-4">
111+
<div class="row justify-content-center">
112+
<div class="col-lg-8">
113+
<div class="section-title text-center">
114+
<h2 class="fw-bold mb-5">My Work</h2>
115+
</div>
116+
</div>
117+
</div>
118+
<div class="row">
119+
<div class="col-md-6 col-lg-4">
120+
<div class="portfolio-item">
121+
<div class="ratio ratio-4x3">
122+
<embed class="w-100 img-thumbnail embed-responsive-item" src="https://www.youtube.com/embed/zxHq1s0U2Ck" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture">
123+
</div>
124+
<h3 class="text-uppercase fs-5 my-2">Runtime Gizmo Functionality</h3>
125+
</div>
126+
</div>
127+
<div class="col-md-6 col-lg-4">
128+
<div class="portfolio-item">
129+
<div class="ratio ratio-4x3">
130+
<embed class="w-100 img-thumbnail embed-responsive-item" src="https://www.youtube.com/embed/nfijRkX5EFE" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture">
131+
</div>
132+
<h3 class="text-uppercase fs-5 my-2">DLC Automator</h3>
133+
</div>
134+
</div>
135+
<div class="col-md-6 col-lg-4">
136+
<div class="portfolio-item">
137+
<div class="ratio ratio-4x3">
138+
<embed class="w-100 img-thumbnail embed-responsive-item" src="https://www.youtube.com/embed/zB7Mgq2O7Zo" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture">
139+
</div>
140+
<h3 class="text-uppercase fs-5 my-2">Gameplay Mechanics</h3>
141+
</div>
142+
</div>
143+
<div class="col-md-6 col-lg-4">
144+
<div class="portfolio-item">
145+
<div class="ratio ratio-4x3">
146+
<embed class="w-100 img-thumbnail embed-responsive-item" src="https://www.youtube.com/embed/IeXFPPhv8v0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture">
147+
</div>
148+
<h3 class="text-uppercase fs-5 my-2">SunReveal</h3>
149+
</div>
150+
</div>
151+
<div class="col-md-6 col-lg-4">
152+
<div class="portfolio-item">
153+
<div class="ratio ratio-4x3">
154+
<embed class="w-100 img-thumbnail embed-responsive-item" src="https://www.youtube.com/embed/zxIlurxjEuI" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture">
155+
</div>
156+
<h3 class="text-uppercase fs-5 my-2">Icefall</h3>
157+
</div>
158+
</div>
159+
<div class="col-md-6 col-lg-4">
160+
<div class="portfolio-item">
161+
<div class="ratio ratio-4x3">
162+
<embed class="w-100 img-thumbnail embed-responsive-item" src="https://www.youtube.com/embed/lPRhNEd6Uok" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture">
163+
</div>
164+
<h3 class="text-uppercase fs-5 my-2">Car Dummy Model Cinematics</h3>
165+
</div>
166+
</div>
167+
</div>
168+
</div>
169+
</section>
170+
<!-- Portfolio Section end -->
171+
<!-- Contact Section start -->
172+
<section class="contact py-5" id="contact">
173+
<div class="container-lg py-4">
174+
<div class="row justify-content-center">
175+
<div class="col-lg-8">
176+
<div class="section-title text-center">
177+
<h2 class="fw-bold mb-5">Contact Me</h2>
178+
</div>
179+
</div>
180+
</div>
181+
<div class="row">
182+
<div class="col-lg-3">
183+
<div class="contact-item d-flex mb-3">
184+
<div class="icon fs-4 text-primary">
185+
<i class="fas fa-envelope"></i>
186+
</div>
187+
<div class="text ms-3">
188+
<h3 class="fs-5">Email</h3>
189+
<p class="text-muted"><a href="mailto:moizulhaq914@gmail.com" style="color: #6c757d;">moizulhaq914@gmail.com</a></p>
190+
</div>
191+
</div>
192+
</div>
193+
<div class="col-lg-3">
194+
<div class="contact-item d-flex mb-3">
195+
<div class="icon fs-4 text-primary">
196+
<i class="fas fa-phone"></i>
197+
</div>
198+
<div class="text ms-3">
199+
<h3 class="fs-5">Phone</h3>
200+
<p class="text-muted"><a href="tel:+923244054144" style="color: #6c757d;">+92 324 4054144</a></p>
201+
</div>
202+
</div>
203+
</div>
204+
<div class="col-lg-3">
205+
<div class="contact-item d-flex mb-3">
206+
<div class="icon fs-4 text-primary">
207+
<i class="fab fa-linkedin-in"></i>
208+
</div>
209+
<div class="text ms-3">
210+
<h3 class="fs-5">LinkdIn</h3>
211+
<p class="text-muted"><a href="https://www.linkedin.com/in/m-moiz-ul-haq/" target="_blank" style="color: #6c757d;">https://www.linkedin.com/in/m-moiz-ul-haq/</a></p>
212+
</div>
213+
</div>
214+
</div>
215+
<div class="col-lg-3">
216+
<div class="contact-item d-flex mb-3">
217+
<div class="icon fs-4 text-primary">
218+
<i class="fab fa-github"></i>
219+
</div>
220+
<div class="text ms-3">
221+
<h3 class="fs-5">Github</h3>
222+
<p class="text-muted"><a href="https://github.com/mmoizulhaq/" target="_blank" style="color: #6c757d;">https://github.com/mmoizulhaq/</a></p>
223+
</div>
224+
</div>
225+
</div>
226+
</div>
227+
</div>
228+
</section>
229+
<!-- Contact Section end -->
230+
<!-- Footer Section start -->
231+
<footer class="footer border-top py-4 bg-primary">
232+
<div class="container-lg">
233+
<div class="row">
234+
<div class="col-lg-12">
235+
<p class="m-0 text-center text-dark" style="font-size: 20px;"><b>&copy: <time>2022</time> Muhammad Moiz ul haq</b></p>
236+
</div>
237+
</div>
238+
</div>
239+
</footer>
240+
<!-- Footer Section end -->
241+
<script src="js/bootstrap.bundle.min.js"></script>
242+
</body>
243+
</html>

‎js/bootstrap.bundle.min.js

Lines changed: 7 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎resume/Resume-Muhammad-Moiz-ul-haq.pdf

88.8 KB
Binary file not shown.

‎webfonts/fa-brands-400.eot

134 KB
Binary file not shown.

‎webfonts/fa-brands-400.svg

Lines changed: 3717 additions & 0 deletions
Loading

‎webfonts/fa-brands-400.ttf

133 KB
Binary file not shown.

‎webfonts/fa-brands-400.woff

90 KB
Binary file not shown.

‎webfonts/fa-brands-400.woff2

76.6 KB
Binary file not shown.

‎webfonts/fa-regular-400.eot

33.5 KB
Binary file not shown.

‎webfonts/fa-regular-400.svg

Lines changed: 801 additions & 0 deletions
Loading

‎webfonts/fa-regular-400.ttf

33.3 KB
Binary file not shown.

‎webfonts/fa-regular-400.woff

16.4 KB
Binary file not shown.

‎webfonts/fa-regular-400.woff2

13.3 KB
Binary file not shown.

‎webfonts/fa-solid-900.eot

200 KB
Binary file not shown.

‎webfonts/fa-solid-900.svg

Lines changed: 5028 additions & 0 deletions
Loading

‎webfonts/fa-solid-900.ttf

200 KB
Binary file not shown.

‎webfonts/fa-solid-900.woff

102 KB
Binary file not shown.

‎webfonts/fa-solid-900.woff2

78.4 KB
Binary file not shown.

0 commit comments

Comments
 (0)
Please sign in to comment.