| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
|     <meta charset="utf-8"> | |
|     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
|     <title>Home - GitHub Graphs</title> | |
|     <link rel="icon" href="./favicon.ico" type="image/x-icon" /> | |
|     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" /> | |
|     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> | |
|     <link rel="stylesheet" href="./style.css" /> | |
|     <script src="https://code.jquery.com/jquery-3.3.1.min.js" | |
|             integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" | |
|             crossorigin="anonymous"> | |
|     </script> | |
|     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" | |
|             integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" | |
|             crossorigin="anonymous"> | |
|     </script> | |
| </head> | |
| <body class="home-page"> | |
|     <nav class="navbar navbar-dark bg-dark navbar-expand-md"> | |
|         <a class="navbar-brand" href="/"><img src="img/githubgraph-logo.svg" alt=""></a> | |
|         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-menu" aria-controls="main-menu" aria-expanded="false" aria-label="Toggle navigation"> | |
|             <span class="navbar-toggler-icon"></span> | |
|         </button> | |
|         <div id="main-menu" class="collapse navbar-collapse"> | |
|             <ul class="navbar-nav flex-fill justify-content-end"> | |
|                 <li class="nav-item"> | |
|                     <a class="nav-link" href="./GraphGenerator.html">Generate graphs</a> | |
|                 </li> | |
|                 <li class="nav-item"> | |
|                     <a class="nav-link" href="https://github.com/jrtechs/github-graphs/">View on GitHub</a> | |
|                 </li> | |
|                 <li class="nav-item"> | |
|                     <a class="nav-link" href="./about.html">About</a> | |
|                 </li> | |
|             </ul> | |
|         </div> | |
|     </nav> | |
| 
 | |
|     <div class="main text-white"> | |
|         <div class="container"> | |
|             <div class="row align-items-center"> | |
|                 <div class="col-lg-6"> | |
|                     <div class="py-5"> | |
|                         <h1 class="mb-3 font-weight-bold">What can I do here?</h1> | |
|                         <p> | |
|                             Head over to the 'Generate graphs' page and enter | |
|                             the username of a GitHub user. You can then select | |
|                             what kind of graph to generate based on that user. | |
|                         </p> | |
|                         <p> | |
|                             If you'd like to see how everything works, follow | |
|                             the link to GitHub, where you can view everything | |
|                             that went into making this functional. | |
|                         </p> | |
|                         <p> | |
|                             If you're interested in knowing more about this | |
|                             project, additional information can be found on | |
|                             the About page. | |
|                         </p> | |
|                     </div> | |
|                     <div class="py-5"> | |
|                         <a href="./GraphGenerator.html" class="btn btn-lg btn-primary mr-2">Make a graph</a> | |
|                         <a href="https://github.com/jrtechs/github-graphs/" target="_blank" class="btn btn-lg btn-secondary">View on Github</a> | |
|                     </div> | |
|                 </div> | |
|                 <div class="col-lg-6"> | |
|                     <img src="img/home-image.png" alt="" class="img-fluid d-lg-none"> | |
|                 </div> | |
|             </div> | |
|         </div> | |
|     </div> | |
| </body> | |
| </html>
 |