-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
161 lines (159 loc) · 7.01 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" href="media/icon/pfp.jpg" type="image/x-icon">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fateh Mudassar | FreeLancer</title>
<link rel="stylesheet" href="css/homepage.css">
</head>
<body>
<div class="nav-bar"style="position:fixed;">
<link rel="stylesheet" href="css/navbar.css">
<div class="nav-body">
<div class="nav-content" style="font-family:tanker;">
<div class="nav-logo">
<img class="nav-icon" src="media/icon/pfp.jpg">
<a style="text-decoration: none;padding-left: 10px;" href="index.html">Fateh Mudassar</a>
</div>
<div class="nav-headings">
<a href="index.html">HOME</a>
<a href="">Services</a>
<a href="">PROJECTS</a>
<a href="">CONTACT</a>
</div>
</div>
</div>
</div>
<div class="header">
<link rel="stylesheet" href="css/header.css">
<div class="header-menu pattren" style="font-family: tanker; color: rgb(255, 255, 255);">
<div class="header-left">
<h1>Fateh Mudassar</span></h1>
<p>Hello, I am Fateh Mudassar,</p>
<p>Website Developer</p>
<p style="font-size: 1rem;text-align: center;margin-top: 5px;">A Web Developer who can Build, Manage and Debug your Web Applications and to fullfill all your needs.</p>
</div>
<div class="header-right">
<div class="bio-card">
<div class="card-container">
<img class="round" src="media/icon/pfp.jpg" style="width: 100px;border-radius: 100px;" alt="user" />
<h3>Fateh Mudassar</h3>
<h6>Website Developer</h6>
<p>User interface designer and <br/> front-end developer</p>
<br>
<div class="buttons" style="font-family: tanker;">
<a href="/" class="bn13">Contact Me!</a>
<a href="/" class="bn13">Projects</a>
</div>
<div class="skills">
<h6>Skills</h6>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>UI / UX</li>
<li>Video Editor</li>
<li>Image Editor</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="about">
<link rel="stylesheet" href="css/about.css">
<div class="body1">
<h1>Services:</h1>
<div class="about-content">
<div class="card-body">
<div class="card-content">
<h1>Web Developer</h1>
<p>I am able to build a website acquire to your desire. I am a Web Devloper who can bring your dream website come to life.</p>
</div>
<div class="card-image"><img src="media/icon/coding-icon.webp" alt=""></div>
</div>
<div class="card-body">
<div class="card-content">
<h1>Video Editor</h1>
<p>Have a Video to be edited? Want your to make short clips? Want to cut out the messed up part? I can do it all for you with my video editing skills</p>
</div>
<div class="card-image"><img src="media/icon/video-icon.webp" alt="video player"></div>
</div>
<div class="card-body">
<div class="card-content">
<h1>Photo Editor</h1>
<p>Want to add some fun background image or Want to be fix out a ruined photo? I am all in to help you with that task.</p>
</div>
<div class="card-image"><img src="media/icon/draw-icon.jpg" alt=""></div>
</div>
<div class="card-body">
<div class="card-content">
<h1>UX/UI (Designing)</h1>
<p>Suck at designing? Want some help with designing the product? Let it be a mockup or full edged design. I am willing to come up be most effective solution.</p>
</div>
<div class="card-image"><img src="media/icon/uxui.jpg" alt=""></div>
</div>
</div>
</div>
</div>
<div class="project">
<link rel="stylesheet" href="css/project.css">
<div class="body1">
<h1>Project:</h1>
<div class="project-content">
<div class="project-cards">
<div class="project-img" id="project1"></div>
<div class="project-card-content" id="pcontent1">Pizza Template</div>
</div>
<div class="project-cards">
<div class="project-img" id="project2"></div>
<div class="project-card-content" id="pcontent2">Gallery Template</div>
</div>
<div class="project-cards">
<div class="project-img" id="project3"></div>
<div class="project-card-content" id="pcontent3">Template Porfolio</div>
</div>
</div>
</div>
</div>
<div class="forms">
<link rel="stylesheet" href="css/form.css">
<div class="body1">
<h1>Contact Me!:</h1>
<div class="form-content">
<div class="form-btn">
</div>
<div class="form-info">
<main>
<div class="form-mail">
<div class="form-info-heading">
<img src="media/icon/mail-arrow-up-svgrepo-com.svg" alt="Mail">
<h1>Gmail</h1>
<div class="line"></div>
</div>
<p>contact me on:</p>
<h2><a title="Mail Using Mails" href="mailto:[email protected]?subject=Website%20Needed">[email protected]</a></h2>
<div class="form-info-heading">
<img src="media/icon/whatsapp-color-svgrepo-com.svg" alt="WhatsApp">
<h1>Whats App:</h1>
<div class="line2"></div>
</div>
<p>For WhatsApp:</p>
<h2><a title="Chat Using WhatsApp" href="https://wa.me/923054824877?text=I%20would%20request%20a%20website!!!">+92 305 4824877</a></h2>
<div class="form-info-heading">
<img src="media/icon/discord-icon-svgrepo-com.svg" alt="Discord">
<h1>Discord:</h1>
<div class="line3"></div>
</div>
<p>Talk On Discord:</p>
<h2><a title="Talk Using Discord" href="https://discordapp.com/users/743776395183915028">HowToRespawn</a></h2>
</div>
</main>
</div>
</div>
</div>
</div>
</body>
</html>