Permalink
Cannot retrieve contributors at this time
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
software-dev-7054cem/templates/index.html
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
113 lines (105 sloc)
4.47 KB
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"> | |
| <title>Demo</title> | |
| <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous"> | |
| </head> | |
| <body> | |
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script> | |
| <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> | |
| <div class="container-fluid"> | |
| <a class="navbar-brand" href="#">Local Council</a> | |
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> | |
| <span class="navbar-toggler-icon"></span> | |
| </button> | |
| <div class="collapse navbar-collapse" id="navbarNav"> | |
| <ul class="navbar-nav"> | |
| <li class="nav-item"> | |
| <a class="nav-link active" aria-current="page" href="#">Home</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="#">Residents</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="#">Business</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="#">Council</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="#">Healthcare</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="#">Latest News</a> | |
| </li> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="/sign-in">Staff</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="/report-issue">Report an issue</a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </nav> | |
| <div class="alert alert-primary" role="alert"> | |
| <p style="margin-left:5px">The latest government advice on Coronavirus is now available <a href="#">here</a></p> | |
| </div> | |
| <div align="center"> | |
| <div class="row"> | |
| <div class="col-sm" style="background:limegreen; padding: 25px;"> | |
| <div class="row"> | |
| <div class="col-sm"> | |
| <h5>Waste and recycling</h5> | |
| <p style="cursor:pointer">Find Bin Collection Day</p> | |
| <p style="cursor:pointer">Order bins</p> | |
| <p style="cursor:pointer">Request Garden Services</p> | |
| </div> | |
| <div class="col-sm"> | |
| <img src="https://www.blaby.gov.uk/media/1068/icon-top-wasterecycling.png" style="width:50%;" /> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-sm" style="background:orange; padding: 25px;"> | |
| <h5>Planning and Building</h5> | |
| <p style="cursor:pointer">Apply for Permission</p> | |
| <p style="cursor:pointer">Building Control</p> | |
| <p style="cursor:pointer">Search for Applications</p> | |
| </div> | |
| <div class="col-sm" style="background: #f46b73; padding: 25px;"> | |
| <h5>Your Council</h5> | |
| <p style="cursor:pointer">Jobs</p> | |
| <p style="cursor:pointer">Local Plan</p> | |
| <p style="cursor:pointer">Strategies and Plans</p> | |
| <p style="cursor:pointer">Your Councillor</p> | |
| <p style="cursor:pointer">Pay the Council</p> | |
| </div> | |
| </div> | |
| <br><br> | |
| <hr style="width:100%;" /> | |
| <div class="row"> | |
| <div class="col-sm"> | |
| <img src="https://template65567.motopreview.com/mt-demo/65500/65567/mt-content/uploads/2017/12/mt-1279-home-header-bg.jpg" /> | |
| </div> | |
| <div class="col-sm" style="width: 100%; max-width: 100%;"> | |
| <h1 style="margin-top:5%; font-size:60px; font-weight: 700;">Green Energy</h1> | |
| <h2 style="color: #333333; font-weight: 200; font-size: 60px;">For Everyone</h2> | |
| <hr style="width: 50%; border-top: 5px solid green; border-radius: 25px;" /> | |
| <br /> <br /> | |
| <p style="font-size:24px; font-weight: 300;"> | |
| We have been providing our citizens with affordable and reliable green energy solutions since our first day. | |
| With the new "Go Green" scheme, everyone can now get green energy. | |
| </p> | |
| <button type="button" class="btn btn-success btn-lg">How Do I Apply</button> | |
| </div> | |
| <div class="alert alert-success" role="alert" style="background: green;"> | |
| <h4 style="color:white;"> | |
| Green Energy is your choice for a better world, a green world. Contact us now! | |
| </h4> | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |