Difference between revisions of "Team:Oxford"

Line 1: Line 1:
 
{{Oxford}}
 
{{Oxford}}
  
−
<html>
+
<html lang="en">
  
−
<body style="text-align:center;" style="font-family:arial">
+
  <head>
  
−
<h1>Project overview</h1>
+
    <meta charset="utf-8">
−
<br>
+
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
  
−
  <p></p> <br> <br>
+
    <title>Heroic Features - Start Bootstrap Template</title>
  
−
<p><b></b></p>
+
    <!-- Bootstrap core CSS -->
 +
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  
−
</body>
+
    <!-- Custom styles for this template -->
 +
    <link href="css/heroic-features.css" rel="stylesheet">
 +
 
 +
  </head>
 +
 
 +
  <body>
 +
 
 +
    <!-- Navigation -->
 +
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
 +
      <div class="container">
 +
        <a class="navbar-brand" href="#">Start Bootstrap</a>
 +
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
 +
          <span class="navbar-toggler-icon"></span>
 +
        </button>
 +
        <div class="collapse navbar-collapse" id="navbarResponsive">
 +
          <ul class="navbar-nav ml-auto">
 +
            <li class="nav-item active">
 +
              <a class="nav-link" href="#">Home
 +
                <span class="sr-only">(current)</span>
 +
              </a>
 +
            </li>
 +
            <li class="nav-item">
 +
              <a class="nav-link" href="#">About</a>
 +
            </li>
 +
            <li class="nav-item">
 +
              <a class="nav-link" href="#">Services</a>
 +
            </li>
 +
            <li class="nav-item">
 +
              <a class="nav-link" href="#">Contact</a>
 +
            </li>
 +
          </ul>
 +
        </div>
 +
      </div>
 +
    </nav>
 +
 
 +
    <!-- Page Content -->
 +
    <div class="container">
 +
 
 +
      <!-- Jumbotron Header -->
 +
      <header class="jumbotron my-4">
 +
        <h1 class="display-3">A Warm Welcome!</h1>
 +
        <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, ipsam, eligendi, in quo sunt possimus non incidunt odit vero aliquid similique quaerat nam nobis illo aspernatur vitae fugiat numquam repellat.</p>
 +
        <a href="#" class="btn btn-primary btn-lg">Call to action!</a>
 +
      </header>
 +
 
 +
      <!-- Page Features -->
 +
      <div class="row text-center">
 +
 
 +
        <div class="col-lg-3 col-md-6 mb-4">
 +
          <div class="card">
 +
            <img class="card-img-top" src="http://placehold.it/500x325" alt="">
 +
            <div class="card-body">
 +
              <h4 class="card-title">Card title</h4>
 +
              <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente esse necessitatibus neque.</p>
 +
            </div>
 +
            <div class="card-footer">
 +
              <a href="#" class="btn btn-primary">Find Out More!</a>
 +
            </div>
 +
          </div>
 +
        </div>
 +
 
 +
        <div class="col-lg-3 col-md-6 mb-4">
 +
          <div class="card">
 +
            <img class="card-img-top" src="http://placehold.it/500x325" alt="">
 +
            <div class="card-body">
 +
              <h4 class="card-title">Card title</h4>
 +
              <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo magni sapiente, tempore debitis beatae culpa natus architecto.</p>
 +
            </div>
 +
            <div class="card-footer">
 +
              <a href="#" class="btn btn-primary">Find Out More!</a>
 +
            </div>
 +
          </div>
 +
        </div>
 +
 
 +
        <div class="col-lg-3 col-md-6 mb-4">
 +
          <div class="card">
 +
            <img class="card-img-top" src="http://placehold.it/500x325" alt="">
 +
            <div class="card-body">
 +
              <h4 class="card-title">Card title</h4>
 +
              <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente esse necessitatibus neque.</p>
 +
            </div>
 +
            <div class="card-footer">
 +
              <a href="#" class="btn btn-primary">Find Out More!</a>
 +
            </div>
 +
          </div>
 +
        </div>
 +
 
 +
        <div class="col-lg-3 col-md-6 mb-4">
 +
          <div class="card">
 +
            <img class="card-img-top" src="http://placehold.it/500x325" alt="">
 +
            <div class="card-body">
 +
              <h4 class="card-title">Card title</h4>
 +
              <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo magni sapiente, tempore debitis beatae culpa natus architecto.</p>
 +
            </div>
 +
            <div class="card-footer">
 +
              <a href="#" class="btn btn-primary">Find Out More!</a>
 +
            </div>
 +
          </div>
 +
        </div>
 +
 
 +
      </div>
 +
      <!-- /.row -->
 +
 
 +
    </div>
 +
    <!-- /.container -->
 +
 
 +
    <!-- Footer -->
 +
    <footer class="py-5 bg-dark">
 +
      <div class="container">
 +
        <p class="m-0 text-center text-white">Copyright &copy; Your Website 2018</p>
 +
      </div>
 +
      <!-- /.container -->
 +
    </footer>
 +
 
 +
    <!-- Bootstrap core JavaScript -->
 +
    <script src="vendor/jquery/jquery.min.js"></script>
 +
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
 +
 
 +
  </body>
  
 
</html>
 
</html>

Revision as of 09:17, 19 August 2018

Heroic Features - Start Bootstrap Template

A Warm Welcome!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, ipsam, eligendi, in quo sunt possimus non incidunt odit vero aliquid similique quaerat nam nobis illo aspernatur vitae fugiat numquam repellat.

Call to action!

Card title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente esse necessitatibus neque.

Find Out More!

Card title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo magni sapiente, tempore debitis beatae culpa natus architecto.

Find Out More!

Card title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente esse necessitatibus neque.

Find Out More!

Card title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo magni sapiente, tempore debitis beatae culpa natus architecto.

Find Out More!

Copyright © Your Website 2018