MMCT TEAM
Server IP : 2a02:4780:11:1359:0:1d43:a566:2  /  Your IP : 216.73.216.142
Web Server : LiteSpeed
System : Linux in-mum-web1259.main-hosting.eu 4.18.0-553.37.1.lve.el8.x86_64 #1 SMP Mon Feb 10 22:45:17 UTC 2025 x86_64
User : u490972518 ( 490972518)
PHP Version : 5.6.40
Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail
MySQL : ON  |  cURL : ON  |  WGET : ON  |  Perl : OFF  |  Python : OFF
Directory (0755) :  /home/u490972518/domains/ppschool.org.in/public_html/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home/u490972518/domains/ppschool.org.in/public_html/move.php
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <!-- This file has been downloaded from Bootsnipp.com. Enjoy! -->
    <title>Nicky Image Gallery</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
    <style type="text/css">
        @import url(http://fonts.googleapis.com/css?family=Anaheim);

*{
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
    box-sizing: border-box;
}
*:before,
*:after{
	box-sizing: border-box;
}
html,
body{
	min-height: 100%;
}
body{
	background-image: radial-gradient(mintcream 0%, lightgray 100%);
}
h1{
	display: table;
	margin: 5% auto 0;
	text-transform: uppercase;
	font-family: 'Anaheim', sans-serif;
	font-size: 4em;
	font-weight: 400;
	text-shadow: 0 1px white, 0 2px black;
}
.container{
	margin: 4% auto;
	width: 210px;
	height: 140px;
	position: relative;
	perspective: 1000px;
}
#carousel{
	width: 100%;
	height: 100%;
	position: absolute;
	transform-style: preserve-3d;
	animation: rotation 20s infinite linear;
}
#carousel:hover{
	animation-play-state: paused;
}
#carousel figure{
	display: block;
	position: absolute;
	width: 90%;
	height: 50%px;
	left: 10px;
	top: 10px;
	background: black;
	overflow: hidden;
	border: solid 5px black;
}
#carousel1 figure:nth-child(1){transform: rotateY(0deg) translateZ(288px);}
#carousel1 figure:nth-child(2) { transform: rotateY(40deg) translateZ(288px);}
#carousel1 figure:nth-child(3) { transform: rotateY(80deg) translateZ(288px);}
#carousel1 figure:nth-child(4) { transform: rotateY(120deg) translateZ(288px);}
#carousel1 figure:nth-child(5) { transform: rotateY(160deg) translateZ(288px);}
#carousel1 figure:nth-child(6) { transform: rotateY(200deg) translateZ(288px);}
#carousel1 figure:nth-child(7) { transform: rotateY(240deg) translateZ(288px);}
#carousel1 figure:nth-child(8) { transform: rotateY(280deg) translateZ(288px);}
#carousel1 figure:nth-child(9) { transform: rotateY(320deg) translateZ(288px);}

img{
	-webkit-filter: grayscale(1);
	cursor: pointer;
	transition: all .5s ease;
}
#carousel1 img:hover{
	-webkit-filter: grayscale(0);
  transform: scale(1.2,1.2);
}

@keyframes rotation{
	from{
		transform: rotateY(0deg);
	}
	to{
		transform: rotateY(360deg);
	}
}
    </style>
    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</head>
<body>
<h1>3d images gallery</h1>
  <div class="container">
    	<div id="carousel1">
			<figure><img src="https://www.facebook.com/photo.php?fbid=1759330884297286&set=piaarp.100006611734568.1737988139764894&type=3&size=960%2C720" alt="" ></figure>
			<figure><img src="https://www.facebook.com/photo.php?fbid=1759330877630620&set=piaarp.100006611734568.1737988139764894&type=3&size=1080%2C1920
" alt="" width="100%" height="40%"></figure>
			<figure><img src="https://www.facebook.com/photo.php?fbid=1737988346431540&set=piaarp.100006611734568.1737988139764894&type=3&size=720%2C960" alt="" width="100%" height="40%"></figure>
			<figure><img src="https://www.facebook.com/photo.php?fbid=1737988339764874&set=piaarp.100006611734568.1737988139764894&type=3&size=640%2C640" alt="" width="100%" height="50%"></figure>
			<figure><img src="https://www.facebook.com/photo.php?fbid=1737988343098207&set=piaarp.100006611734568.1737988139764894&type=3&size=540%2C960" alt="" width="100%" height="35%"></figure>
			<figure><img src="https://www.facebook.com/photo.php?fbid=1861965164033857&set=a.1378863575677354.1073741825.100006611734568&type=3&size=1280%2C1280" alt="" width="100%" height="50%"></figure>
			<figure><img src="https://www.facebook.com/photo.php?fbid=1855701887993518&set=a.1378863575677354.1073741825.100006611734568&type=3&size=1088%2C1088" alt="" width="100%" height="40%"></figure>
			<figure><img src="https://www.facebook.com/photo.php?fbid=1847061822190858&set=a.1378863575677354.1073741825.100006611734568&type=3&size=1920%2C1920" alt="" width="100%" height="50%"></figure>
			<figure><img src="https://www.facebook.com/photo.php?fbid=1731335557096819&set=a.1378863575677354.1073741825.100006611734568&type=3&size=720%2C720" alt="" width="100%" height="50%"></figure>
		</div>
	</div>
<script type="text/javascript">

</script>
</body>
</html>

MMCT - 2023