Difference between revisions of "Team:Oxford/Team"

Line 29: Line 29:
 
     </header>
 
     </header>
  
−
     <section id="about">
+
     <div class="container">
−
      <div class="container">
+
−
        <div class="row">
+
−
          <div class=".col-md-8 .offset-md-2">
+
−
            <h2>Section 1</h2>
+
−
            <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>
+
−
    </section>
+
  
−
    <section id="services">
+
      <!-- Introduction Row -->
−
       <div class="container">
+
       <h1 class="my-4">About Us
−
         <div class="row">
+
         <small>It's Nice to Meet You!</small>
−
          <div class=".col-md-8 .offset-md-2 .bg-light">
+
      </h1>
−
            <h2>Section 2</h2>
+
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, explicabo dolores ipsam aliquam inventore corrupti eveniet quisquam quod totam laudantium repudiandae obcaecati ea consectetur debitis velit facere nisi expedita vel?</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>
+
−
          </div>
+
−
        </div>
+
−
      </div>
+
−
    </section>
+
  
−
    <section id="contact">
+
      <!-- Team Members Row -->
−
      <div class="container">
+
      <div class="row">
−
         <div class="row">
+
        <div class="col-lg-12">
−
           <div class=".col-md-8 .offset-md-2">
+
          <h2 class="my-4">Our Team</h2>
−
             <h2>Section 3</h2>
+
        </div>
−
            <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 class="col-lg-4 col-sm-6 text-center mb-4">
−
           </div>
+
           <img class="rounded-circle img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
 +
          <h3>John Smith
 +
            <small>Job Title</small>
 +
          </h3>
 +
          <p>What does this team member to? Keep it short! This is also a great spot for social links!</p>
 +
        </div>
 +
        <div class="col-lg-4 col-sm-6 text-center mb-4">
 +
          <img class="rounded-circle img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
 +
          <h3>John Smith
 +
             <small>Job Title</small>
 +
          </h3>
 +
          <p>What does this team member to? Keep it short! This is also a great spot for social links!</p>
 +
        </div>
 +
        <div class="col-lg-4 col-sm-6 text-center mb-4">
 +
          <img class="rounded-circle img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
 +
          <h3>John Smith
 +
            <small>Job Title</small>
 +
          </h3>
 +
          <p>What does this team member to? Keep it short! This is also a great spot for social links!</p>
 +
        </div>
 +
        <div class="col-lg-4 col-sm-6 text-center mb-4">
 +
          <img class="rounded-circle img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
 +
          <h3>John Smith
 +
            <small>Job Title</small>
 +
          </h3>
 +
          <p>What does this team member to? Keep it short! This is also a great spot for social links!</p>
 +
        </div>
 +
        <div class="col-lg-4 col-sm-6 text-center mb-4">
 +
           <img class="rounded-circle img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
 +
          <h3>John Smith
 +
            <small>Job Title</small>
 +
          </h3>
 +
          <p>What does this team member to? Keep it short! This is also a great spot for social links!</p>
 +
        </div>
 +
        <div class="col-lg-4 col-sm-6 text-center mb-4">
 +
          <img class="rounded-circle img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
 +
          <h3>John Smith
 +
            <small>Job Title</small>
 +
          </h3>
 +
          <p>What does this team member to? Keep it short! This is also a great spot for social links!</p>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
    </section>
 
  
 +
    </div>
 
     <!-- Footer -->
 
     <!-- Footer -->
  

Revision as of 09:31, 31 August 2018

Full Width Pics - Start Bootstrap Template

Team

About Us It's Nice to Meet You!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, explicabo dolores ipsam aliquam inventore corrupti eveniet quisquam quod totam laudantium repudiandae obcaecati ea consectetur debitis velit facere nisi expedita vel?

Our Team

John Smith Job Title

What does this team member to? Keep it short! This is also a great spot for social links!

John Smith Job Title

What does this team member to? Keep it short! This is also a great spot for social links!

John Smith Job Title

What does this team member to? Keep it short! This is also a great spot for social links!

John Smith Job Title

What does this team member to? Keep it short! This is also a great spot for social links!

John Smith Job Title

What does this team member to? Keep it short! This is also a great spot for social links!

John Smith Job Title

What does this team member to? Keep it short! This is also a great spot for social links!