cards - PHP Online
Form of PHP Sandbox
*** This page was generated with the meta tag "noindex, nofollow". This happened because you selected this option before saving or the system detected it as spam. This means that this page will never get into the search engines and the search bot will not crawl it. There is nothing to worry about, you can still share it with anyone.
Enter Your PHP code here for testing/debugging in the Online PHP Sandbox. As in the usual PHP files, you can also add HTML, but do not forget to add the tag <?php
in the places where the PHP script should be executed.
Result of php executing
Full code of cards.php
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8" />
- <title>Javascript Card Slider Template</title>
- <script src="https://unpkg.co/gsap@3/dist/gsap.min.js"></script>
- <link rel="stylesheet" href="styles.css" />
- </head>
- <body>
- <div class='cards-wrapper'>
- <div class='cards'>
- <button class='card card1' tabindex="-1">
- <h2>1</h2>
- </button>
- <button class='card card2' tabindex="-1">
- <h2>2</h2>
- </button>
- <button class='card card4' tabindex="-1">
- <h2>3</h2>
- </button>
- <button class='card card5' tabindex="-1">
- <h2>4</h2>
- </button>
- </div>
- <button class="arrow-btn arrow-btn-prev" tabindex="0">
- <svg viewBox="0 0 256 512">
- <path d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z" />
- </svg>
- </button>
- <button class="arrow-btn arrow-btn-next" tabindex="0">
- <svg viewBox="0 0 256 512">
- <path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z" />
- </svg>
- </button>
- </div>
- <script src="main.js"></script>
- </body>
- </html>