One Hat Cyber Team
Your IP :
216.73.216.62
Server IP :
122.155.17.190
Server :
Linux cat17190.thaihostserver.com 5.10.0-21-amd64 #1 SMP Debian 5.10.162-1 (2023-01-21) x86_64
Server Software :
Apache/2
PHP Version :
5.6.40
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
home
/
neunkho
/
public_html
/
split-screen-slideshow
/
Edit File:
index.html
<!DOCTYPE html> <html > <head> <meta charset="UTF-8"> <title>Split-screen Slideshow</title> <link href="https://fonts.googleapis.com/css?family=Reem+Kufi" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'> <link rel="stylesheet" href="css/style.css"> </head> <body> <div id="container"> <ul id="slides"> <li class="slide"> <div class="slide-partial slide-left"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/544318/forest-left.jpg"/></div> <div class="slide-partial slide-right"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/544318/forest-right.jpg"/></div> <h1 class="title"><span class="title-text">Forest</span></h1> </li> <li class="slide"> <div class="slide-partial slide-left"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/544318/mountain-left.jpg"/></div> <div class="slide-partial slide-right"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/544318/mountain-right.jpg"/></div> <h1 class="title"><span class="title-text">Mountain</span></h1> </li> <li class="slide"> <div class="slide-partial slide-left"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/544318/ocean-left.jpg"/></div> <div class="slide-partial slide-right"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/544318/ocean-right.jpg"/></div> <h1 class="title"><span class="title-text">Ocean</span></h1> </li> <li class="slide"> <div class="slide-partial slide-left"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/544318/canyon-left.jpg"/></div> <div class="slide-partial slide-right"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/544318/canyon-right.jpg"/></div> <h1 class="title"><span class="title-text">Canyon</span></h1> </li> <li class="slide"> <div class="slide-partial slide-left"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/544318/lake-left.jpg"/></div> <div class="slide-partial slide-right"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/544318/lake-right.jpg"/></div> <h1 class="title"><span class="title-text">Lake</span></h1> </li> </ul> <ul id="slide-select"> <li class="btn prev fa fa-arrow-left"></li> <li class="selector"></li> <li class="selector"></li> <li class="selector"></li> <li class="selector"></li> <li class="selector"></li> <li class="btn next fa fa-arrow-right"></li> </ul> </div><a class="codepen-link" href="http://www.codepen.io/seanfree" target="_blank"></a> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script> <script src="js/index.js"></script> </body> </html>
Simpan