-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
178 lines (171 loc) · 7.1 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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<!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="style.css">
<link rel="icon" href="icon2.png">
</head>
<body>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="project.html">Projects</a></li>
<li><a href="about.html">About me</a></li>
<li><a href="contact.html">Contact me</a></li>
<!-- <li><button id="mode"> mode</button></li> -->
</ul>
</nav>
<!-- Main Body -->
<div class="main">
<div class="web">
<div>
<h1 class="front"> Front-end </h1>
<h1 class="front"> Web</h1>
<h1 class="front"> Developer</h1>
</div>
<div>
<pre id="intro">
Hi , I'm Md Ibran. A passionate
Front-end Web Devopment based in
Dhanbad , Jharkhand.
</pre>
<div class="linkedin">
<div> <a
href="https://www.linkedin.com/in/md-ibran-831729293?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app" target="main">
<img src="linkedin.webp">
</a></div>
<div> <a href="https://github.com/Ibrangrd" target="main">
<img src="github.png">
</a></div>
</div>
</div>
</div>
<div class="myphoto">
<a href="https://ibrangrd.github.io/3-D-Slder/" target="main"> <img id="mypic" src="ib11.jpg"
alt="Ibran"></a>
<p id="photo_click"> Click me!</p>
</div>
</div>
<div>
<div>
<p id="hi"> Hi I'm</p>
</div>
<div>
<h1 id="myname">MD IBRAN</h1>
</div>
<div>
<pre class="myself">
I'm a mechanical engineer based in Dhanbad, Jharkhand. I enjoy creating things that live on the internet
, whether that be websites, applications, or anything in between. Motivated B.Tech student at BIT Sindri
with a strong passion for coding, data structures, algorithms, machine learning and web develoment.
Actively engaged in DSA practice on platforms like Hackerrank and Codechef.
</pre>
</div>
</div>
<div>
<div class="Projects">
<div class="pro">
<div> <a href="https://ibrangrd.github.io/Fit-mania-/" target="main"><img class="proimg" src="gym.png"></a> </div>
<div class="abtpro">
<div class="info">
<div class="head">
<h2> Fit mania </h2>
</div>
<div class="para">
<p>
This project, made with my teammate, is a user-friendly gym website designed specifically
for beginners. The site features a clean and intuitive layout, making it easy to navigate
for users of all fitness levels. Key sections include a welcoming hero header with a
motivational call-to-action, an about section introducing the gym and its mission, detailed
workout plans and guides and a sign-ups form .
</p>
</div>
</div>
<div class="dc">
<a href="https://github.com/Ibrangrd/Fit-mania-" target="_blank">
<button class="code">Code </button>
</a>
<a href="https://ibrangrd.github.io/Fit-mania-/" target="_blank"> <button class="code"> Live Demo </button>
</a>
</div>
</div>
</div>
</div>
<br>
<br>
<div class="Projects">
<div class="pro">
<div> <a href="https://ibrangrd.github.io/qr-weds/" target="main"> <img class="proimg" src="qr.png"></a> </div>
<div class="abtpro">
<div class="info">
<div class="head">
<h2> QR WEDS</h2>
</div>
<div class="para">
<p>
I helped develop QR Weds, a wedding planning website built with a team. We created a
user-friendly
platform to simplify wedding planning. The website features a modern design, wedding
checklist, and
QR code sharing. I contributed to [insert your specific contributions]. QR Weds showcases
our team's
technical skills and collaboration.</p>
</div>
</div>
<div class="dc">
<a href="https://github.com/Ibrangrd/qr-weds" target="main">
<button class="code">Code </button>
</a>
<a href="https://ibrangrd.github.io/qr-weds/" target="main"> <button class="code"> Live Demo </button>
</a>
</div>
</div>
</div>
</div>
<br>
<br>
<div class="Projects">
<div class="pro">
<div><a href="https://ibrangrd.github.io/Simple-Calculator/" target="main"><img class="proimg" src="cal2.jpg"></a> </div>
<div class="abtpro">
<div class="info">
<div class="head">
<h2>SIMPLE CALCULATOR</h2>
</div>
<div class="para">
<p>
Welcome to our simple calculator project!
This project showcases basic JavaScript programming skills.
The calculator performs arithmetic operations like addition and subtraction.
It also handles multiplication and division with ease.
Feel free to use and explore the calculator's features!</p>
</div>
</div>
<div class="dc">
<a href="https://github.com/Ibrangrd/Simple-Calculator" target="_blank">
<button class="code">Code </button>
</a>
<a href="https://ibrangrd.github.io/Simple-Calculator/" target="_blank"> <button class="code"> Live Demo </button>
</a>
</div>
</div>
</div>
</div>
<diV class="thank">
<h1 class="thanks"> THANK YOU</h1>
<p class="time">for taking the time to explore my portfolio. I hope you enjoyed learning about my work as much
as I enjoyed creating it. Looking forward to connecting with you!
<p>
</diV>
<br>
<br>
<br>
<div class="degine">
<h3> Design by Md Ibran</h3>
</div>
<script src="/script.js"> </script>
</script>
</body>
</html>