Difference between revisions of "Team:Melbourne/Team"

Line 86: Line 86:
  
 
<body>
 
<body>
 +
<div class="row">
 +
  <div class="column">
 +
    <div class="card">
 +
      <img src="img1.jpg" alt="Jane" style="width:100%">
 +
      <div class="container">
 +
        <h2>Jane Doe</h2>
 +
        <p class="title">CEO &amp; Founder</p>
 +
        <p>Some text that describes me lorem ipsum ipsum lorem.</p>
 +
        <p>example@example.com</p>
 +
        <p><button class="button">Contact</button></p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 +
  <div class="column">
 +
    <div class="card">
 +
      <img src="img2.jpg" alt="Mike" style="width:100%">
 +
      <div class="container">
 +
        <h2>Mike Ross</h2>
 +
        <p class="title">Art Director</p>
 +
        <p>Some text that describes me lorem ipsum ipsum lorem.</p>
 +
        <p>example@example.com</p>
 +
        <p><button class="button">Contact</button></p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 +
  <div class="column">
 +
    <div class="card">
 +
      <img src="img3.jpg" alt="John" style="width:100%">
 +
      <div class="container">
 +
        <h2>John Doe</h2>
 +
        <p class="title">Designer</p>
 +
        <p>Some text that describes me lorem ipsum ipsum lorem.</p>
 +
        <p>example@example.com</p>
 +
        <p><button class="button">Contact</button></p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<div class="row">
 +
  <div class="column">
 +
    <div class="card">
 +
      <img src="img1.jpg" alt="Jane" style="width:100%">
 +
      <div class="container">
 +
        <h2>Jane Doe</h2>
 +
        <p class="title">CEO &amp; Founder</p>
 +
        <p>Some text that describes me lorem ipsum ipsum lorem.</p>
 +
        <p>example@example.com</p>
 +
        <p><button class="button">Contact</button></p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 +
  <div class="column">
 +
    <div class="card">
 +
      <img src="img2.jpg" alt="Mike" style="width:100%">
 +
      <div class="container">
 +
        <h2>Mike Ross</h2>
 +
        <p class="title">Art Director</p>
 +
        <p>Some text that describes me lorem ipsum ipsum lorem.</p>
 +
        <p>example@example.com</p>
 +
        <p><button class="button">Contact</button></p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 +
  <div class="column">
 +
    <div class="card">
 +
      <img src="img3.jpg" alt="John" style="width:100%">
 +
      <div class="container">
 +
        <h2>John Doe</h2>
 +
        <p class="title">Designer</p>
 +
        <p>Some text that describes me lorem ipsum ipsum lorem.</p>
 +
        <p>example@example.com</p>
 +
        <p><button class="button">Contact</button></p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 
<div class="row">
 
<div class="row">
 
   <div class="column">
 
   <div class="column">

Revision as of 13:19, 12 October 2018

Jane

Jane Doe

CEO & Founder

Some text that describes me lorem ipsum ipsum lorem.

example@example.com

Mike

Mike Ross

Art Director

Some text that describes me lorem ipsum ipsum lorem.

example@example.com

John

John Doe

Designer

Some text that describes me lorem ipsum ipsum lorem.

example@example.com

Jane

Jane Doe

CEO & Founder

Some text that describes me lorem ipsum ipsum lorem.

example@example.com

Mike

Mike Ross

Art Director

Some text that describes me lorem ipsum ipsum lorem.

example@example.com

John

John Doe

Designer

Some text that describes me lorem ipsum ipsum lorem.

example@example.com

Jane

Jane Doe

CEO & Founder

Some text that describes me lorem ipsum ipsum lorem.

example@example.com

Mike

Mike Ross

Art Director

Some text that describes me lorem ipsum ipsum lorem.

example@example.com

John

John Doe

Designer

Some text that describes me lorem ipsum ipsum lorem.

example@example.com