diff options
| -rw-r--r-- | index.html | 71 |
1 files changed, 71 insertions, 0 deletions
@@ -0,0 +1,71 @@ +<!DOCTYPE html> + +<html> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> + <link rel="title icon" type="image/png" href="./images/title-img.png"> + <link rel="stylesheet" href="./css/bootstrap.css"> + + <script src="fontawesome-free-5.15.4-web/js/all.js" charset="utf-8"></script> + <title>Pure bootstrap Website</title> + </head> + + <body> + <!-- + <nav class="navbar navbar-expand-md navbar-light bg-dark fixed-top"> + <a href="#" class="navbar-brand"><i class="fas fa-child text-warning fa-2x"></i></a> + <button type="button" class="navbar-toggler bg-light" data-toggle="collapse" data-target="#nav"><span class="navbar-toggler-icon "></span></button> + + <div class="collapse navbar-collapse justify-content-between" id="nav"> + <ul class="navbar-nav"> + <li class="nav-item"><a class="nav-link text-light text-uppercase font-weight-bold px-3" href="#">Home</a></li> + <li class"nav-item"><a class="nav-link text-light text-uppercase font-weight-bold px-3" href="#">Skills</a></li> + <li class="nav-item dropdown"><a data-toggle="dropdown"class="nav-link text-light text-uppercase font-weight-bold px-3 dropdown-toggle" href="#">Projects</a> + <div class="dropdown-menu"> + <a class="dropdown-item" href="#">Project 1</a> + <a class="dropdown-item" href="#">Project 2</a> + <a class="dropdown-item" href="#">Project 3</a> + <a class="dropdown-item" href="#">Project 4</a> + </div> + + </li> + <li class="nav-item"><a class="nav-link text-light text-uppercase font-weight-bold px-3" href="#">Team</a></li> + <li class="nav-item"><a class="nav-link text-light text-uppercase font-weight-bold px-3" href="#">Contact</a></li> + </ul> + + <form class="form-inline ml-3"> + <div class="input-group"> + <input class="form-control" type="text" placeholder="Search"> + <div class="input-group-append"> + <button class="btn btn-light" type="button"><i class="fas fa-search text-muted"></i></input> + </div> + </div> + + </form> + </div> + </nav> + --> + <!-- Banner --> + + <section> + <div class="container-fluid"> + <div class="row bg-info justify-content-center align-items-center" style="height: 100vh"> + <div class="col-sm-10 text-center"> + <h1 class="display-2 text-capitalize"><span class="text-warning">Patins</span><br> + <span class="text-white font-weight-bold"><u>InLine</u></span></h1> + </div> + </div> + </div> + + </section> + <!-- end banner--> + + + <!-- Optional JavaScript; choose one of the two! --> + <script src="js/popper.min.js" charset="utf-8"></script> + <script src="js/jquery.min.js" charset="utf-8"></script> + + <script src="js/bootstrap.bundle.js" charset="utf-8"></script> + </body> +</html> |