-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathRealPORTFOLIO.html
173 lines (155 loc) · 7.49 KB
/
RealPORTFOLIO.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
163
164
165
166
167
168
169
170
171
172
173
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PortFolio</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<!-- Css link -->
<link rel="stylesheet" type="text/css" href="RealPortfolio.css">
<!-- Fonts Link -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bona Nova"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Taprom"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cinzel"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lavishly Yours"/>
</head>
<body>
<div class="container-fluid">
<div class="row bg-light" id="navbar">
<div class="col-lg-2 mt-3 ml-5"id="webname">
<a href="#"><h3>Mehak Nizamani</h3><a>
</div>
<div class="col offset-3 mb-5" id="menu">
<ul class="nav">
<li class="nav-item">
<a class="nav-link active" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link " href="#contact">Contact</a>
</li>
<a href="#" style="font-size: 22px; margin-left: 550px; margin-top: 10px; position: absolute;">Register</a>
</ul>
</div>
</div>
</div>
<!-- About Section-->
<div class="head" id="about">
<h1>I am Mehak Nizamani!</h1>
<div class="heading">
<p>Hello, I am student of Mehran University of Engineering and technology Jamshoro Sindh Pakistan, I am doing graduation in software engineering . I am the part of GDSC (Google developers student club verified from Google) as a Direct Manager. And also I am Team member of SES(software engineering society) also I have participated In multiple events Like "MUET MUNN" for the community work .
As I am an Ambitious person Who always wants to learn to something which is beneficial , that's why I have multiple side talents too likewise I am a good Cook , A better Photographer and technology enthusiastic.
I have Little bit Experience with WordPress,C++ , Java and database and data structure and algorithm. On the other hand I'm front End web developer works with html , css and bootstrap while currently learning backend web development.
As My curiosity doesn't let me be in my comfort zone therefore I have ability to adapt modern tech's requirements...</p>
</div>
</div>
<!-- Slider -->
<div class="Slider2">
<div class="pics">
<img src="student.jpg" width="720px" height="480px">
<img src="programmer.jpg" width="720px" height="480px">
<img src="chef.jpg" width="720px" height="480px">
</div>
</div>
<div>
<h1 class="Portfolio" id="Servics">SERVICES</h1>
<p class="paragraph"> These are my work , I have done multiple work for the clients some of them are shown in here, other you may find on my LINKEDIN or at GITHUB..</p>
</div>
<!-- slider -->
<div class="slider1">
<div class="slider-track">
<div class="slide"><img src="u1.png"></div>
<div class="slide"><img src="u2.png"></div>
<div class="slide"><img src="u3.jpg"></div>
<div class="slide"><img src="u4.jpg"></div>
<div class="slide"><img src="u5.jpg"></div>
<div class="slide"><img src="u6.jpg"></div>
<div class="slide"><img src="u7.jpg"></div>
<div class="slide"><img src="u8.jpg"></div>
<div class="slide"><img src="u9.jpg"></div>
<!-- same again for double -->
<div class="slide"><img src="u1.png"></div>
<div class="slide"><img src="u2.png"></div>
<div class="slide"><img src="u3.jpg"></div>
<div class="slide"><img src="u4.jpg"></div>
<div class="slide"><img src="u5.jpg"></div>
<div class="slide"><img src="u6.jpg"></div>
<div class="slide"><img src="u7.jpg"></div>
<div class="slide"><img src="u8.jpg"></div>
<div class="slide"><img src="u9.jpg"></div>
</div>
</div>
<!-- Footer -->
<footer>
<div class="container-fluid mb-5" id="foot">
<div class="row">
<div class="col-md-4">
<div class="full">
<div class="social_links">
<a href="https://www.facebook.com/"><i class="fa-brands fa-square-facebook"></i></a>
<a href="https://www.instagram.com/"><i class="fa-brands fa-square-instagram"></i></a>
<a href="https://github.com/MehakRazaullah"><i class="fa-brands fa-github"></i></a>
<a href="https://www.linkedin.com/in/mehak-razaullah-18a914225/"><i class="fa-brands fa-linkedin"></i></a>
</div>
<h4 class="widget_heading" id="contact">Address:</h4>
G-9 Markaz ISLAMABAD, PK<br>Phone: +92 347 0363463<br>mehakrazaullah63@gmail.com</p>
<img src="logo2.png" style="margin-right: 30px;">
</div>
</div>
<div class="col-md-8 mt-3">
<div class="full">
<h4 class="widget_heading" id="contact">Contact Me</h4>
</div>
<div class="full subscribe_form">
<form class='contact-form-blogger'>
<div class='contact-form-wrap row'>
<div class='col-md-6 mb-3'>
<label class='form-label fs-7 fw-bold' for='field-name'>Your Name</label>
<input class='form-control bg-transparent jt-border-light text-reset' id='field-name' name='name' required='' type='text' placeholder='Enter Name'/>
</div>
<div class='col-md-6 mb-3'>
<label class='form-label fs-7 fw-bold' for='field-email'>Email Address</label>
<input class='form-control bg-transparent jt-border-light text-reset' id='field-email' name='email' required='' type='email' placeholder='Enter Email'/>
</div>
<div class='col-12 mb-3'>
<label class='form-label fs-7 fw-bold' for='field-message'>Message</label>
<textarea class='form-control bg-transparent jt-border-light text-reset' id='field-message' name='message' required='' rows='3' placeholder='Enter Message'></textarea>
</div>
<div class='col-12 mb-3'>
<button class='btn btn-sm fw-bold py-2 px-5 jt-btn-primary' type='submit' style="color:#151e47;">SEND</button>
</div>
</div>
<div
data-success="Thank you message sent successfully."
data-error="Message failed to send. Please try again an hour later."
class="contact-form-msg d-none border border-3 rounded text-center p-3 fs-7">
</div>
</form>
</div>
</div>
</div>
</div>
</footer>
<!-- end footer -->
<!-- 2nd last footser -->
<div class="container-fluid">
<div class="row" id="footer1" style="border-top: 1px solid white; ">
<div class="col-md-4 col-lg-8" style="color:#f8f9fa;">
<h7>FrontEnd Website 2k22 by @MehakNizamani</h7>
</div>
<div class="col-md-8 col-lg-4" style="color:#f8f9fa;">
Terms of Use | Privacy public
</div>
</div>
</div>
<!-- end -->
</body>
</html>