Difference between revisions of "Team:Oxford"

Line 9: Line 9:
 
     <meta name="author" content="">
 
     <meta name="author" content="">
  
−
     <title>Scrolling Nav - Start Bootstrap Template</title>
+
     <title>Full Width Pics - Start Bootstrap Template</title>
  
 
     <!-- Bootstrap core CSS -->
 
     <!-- Bootstrap core CSS -->
Line 15: Line 15:
  
 
     <!-- Custom styles for this template -->
 
     <!-- Custom styles for this template -->
−
     <link href="css/scrolling-nav.css" rel="stylesheet">
+
     <link href="css/full-width-pics.css" rel="stylesheet">
  
 
   </head>
 
   </head>
  
−
     <header class="bg-primary text-white">
+
  <body>
−
      <div class="container text-center">
+
 
−
        <h1>Welcome to Scrolling Nav</h1>
+
    <!-- Header - set the background image for the header in the line below -->
−
        <p class="lead">A landing page template freshly redesigned for Bootstrap 4</p>
+
     <header class="py-5 bg-image-full" style="background-image: url('https://media.istockphoto.com/photos/green-turquoise-wall-background-picture-id614848416?k=6&m=614848416&s=612x612&w=0&h=EAI75hD3sCfZ7kCTK5fTd07oyddtoDJKdCreJClE540=');">
−
      </div>
+
      <div style="height: 500px;"></div>
 
     </header>
 
     </header>
  
−
     <section id="about">
+
    <!-- Content section -->
 +
     <section>
 
       <div class="container">
 
       <div class="container">
−
         <div class="row">
+
         <h1>Section Heading</h1>
−
          <div class="col-lg-8 mx-auto">
+
        <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
−
            <h2>About this page</h2>
+
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, suscipit, rerum quos facilis repellat architecto commodi officia atque nemo facere eum non illo voluptatem quae delectus odit vel itaque amet.</p>
−
            <p class="lead">This is a great place to talk about your webpage. This template is purposefully unstyled so you can use it as a boilerplate or starting point for you own landing page designs! This template features:</p>
+
−
            <ul>
+
−
              <li>Clickable nav links that smooth scroll to page sections</li>
+
−
              <li>Responsive behavior when clicking nav links perfect for a one page website</li>
+
−
              <li>Bootstrap's scrollspy feature which highlights which section of the page you're on in the navbar</li>
+
−
              <li>Minimal custom CSS so you are free to explore your own unique design options</li>
+
−
            </ul>
+
−
          </div>
+
−
        </div>
+
 
       </div>
 
       </div>
 
     </section>
 
     </section>
  
−
     <section id="services" class="bg-light">
+
     <!-- Content section -->
−
      <div class="container">
+
    <section>
−
        <div class="row">
+
      <div class="container container-2">
−
          <div class="col-lg-8 mx-auto">
+
        <h1>Section Heading</h1>
−
            <h2>Services we offer</h2>
+
        <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
−
            <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut optio velit inventore, expedita quo laboriosam possimus ea consequatur vitae, doloribus consequuntur ex. Nemo assumenda laborum vel, labore ut velit dignissimos.</p>
+
         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, suscipit, rerum quos facilis repellat architecto commodi officia atque nemo facere eum non illo voluptatem quae delectus odit vel itaque amet.</p>
−
          </div>
+
−
         </div>
+
−
      </div>
+
−
    </section>
+
−
 
+
−
    <section id="contact">
+
−
      <div class="container">
+
−
        <div class="row">
+
−
          <div class="col-lg-8 mx-auto">
+
−
            <h2>Contact us</h2>
+
−
            <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero odio fugiat voluptatem dolor, provident officiis, id iusto! Obcaecati incidunt, qui nihil beatae magnam et repudiandae ipsa exercitationem, in, quo totam.</p>
+
−
          </div>
+
−
        </div>
+
 
       </div>
 
       </div>
 
     </section>
 
     </section>
Line 68: Line 47:
 
     <footer class="py-5 bg-dark">
 
     <footer class="py-5 bg-dark">
 
       <div class="container">
 
       <div class="container">
−
         <p class="m-0 text-center text-white">Copyright &copy; Your Website 2017</p>
+
         <p class="m-0 text-center text-white">Copyright &copy; Your Website 2018</p>
 
       </div>
 
       </div>
 
       <!-- /.container -->
 
       <!-- /.container -->
Line 76: Line 55:
 
     <script src="vendor/jquery/jquery.min.js"></script>
 
     <script src="vendor/jquery/jquery.min.js"></script>
 
     <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
 
     <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
−
 
−
    <!-- Plugin JavaScript -->
 
−
    <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
 
−
 
−
    <!-- Custom JavaScript for this theme -->
 
−
    <script src="js/scrolling-nav.js"></script>
 
  
 
   </body>
 
   </body>
  
 
</html>
 
</html>

Revision as of 22:29, 19 August 2018

Full Width Pics - Start Bootstrap Template

Section Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, suscipit, rerum quos facilis repellat architecto commodi officia atque nemo facere eum non illo voluptatem quae delectus odit vel itaque amet.

Section Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, suscipit, rerum quos facilis repellat architecto commodi officia atque nemo facere eum non illo voluptatem quae delectus odit vel itaque amet.

Copyright © Your Website 2018