-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
145 lines (127 loc) · 5.83 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
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Faisal Bhuiyan</title>
<link rel="icon" href="favicon.ico">
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Merriweather&family=Montserrat&family=Sacramento&display=swap" rel="stylesheet">
</head>
<body>
<div class="container">
<nav class="navbar navbar-expand-lg navbar-light bg-custom">
<a class="navbar-brand" href="#"><img class="navbar-avatar" src="images/my-avatar.jpg"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="#about-me">About Me</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#education">Education</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#experience">Experience</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#projects">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact-me">Contact Me</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="top-container">
<img class="top-cloud" src="images/cloud.png" alt="cloud-img">
<h1>I'm Faisal.</h1>
<p class="descript-intro">a web developer.</p>
<img class="bottom-cloud" src="images/cloud.png" alt="cloud-img">
<img src="images/mountain.png" alt="mountain-img">
</div>
<div class="spacing">
</div>
<div class="middle-container">
<div id="about-me" class="profile">
<img class="fb-img" src="images/sfaisal-bhuiyan.jpg" alt="faisal-bhuiyan">
<h2>About Me</h2>
<p class="descript-about-me">Hello. My name is Faisal Bhuiyan. I am a front-end web developer and designer based in Bangladesh. The opportunity to build and design websites is what wakes me up every day, but I also enjoy discovering new technology. Apart from this, I also enjoy capturing and editing beautiful moments using just my smartphone. I also have a keen interest in cyber security.</p>
</div>
<hr>
<div id="education" class="education">
<h2>Education</h2>
<div class="flex-container">
<div class="project">
<h3>High School</h3>
<p>(2007-2018)</p>
<p>Bangladesh International School (English Section, Jeddah, Saudi Arabia)</p>
</div>
<div class="project">
<h3>University</h3>
<p>2019-Current</p>
<p>Bachelor of Science in CSE</p>
<p>Independent University, Bangladesh (IUB)</p>
</div>
</div>
<hr>
<div id="experience" class="experience">
<h2>Experience</h2>
<div class="flex-container">
<div class="project">
<h3>Content Writing</h3>
<p>I write useful content part-time at <a href="https://10pcg.com">10pcg.com</a></p>
<p>Check out some of my articles:</p>
<ul>
<li><a href="https://10pcg.com/visual-studio-reset-window-layout/">Visual Studio: Reset Window Layout Like A Pro [2022]</a></li>
<li><a href="https://10pcg.com/use-cameo-in-powerpoint/">Use Cameo In PowerPoint [Amp Up Your Presentations 2022]</a></li>
</ul>
</div>
</div>
<hr>
<div id="projects" class="projects">
<h2>Projects</h2>
<div class="flex-container">
<div class="project">
<h3>Database Management</h3>
<p>I designed and built an Air Quality Monitoring System.</p>
<p>Check out the project below:</p>
<ul>
<li><a href="https://github.com/faisalbhuiyan3038/AQMS_Project.git">AQMS Software</a></li>
</ul>
</div>
<div class="project">
<h3>Web Development</h3>
<p>I designed and built my CV website, which includes all information about me.</p>
<p>Check out my CV below:</p>
<ul>
<li><a href="https://faisalbhuiyan3038.github.io/My_Personal_CV/">My Curriculum Vitae</a></li>
</ul>
</div>
</div>
<hr>
<div id="contact-me" class="contact-me">
<h2>Get In Touch</h2>
<h3>Got something to share?</h3>
<p class="descript adjustspace">Send me an email by clicking the button below. Let's code together!</p>
<a href="mailto:faisalbhuiyan3038@gmail.com"><button type="button" class="btn btn-primary">CONTACT ME</button></a>
</div>
</div>
<br>
<br>
<div class="bottom-container">
<a class="footer-link" href="https://www.linkedin.com/in/faisal-islam-353252230">LinkedIn</a>
<a class="footer-link" href="https://twitter.com/islamfaisal3038">Twitter</a>
<p>© 2018 Faisal Bhuiyan.</p>
</div>
</body>
</html>