Skip to content

Commit 6173b2d

Browse files
Shoyebaktar-shirolShoyebaktar-shirol
committed
Added Personal Project Portfolio page #151 
1 parent 4c702d6 commit 6173b2d

File tree

1 file changed

+244
-0
lines changed

1 file changed

+244
-0
lines changed

‎Fronted Projects/Portfolio page.html‎

Lines changed: 244 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,244 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>My Portfolio</title>
8+
9+
<link rel="stylesheet" href="styles.css">
10+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
11+
integrity="sha384-r4HyZAO8L0uBUAB8zK0x0wL0eFKcKNsxCQjnbNARZ3KkzJMqu1WNtJxK/t1C2HR0" crossorigin="anonymous">
12+
</head>
13+
14+
<body>
15+
16+
<header>
17+
<nav style="text-align: right;">
18+
<ul>
19+
<li><a href="#Home"><b>Home</b></a></li>
20+
<li><a href="#about"><b>About</b></a></li>
21+
<li><a href="#about"><b>Skills</b></a></li>
22+
<li><a href="#projects"><b>Projects</b></a></li>
23+
<li><a href="#contact"><b>Contact</b></a></li>
24+
25+
</ul>
26+
</nav>
27+
</header>
28+
29+
30+
<center>
31+
<h1 style="color: black;"><b>SHOYEBAKTAR SHIROL</b></h1>
32+
</center>
33+
<div class="card">
34+
<img src="https://cdn2.vectorstock.com/i/1000x1000/91/31/portfolio-paper-poster-with-colorful-brush-strokes-vector-21849131.jpg"
35+
height="400" width="350" alt="Image Error">
36+
<div class="card-content"><br><br>
37+
38+
39+
<hr style="border: 0; height: 3px; background-color: black;">
40+
41+
42+
<main>
43+
<section id="about">
44+
<h1>ABOUT ME</h1>
45+
<h3>
46+
<p>I am currently a final year pursuing Bachelor of Computer Application (BCA) student,
47+
passionate about technology and
48+
its
49+
application in the digital world, eager to expand my knowledge and skills in computer
50+
science programming & software development
51+
also passionate to contribute on open source community.
52+
"</p>
53+
</h3>
54+
</section>
55+
<hr style="border: 0; height: 3px; background-color: black;">
56+
57+
58+
59+
<h2 style="color: blue;">HOBBIES</h2>
60+
<ul>
61+
<b>
62+
<li>Traveling🏞️</li><br>
63+
<li>Playing Soccur⚽</li><br>
64+
<li>Reading Psychology📖</li><br>
65+
<li>Watching Movies🎦</li>
66+
</b>
67+
68+
69+
70+
</ul>
71+
</section>
72+
<hr style="border: 0; height: 3px; background-color: black;">
73+
74+
</style>
75+
76+
77+
<section id="projects">
78+
<h2 style="color: blue;">MINI PROJECT</h2>
79+
<h3><b>Project Title: E-Commerce Website
80+
<a href="https://shoyebaktar-shirol.github.io/E-Commerce-Website/" target="_blank"><i
81+
class="fab fa-linkedin" aria-label=""></i>Click hare to see</a>
82+
</b></h3>
83+
<p>
84+
<h3>Technologies Used - <b>Html,Css,Javascript,Bootstrap Framework</b></h3>
85+
</p>
86+
87+
</section>
88+
<hr style="border: 0; height: 3px; background-color: black;">
89+
90+
91+
92+
<section id="contact">
93+
<h2 style="color: blue;">CONTACT ME</h2>
94+
<b>Name : Shoyebaktar Shirol<br><br>
95+
Phone : 9380373103<br>
96+
<p>Email: <b><a
97+
href="mailto:shoyebaktarshirol@gmail.com,shoyebshirol32@gmail.com">shoyebaktarshirol@gmail.com<br>
98+
shoyebshirol32@gmail.com</a></b></p>
99+
<br><br>
100+
101+
102+
103+
104+
<hr style="border: 0; height: 3px; background-color: black;">
105+
106+
107+
108+
<br>
109+
<br>
110+
<br>
111+
112+
113+
114+
<center>
115+
<p><b>You can find me on social media:⬇️</b></p>
116+
</center>
117+
<div class="social-icons">
118+
<a href="https://www.linkedin.com/in/shoyebaktar-shirol-1a9976279" target="_blank"
119+
aria-label="LinkedIn Profile">
120+
<img src="https://th.bing.com/th/id/OIP.w_zDkEJ9aLiWR-g0rff8hwHaHa?pid=ImgDet&rs=1"
121+
alt="Linkedin">
122+
</a>
123+
124+
125+
<a href="https://github.com/Shoyebaktar-shiro" target="_blank" aria-label="Github">
126+
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQwqVSIB7OIv_wQReWskd5DGm7OzqmLkj-6f7oycxWyZw&s"
127+
alt="Github">
128+
</a>
129+
130+
131+
132+
<a href="https://www.instagram.com/shoyebaktar_s/" target="_blank"
133+
aria-label="Instagram Profile">
134+
<img src="https://img.freepik.com/premium-vector/purple-gradiend-social-media-logo_197792-1883.jpg"
135+
alt="Instagram">
136+
</a>
137+
138+
139+
<a href="https://l.instagram.com/?u=https%3A%2F%2Fwww.snapchat.com%2Fadd%2Fshoyebshirol21%3Fshare_id%3D9c6CRS-d8jM%26locale%3Den-US&e=AT07xuddFtWO-zRlGqfhPtijBXNn-JEVrZTjSkM4taUUwvdpndm0JcRgayFcI8LUfC9MBaAKmf1oerJ8z6laQhZ3s07_asGpOrwwkZNomqUF0AZfxTZtY1s"
140+
target="_blank">
141+
<i class="fab fa-snapchat" target="_blank" aria-label="Snapchat Profile">
142+
<img src="https://w7.pngwing.com/pngs/558/999/png-transparent-snapchat-logo-social-media-snapchat-spectacles-snap-inc-computer-icons-snapchat-company-text-logo-thumbnail.png"
143+
alt="Snapchat">
144+
</a>
145+
146+
147+
<a href="https://m.facebook.com/profile.php/?id=100011124992725&name=xhp_nt__fb__action__open_user"
148+
target="_blank">
149+
<i class="fab fa-facebook" target="_blank" aria-label="Facebook Profile">
150+
<img src="https://w7.pngwing.com/pngs/561/460/png-transparent-fb-facebook-facebook-logo-social-media-icon-thumbnail.png"
151+
alt="Facebook">
152+
</a>
153+
</div>
154+
</section>
155+
156+
</main>
157+
158+
<Center>
159+
<footer style="background-color: black;">
160+
<p style="color: white;">&copy; <b>2023 Shoyebaktars Portfolio</b></p>
161+
</footer>
162+
</Center>
163+
164+
165+
166+
167+
168+
<style>
169+
170+
h1{
171+
color: blue;
172+
}
173+
174+
175+
176+
177+
178+
179+
180+
181+
header {
182+
background-color: black;
183+
color: #fff;
184+
padding: 1px;
185+
}
186+
187+
header h1 {
188+
margin: 0;
189+
}
190+
191+
nav ul {
192+
list-style: bold;
193+
}
194+
195+
nav ul li {
196+
display: inline;
197+
margin-right: 25px;
198+
}
199+
200+
nav a {
201+
color:white;
202+
text-decoration: none;
203+
}
204+
205+
main {
206+
padding: 20px;
207+
}
208+
209+
210+
211+
212+
213+
214+
215+
216+
217+
section {
218+
margin-bottom: 50px;
219+
}
220+
.social-icons {
221+
display: flex;
222+
flex-direction: row;
223+
align-items: center;
224+
225+
justify-content: center;
226+
227+
}
228+
229+
.social-icons a {
230+
display: inline-block;
231+
margin-right: 10px;
232+
margin-bottom: 10px;
233+
}
234+
235+
.social-icons img {
236+
width: 50px;
237+
height: auto;
238+
}
239+
240+
241+
</style>
242+
</body>
243+
244+
</html>

0 commit comments

Comments
 (0)