Created
September 17, 2022 15:29
-
-
Save skolo-online/a37a98170f144feeb10627e4f892b84d to your computer and use it in GitHub Desktop.
Landing Page Index File
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>Skolo Online</title> | |
| <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <div id="main-page" class=""> | |
| <h1 class="mt-3 mb-3">Let us build your website!</h1> | |
| <hr> | |
| <form action="#" method="post"> | |
| {% csrf_token %} | |
| <div class="mb-3"> | |
| <label class="form-label">Business Name</label> | |
| <input type="text" name="businessName" class="form-control" placeholder="Enter Name of Business" required> | |
| </div> | |
| <div class="mb-3"> | |
| <label class="form-label">Business Details</label> | |
| <input type="text" name="businessDo" class="form-control" placeholder="What does your Business Do?" required> | |
| </div> | |
| <button id="get-website-content" type="submit" class="btn btn-primary" >GET WEBSITE CONTENT</button> | |
| </form> | |
| </div> | |
| <div id="loading-page" class=""> | |
| <div class="row"> | |
| <div class="col-lg-3"></div> | |
| <div class="col-lg-6"> | |
| <h1 class="mt-3 mb-3">We are working on your content!</h1> | |
| <p class="lead">Do not refresh the page!</p> | |
| <br> | |
| <div style="width:100%;height:0;padding-bottom:100%;position:relative;"> | |
| <iframe src="https://giphy.com/embed/l3nWhI38IWDofyDrW" width="100%" height="100%" style="position:absolute" frameBorder="0" class="giphy-embed" allowFullScreen></iframe> | |
| </div> | |
| <p><a href="https://giphy.com/gifs/thinking-l3nWhI38IWDofyDrW">via GIPHY</a> | |
| </p> | |
| </div> | |
| <div class="col-lg-3"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script> | |
| <script src="https://code.jquery.com/jquery-3.6.1.min.js" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script> | |
| <script> | |
| $(document).ready(function() { | |
| $("#loading-page").hide(); | |
| }); | |
| $("#get-website-content").click(function() { | |
| $("#main-page").hide(); | |
| $("#loading-page").show(); | |
| }); | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment