-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
117 lines (95 loc) · 5.85 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Fahad's Portfolio</title>
<link rel="shortcut icon" href="./images/logo.png" type="image/x-icon">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="position">
<p><a href="#about" class="navigation-barColor">About</a></p><br>
<p><a href="#education"class="navigation-barColor">Education</a></p><br>
<p><a href="#experiences"class="navigation-barColor">Experiences</a></p><br>
<p><a href="#references"class="navigation-barColor">References</a></p>
</div>
<section class="top-banner flexible-container" >
<div class="half-width"><h1> Welcome to</h1>
<h1 ><span class="color1">Fahad kabir's</span> World</h1>
<h3>WEB DEVELOPER, PROGGRAMMER, PHOTOGRAPHER</h3>
<br>
<a class="link-button" target="_blank" href="https://www.linkedin.com/in/fahad-kabir-6559211a8/">Hire Me</a>
<span><a class="link-button" target="_blank" href="https://drive.google.com/file/d/1FlgQMvU-rE3vbWk5Yukl_Jbibl2d5qAX/view?usp=drive_link">Download Resume</a></span>
</div class="flexible-container">
<div class="half-width"><img src="./images/Fahad.jpeg" alt="">
</div>
<div class="navigation-container">
</section>
<section>
<h2 id="about">About</h2>
<div class="flexible-container">
<div id="full-stack-developer" class="about-area">
<div>
<p>Hello ! I'am Fahad kabir.Web Developer,Graphic Designer,Singer,Cricketer.Currently, I'm studying at Independent University,Bangladesh department of computer science and engineering.This is my last semester.</p></div>
</div>
<div class="about-area">
<h3>Basic Information</h3>
<div>
<h4>AGE: <span>24</span></h4>
<h4>EMAIL: <span>[email protected]</span></h4>
<h4>PHONE: <span>+8801772967944</span></h4>
<h4>ADDRESS: <span>Basundhara R/A, Dhaka, Bangladesh</span></h4>
</div>
</div>
</section>
<section>
<h2 id="education">Education</h2>
<div class="flexible-container">
<div id="full-stack-developer" class="about-area">
<div>
<h3>Master of Information Technology<br>
UNIVERSITY OF COMPUTER SCIENCE</h3>
<p> Euismod massa scelerisque suspendisse fermentum habitant vitae ullamcorper magna quam iaculis, tristique sapien taciti mollis interdum sagittis libero nunc inceptos tellus, hendrerit vel eleifend primis lectus quisque cubilia sed mauris. Lacinia porta vestibulum diam integer quisque eros pulvinar curae, curabitur feugiat arcu vivamus parturient aliquet laoreet at, eu etiam pretium molestie ultricies sollicitudin dui.</p></div>
</div>
<div class="about-area">
<h3>Bachelor of Computer Science<br>
UNIVERSITY OF COMPUTER SCIENCE</h3>
<div>
Euismod massa scelerisque suspendisse fermentum habitant vitae ullamcorper magna quam iaculis, tristique sapien taciti mollis interdum sagittis libero nunc inceptos tellus, hendrerit vel eleifend primis lectus quisque cubilia sed mauris. Lacinia porta vestibulum diam integer quisque eros pulvinar curae, curabitur feugiat arcu vivamus parturient aliquet laoreet at, eu etiam pretium molestie ultricies sollicitudin dui.
</div>
</div>
<div class="about-area">
<h3>Science and Mathematics <br>
SCHOOL OF SECONDARY BOARD</h3>
<div>
Euismod massa scelerisque suspendisse fermentum habitant vitae ullamcorper magna quam iaculis, tristique sapien taciti mollis interdum sagittis libero nunc inceptos tellus, hendrerit vel eleifend primis lectus quisque cubilia sed mauris. Lacinia porta vestibulum diam integer quisque eros pulvinar curae, curabitur feugiat arcu vivamus parturient aliquet laoreet at, eu etiam pretium molestie ultricies sollicitudin dui.
</div>
</div>
</section>
<section>
<h2 id="experiences">Experiences</h2>
<div class="flexible-container">
<div id="full-stack-developer" class="experiences-item">
<h2>Full Stack Developer</h2>
<h3 class="color2">2022-Present</h3>
<p>I am the master of HTML, CSS and Javascript. I know everything needed to make a website function, efficient. I didn't stop with the web. I went beyond with most popular Javascript framework called Vue JS. I even know the deployment, server and security. I will give you 100% web solution</p>
</div>
<div id="web-developer" class="experiences-item">
<h2>Web Developer</h2>
<h3 class="color2">2019-2022</h3>
<p>I made myself as a remote web developer. I made their website and showed it to them. They liked it. And uploaded the content. It was fun working at Programming Hero.</p>
</div>
</div>
</section>
<h2 id="references">References</h2>
<div id="full-stack-developer" class="about-area">
<div>
<p>Habitasse venenatis commodo tempor eleifend arcu sociis sollicitudin ante pulvinar ad, est porta cras erat ullamcorper volutpat metus duis platea convallis, tortor primis ac quisque etiam luctus nisl nullam fames. Ligula purus suscipit tempus nascetur curabitur donec nam ullamcorper, laoreet nullam mauris dui aptent facilisis neque elementum ac, risus semper felis parturient fringilla rhoncus eleifend.</p></div>
</div>
</body>
<footer>
<p><b>FAHAD KABIR </b> <br>© Fahad kabir 2023, a Learner.</p>
</footer>
</html>