<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>অনুরোধ পৃষ্ঠা পাওয়া যায় নি!</title>
<link rel="stylesheet" href="https://akhonbangla.com/bootstrap/4.2.1/css/font-awesome.min.css">
<link rel="stylesheet" href="https://akhonbangla.com/bootstrap/4.2.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://akhonbangla.com/bootstrap/4.2.1/css/style.css" type="text/css">
<script src="https://akhonbangla.com/bootstrap/4.2.1/js/jquery.min.js"></script>
<script src="https://akhonbangla.com/bootstrap/4.2.1/js/popper.min.js"></script>
<script src="https://akhonbangla.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
<script type='text/javascript' src="https://akhonbangla.com/bootstrap/4.2.1/js/javaScript.js"></script>
<link rel="stylesheet" href="https://akhonbangla.com/bootstrap/4.2.1/fonts/font.css" crossorigin="anonymous"/>
</head>
<body>
<!------ Include the above in your HEAD tag ---------->
<style>
#wrapD3Cube {
width: 250px;
height: 213px;
margin: 4px auto;
}
#D3Cube {
width: 112px;
height: 112px;
top: 50px;
transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
-moz-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
-webkit-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
margin: auto;
position: relative;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#D3Cube > div {
position: absolute;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
width: 112px;
height: 112px;
float: left;
overflow: hidden;
opacity: 0.85;
}
#side1 {
transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(56px);
-moz-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(56px);
-webkit-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(56px);
background-color: #FFF;
}
#side2 {
transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(56px);
-moz-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(56px);
-webkit-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(56px);
background-color: #ffaf1c;
}
#side3 {
transform: translateX(0px) translateY(0px) translateZ(56px);
-moz-transform: translateX(0px) translateY(0px) translateZ(56px);
-webkit-transform: translateX(0px) translateY(0px) translateZ(56px);
background-color: #58d568;
}
#side4 {
transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(56px);
-moz-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(56px);
-webkit-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(56px);
background-color: #ed3030;
}
#side5 {
transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(56px);
-moz-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(56px);
-webkit-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(56px);
background-color: #1c5ffe;
}
#side6 {
transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(56px);
-moz-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(56px);
-webkit-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(56px);
background-color: #f2f215;
}
#D3Cube {
-webkit-animation: cubeRotation 5s infinite; /* Safari 4.0 - 8.0 */
animation: cubeRotation 5s infinite;
}
@-webkit-keyframes cubeRotation {
0% { -webkit-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg); }
50% { -webkit-transform: rotateX(-22deg) rotateY(-128deg) rotateZ(0deg); }
100% { -webkit-transform: rotateX(-22deg) rotateY(-398deg) rotateZ(0deg); }
}
@keyframes cubeRotation {
0% { transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg); }
50% { transform: rotateX(-22deg) rotateY(-238deg) rotateZ(0deg); }
100% { transform: rotateX(-22deg) rotateY(-398deg) rotateZ(0deg); }
}
</style>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="error-template p-5 text-center">
<div id="wrapD3Cube">
<div id="D3Cube">
<div id="side1"></div>
<div id="side2"></div>
<div id="side3"></div>
<div id="side4"></div>
<div id="side5"></div>
<div id="side6"></div>
</div>
</div>
<h1>ও-হো!</h1>
<h2>404 পাওয়া যায়নি </h2>
<div class="error-details">
দুঃখিত, একটি ত্রুটি ঘটেছে, অনুরোধ পৃষ্ঠা পাওয়া যায় নি!
</div>
<div class="error-actions mt-5 mb-5">
<a href="https://akhonbangla.com/" class="btn btn-secondary"><span class="fa fa-home"></span> আমাকে সঠিক পথে নিয়ে যান </a>
<a href="http://iftiit.com/" target="_blank" class="btn btn-secondary"><span class="fa fa-envelope"></span> যোগাযোগ </a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>