slides.html

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Plasma Customizations</title>
    <link rel="stylesheet" href="./bootstrap.min.css">
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <div class="container">
        <div class="w-90 mx-auto my-3 text-center">
            <h1>Plasma Customizations</h1>
            <hr>
            <div class="slideshow">
                <div class="slides">
                    <div class="slide active">
                        <img src="./images/Screenshot_sddm.png" alt="Login Theme.">
                         <div>Plasma Login Theme</div>
                    </div>
                    <div class="slide">
                        <img src="./images/desktop.png" alt="Plasma Desktop.">
                         <div>Plasma Desktop Theme</div>
                    </div>
                    <div class="slide">
                        <img src="./images/desktop2.png" alt="Plasma Desktop Menu.">
                         <div> Plasma Menu </div>
                    </div>
                    <div class="slide">
                        <img src="./images/Screenshot_20211017_154010.png" alt="Desktop Activities Media.">
                            <div>Plasma Activities Media Player</div>
                    </div>
                    <div class="slide">
                        <img src="./images/Screenshot_20211017_154639.png" alt="Custom LockScreen.">
                         <div>Plasma Custom Lockscreen</div>
                    </div>
                    <div class="slide">
                        <img src="./images/Screenshot_20211017_154629.png" alt="Custom LockScreen.">
                         <div>Plasma Custom Lockscreen UI</div>
                    </div>
                    <span class="prev">&#10094;</span>
                    <span class="next">&#10095;</span>
                </div>

                <div class="points">
                    <span class="active"></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
        </div>
    </div>
    <script src="./script.js"></script>
  <div class="footer">
      <p><a href="https://github.com/txhammer68" target="_blank"><img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" width="32">  TxHammer68</p>
</div>
</body>
</html>