-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
209 lines (185 loc) · 8.55 KB
/
about.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
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
<!DOCTYPE html>
<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" />
<!-- all styles -->
<link rel="stylesheet" href="src/css/styles.css" />
<!-- bootstrap -->
<link rel="stylesheet" href="src/bootstrap/bootstrap.css" />
<title>Moonlight | About ME</title>
</head>
<body>
<!-- title bar aka header -->
<header>
<!-- main logo / name -->
<a href="#" class="logo">Moonlight</a>
<!-- nav bar -->
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="items.html">Products</a></li>
<li><a href="#" class="active">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</header>
<br /><br /><br /><br />
<!-- section -all image for parallex image -->
<div class="sec" id="sec">
<div class="hdr1"><h2>About Me !</h2></div>
<p>
Hi ! I am Mohmmad Mahbub Hasan. I am a Student based at Bangladesh .
Right now I am learning web development . I also know some basic android
programming. . I am very passionate about programming and I am good at
it. My area of interest is data science and I am very interested in it.
I am also interested in machine learning.
</p>
<div class="text-info">
<div class="spinner-grow text-info" role="status">
<span class="visually-hidden"></span>
<br />
</div>
<i> <a href="https://voidtest.tk" class="link-info" target="_blank" style="text-decoration: none;">Check out My recent work</a></i>
</div>
<br>
<div class="text-info">
<div class="spinner-border text-warning" role="status">
<span class="visually-hidden"></span>
<br />
</div>
<i> <a href="https://github.com/Sh4tt3r3D" class="link-info" target="_blank" style="text-decoration: none;">Check out My Github</a></i>
</div>
<!--
<i>Check out My recent work <a href="https://voidtest.tk" style="color: rgb(136, 33, 33)" target="_blank">
- A simple cgpa calculator made during 2nd semester at uits for uits
-> by clicking here.
</a>
<br /><br />
<a href="https://github.com/Sh4tt3r3D" style="color: rgb(28, 58, 158)" target="_blank">
Also, you can check out My github, by clicking here.</a>
</i>
-->
<br /><br />
</div>
<!-- footer -->
<div class="py-1 bg-dark">
<div class="container px-5 my-5">
<div class="row gx-5 justify-content-center">
<div class="container">
<footer class="py-5 bg-dark">
<div class="container">
<div class="row">
<div class="col-2">
<h5>Section</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2">
<a href="index.html" class="nav-link p-0 text-muted">Home</a>
</li>
<li class="nav-item mb-2">
<a href="items.html" class="nav-link p-0 text-muted">Featured</a>
</li>
<li class="nav-item mb-2">
<a href="about.html" class="nav-link p-0 text-muted">FAQs</a>
</li>
<li class="nav-item mb-2">
<a href="contact.html" class="nav-link p-0 text-muted">Contact</a>
</li>
</ul>
</div>
<div class="col-2">
<h5>Section</h5>
<ul class="nav flex-row">
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-muted"
>Back to top</a
>
</li>
</ul>
</div>
<div class="col-4 offset-3">
<form>
<h5 class="text-white">Mail us !</h5>
<p class="text-white">
For new and exciting news from us.
</p>
<div class="d-flex w-100 gap-2">
<label for="newsletter1" class="visually-hidden"
>Email address</label
>
<input
id="newsletter1"
type="text"
class="form-control"
placeholder="Email address"
/>
<button class="btn btn-primary" type="button">
Subscribe
</button>
</div>
</form>
</div>
</div>
<div
class="d-flex justify-content-between py-4 my-4 border-top"
>
<p class="text-white">
© 2021 Mahbub Hasan . All rights reserved.
</p>
<ul class="list-unstyled d-flex">
<li class="ms-3">
<a class="" href="#"
><svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
class="bi bi-twitter"
viewBox="0 0 16 16"
>
<path
d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"
/></svg
></a>
</li>
<li class="ms-3">
<a class="" href="#"
><svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
class="bi bi-facebook"
viewBox="0 0 16 16"
>
<path
d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"
/></svg
></a>
</li>
<li class="ms-3">
<a class="link-light" href="https://github.com/Sh4tt3r3D"
><svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
class="bi bi-github"
viewBox="0 0 16 16"
>
<path
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"
/></svg
></a>
</li>
</ul>
</div>
</div>
</footer>
</div>
</div>
</div>
</div>
<script src="src/scripts/scripts.js"></script>
<script src="src/bootstrap/bootstrap.bundle.js"></script>
</body>
</html>