forked from nathanbirch/html-template
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
6 changed files
with
620 additions
and
11 deletions.
There are no files selected for viewing
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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,121 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>About</title> | ||
| <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> | ||
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"> | ||
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> | ||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script> | ||
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> | ||
| <script src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"> | ||
| <link href="style.css" rel="stylesheet"> | ||
| </head> | ||
|
|
||
| <body> | ||
|
|
||
| <!-- Navigation --> | ||
| <nav class="navbar navbar-expand-md navbar-light bg-light sticky-top"> | ||
| <div class="container-fluid"> | ||
| <a class="navbar-brand" href="#"><img src="img/logo6.jpg"></a> | ||
| <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive"> | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
| <div class="collapse navbar-collapse" id="navbarResponsive"> | ||
| <ul class="navbar-nav ml-auto"> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="./index.html">Home</a> | ||
| </li> | ||
| <li class="nav-item active"> | ||
| <a class="nav-link" href="./about.html">About</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="./services.html">Services</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="./team.html">Team</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="./connect.html">Connect</a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
|
|
||
| <!--- Two Column Section --> | ||
| <div class="container-fluid padding" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" | ||
| data-aos-duration="1000"> | ||
| <div class="row padding"> | ||
| <div class="col-md-12 col-lg-6"> | ||
| <h2>Our Philosophy</h2> | ||
| <p>We know that greatness in a disruptive era requires bold | ||
| ambition, curious talent and a culture that believes we're | ||
| smarter together.</p> | ||
| <p>We approach every challenge holistically, with best-in-class | ||
| expertise in data, creativity, media, technology, search, social and | ||
| more. We call this Alchemy. It has the power to build our clients' | ||
| brands and transform their business. And white it may seem like | ||
| magic, we've got it down to a science. | ||
| </p> | ||
|
|
||
| </div> | ||
| <div class="col-lg-6"> | ||
| <img src="img/bootstrap2.png" class="img-fluid"> | ||
| </div> | ||
| </div> | ||
| <hr class="my-4"> | ||
| </div> | ||
|
|
||
| <!--- Footer --> | ||
| <footer> | ||
| <div class="container-fluid padding" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" | ||
| data-aos-duration="1000"> | ||
| <div class="row text-center"> | ||
| <div class="col-md-4 pt-0"> | ||
| <div class="footer-image"> | ||
| <img src="img/logo6.jpg"> | ||
| </div> | ||
| <hr class="light"> | ||
| <p>555-555-5555</p> | ||
| <p>email@hhemail.com</p> | ||
| <p>69 Street Name</p> | ||
| <p>City, State, 888</p> | ||
| </div> | ||
| <div class="col-md-4"> | ||
| <hr class="light"> | ||
| <h5>Our hours</h5> | ||
| <hr class="light"> | ||
| <p>Monday: 9am - 5pm</p> | ||
| <p>Saturday: 10am - 4pm</p> | ||
| <p>Sunday: Closed</p> | ||
| </div> | ||
| <div class="col-md-4"> | ||
| <hr class="light"> | ||
| <h5>Service Area</h5> | ||
| <hr class="light"> | ||
| <p>City, State, 900</p> | ||
| <p>City, State, 800</p> | ||
| <p>City, State, 700</p> | ||
| <p>City, State, 600</p> | ||
| </div> | ||
| <div class="col-12"> | ||
| <hr class="light-100"> | ||
| <h5>© Website Learning </h5> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </footer> | ||
|
|
||
| <script src="https://unpkg.com/aos@next/dist/aos.js"></script> | ||
| <script> | ||
| AOS.init(); | ||
| </script> | ||
|
|
||
| </body> | ||
|
|
||
| </html> |
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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,113 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>About</title> | ||
| <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> | ||
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"> | ||
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> | ||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script> | ||
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> | ||
| <script src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"> | ||
| <link href="style.css" rel="stylesheet"> | ||
| </head> | ||
|
|
||
| <body> | ||
|
|
||
| <!-- Navigation --> | ||
| <nav class="navbar navbar-expand-md navbar-light bg-light sticky-top"> | ||
| <div class="container-fluid"> | ||
| <a class="navbar-brand" href="#"><img src="img/logo6.jpg"></a> | ||
| <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive"> | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
| <div class="collapse navbar-collapse" id="navbarResponsive"> | ||
| <ul class="navbar-nav ml-auto"> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="./index.html">Home</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="./about.html">About</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="./services.html">Services</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="./team.html">Team</a> | ||
| </li> | ||
| <li class="nav-item active"> | ||
| <a class="nav-link" href="./connect.html">Connect</a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
|
|
||
| <!--- Connect --> | ||
| <div class="container-fluid padding"> | ||
| <div class="row text-center padding"> | ||
| <div class="col-12"> | ||
| <h2>Connect</h2> | ||
| </div> | ||
| <div class="col-12 social padding"> | ||
| <a href="#"><i class="fab fa-facebook"></i></a> | ||
| <a href="#"><i class="fab fa-twitter"></i></a> | ||
| <a href="#"><i class="fab fa-google-plus-g"></i></a> | ||
| <a href="#"><i class="fab fa-instagram"></i></a> | ||
| <a href="#"><i class="fab fa-youtube"></i></a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!--- Footer --> | ||
| <footer> | ||
| <div class="container-fluid padding" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" | ||
| data-aos-duration="1000"> | ||
| <div class="row text-center"> | ||
| <div class="col-md-4 pt-0"> | ||
| <div class="footer-image"> | ||
| <img src="img/logo6.jpg"> | ||
| </div> | ||
| <hr class="light"> | ||
| <p>555-555-5555</p> | ||
| <p>email@hhemail.com</p> | ||
| <p>69 Street Name</p> | ||
| <p>City, State, 888</p> | ||
| </div> | ||
| <div class="col-md-4"> | ||
| <hr class="light"> | ||
| <h5>Our hours</h5> | ||
| <hr class="light"> | ||
| <p>Monday: 9am - 5pm</p> | ||
| <p>Saturday: 10am - 4pm</p> | ||
| <p>Sunday: Closed</p> | ||
| </div> | ||
| <div class="col-md-4"> | ||
| <hr class="light"> | ||
| <h5>Service Area</h5> | ||
| <hr class="light"> | ||
| <p>City, State, 900</p> | ||
| <p>City, State, 800</p> | ||
| <p>City, State, 700</p> | ||
| <p>City, State, 600</p> | ||
| </div> | ||
| <div class="col-12"> | ||
| <hr class="light-100"> | ||
| <h5>© Website Learning </h5> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </footer> | ||
|
|
||
| <script src="https://unpkg.com/aos@next/dist/aos.js"></script> | ||
| <script> | ||
| AOS.init(); | ||
| </script> | ||
|
|
||
| </body> | ||
|
|
||
| </html> |
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
Oops, something went wrong.