Difference between revisions of "Team:Austin UTexas/Sandbox Page"
| Line 108: | Line 108: | ||
</div> | </div> | ||
| − | <div class="column"> | + | <div class="row"> |
| + | <div class="column"> | ||
| + | <div class="card"> | ||
| + | <img src="/w3images/team1.jpg" alt="Jane" style="width:100%"> | ||
| + | <div class="container"> | ||
| + | <h2>Jane Doe</h2> | ||
| + | <p class="title">CEO & 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="/w3images/team2.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"> | <div class="card"> | ||
<img src="/w3images/team3.jpg" alt="John" style="width:100%"> | <img src="/w3images/team3.jpg" alt="John" style="width:100%"> | ||
| Line 120: | Line 147: | ||
</div> | </div> | ||
</div> | </div> | ||
| + | |||
</div> | </div> | ||
Revision as of 20:24, 19 July 2017
Responsive "Meet The Team" Section
Resize the browser window to see the effect.
Jane Doe
CEO & Founder
Some text that describes me lorem ipsum ipsum lorem.
example@example.com
Mike Ross
Art Director
Some text that describes me lorem ipsum ipsum lorem.
example@example.com
John Doe
Designer
Some text that describes me lorem ipsum ipsum lorem.
example@example.com
Jane Doe
CEO & Founder
Some text that describes me lorem ipsum ipsum lorem.
example@example.com
Mike Ross
Art Director
Some text that describes me lorem ipsum ipsum lorem.
example@example.com
John Doe
Designer
Some text that describes me lorem ipsum ipsum lorem.
example@example.com
