Simple Website Login PHP
Simple Website Login PHP
HTML CODE BELOW
| <!DOCTYPE html> | |
| <html lang="en" > | |
| <!-- End code --> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Joshua's Localhosted Site</title> | |
| <link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Open+Sans:600'> | |
| <link rel="stylesheet" href="./assets/css/style1.css"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <body> | |
| <div class="header"> | |
| <a href="/app/index.html" class="logo">Hash Programing Login </a> | |
| <div class="header-right"> | |
| <a class="active" href="/app/index.html">Home</a> | |
| <a href="/phpmyadmin">phpMyAdmin</a> | |
| <a href="./Servers/">Servers</a> | |
| </div> | |
| </div> | |
| </head> | |
| <br /><br /><br /> | |
| <br /><br /><br /> | |
| <div class="login-wrap"> | |
| <div class="login-html"> | |
| <input id="tab-1" type="radio" name="tab" class="sign-in" checked><label for="tab-1" class="tab">Sign In</label> | |
| <input id="tab-2" type="radio" name="tab" class="sign-up"><label for="tab-2" class="tab">Sign Up</label> | |
| <div class="login-form"> | |
| <form class="sign-in-htm" action="./api/user/login.php" method="GET"> | |
| <div class="group"> | |
| <label for="user" class="label">Username</label> | |
| <input id="username" name="username" type="text" class="input"> | |
| </div> | |
| <div class="group"> | |
| <label for="pass" class="label">Password</label> | |
| <input id="password" name="password" type="password" class="input" data-type="password"> | |
| </div> | |
| <div class="group"> | |
| <input id="check" type="checkbox" class="check" checked> | |
| <label for="check"><span class="icon"></span> Keep me Signed in</label> | |
| </div> | |
| <div class="group"> | |
| <input type="submit" class="button" value="Sign In"> | |
| </div> | |
| <div class="hr"></div> | |
| <div class="foot-lnk"> | |
| <a href="#forgot">Forgot Password?</a> | |
| </div> | |
| </form> | |
| <form class="sign-up-htm" action="./api/user/signup.php" method="POST"> | |
| <div class="group"> | |
| <label for="user" class="label">Username</label> | |
| <input id="username" name="username" type="text" class="input"> | |
| </div> | |
| <div class="group"> | |
| <label for="pass" class="label">Password</label> | |
| <input id="password" name="password" type="password" class="input" data-type="password"> | |
| </div> | |
| <div class="group"> | |
| <label for="pass" class="label">Confirm Password</label> | |
| <input id="pass" type="password" class="input" data-type="password"> | |
| </div> | |
| <div class="group"> | |
| <input type="submit" class="button" value="Sign Up"> | |
| </div> | |
| <div class="hr"></div> | |
| <div class="foot-lnk"> | |
| <label for="tab-1">Already Member?</a> | |
| </div> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- End code --> | |
| <br /><br /><br /> | |
| <br /><br /><br /> | |
| <br /><br /><br /> | |
| <br /><br /><br /> | |
| <br /><br /><br /> | |
| <br /><br /><br /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| </head> | |
| <body> | |
| <div class="slideshow-container"> | |
| <div class="mySlides fade"> | |
| <div class="numbertext">1 / 3</div> | |
| <img src="/app/assets/images/1.jpg" style="width:100%"> | |
| <div class="text">Rog - Republic of Gamers</div> | |
| </div> | |
| <div class="mySlides fade"> | |
| <div class="numbertext">2 / 3</div> | |
| <img src="/app/assets/images/2.jpg" style="width:100%"> | |
| <div class="text">Anonymous</div> | |
| </div> | |
| <div class="mySlides fade"> | |
| <div class="numbertext">3 / 3</div> | |
| <img src="/app/assets/images/dv.jpg" style="width:100%"> | |
| <div class="text">Developer</div> | |
| </div> | |
| <a class="prev" onclick="plusSlides(-1)">❮</a> | |
| <a class="next" onclick="plusSlides(1)">❯</a> | |
| </div> | |
| <br> | |
| <div style="text-align:center"> | |
| <span class="dot" onclick="currentSlide(1)"></span> | |
| <span class="dot" onclick="currentSlide(2)"></span> | |
| <span class="dot" onclick="currentSlide(3)"></span> | |
| </div> | |
| <script> | |
| var slideIndex = 1; | |
| showSlides(slideIndex); | |
| function plusSlides(n) { | |
| showSlides(slideIndex += n); | |
| } | |
| function currentSlide(n) { | |
| showSlides(slideIndex = n); | |
| } | |
| function showSlides(n) { | |
| var i; | |
| var slides = document.getElementsByClassName("mySlides"); | |
| var dots = document.getElementsByClassName("dot"); | |
| if (n > slides.length) {slideIndex = 1} | |
| if (n < 1) {slideIndex = slides.length} | |
| for (i = 0; i < slides.length; i++) { | |
| slides[i].style.display = "none"; | |
| } | |
| for (i = 0; i < dots.length; i++) { | |
| dots[i].className = dots[i].className.replace(" active", ""); | |
| } | |
| slides[slideIndex-1].style.display = "block"; | |
| dots[slideIndex-1].className += " active"; | |
| } | |
| </script> | |
| <!-- End code--> | |
| <br /><br /><br /> | |
| <br /><br /><br /> | |
| <br /><br /><br /> | |
| <br /><br /><br /> | |
| <br /><br /><br /> | |
| <br /><br /><br /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <body> | |
| <div class="navbar"> | |
| <p align="center"> </p> | |
| </div> | |
| <!-- End code--> | |
| </body> | |
| </html> |

Comments
Post a Comment