Lab2/Martha_template.html at master · cpbenite/Lab2 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
{% extends "template.html" %}

{% block child_block %}

<!-- Jumbotron -->
<header class="headline">
    <img class="headline-img" src="https://upload.wikimedia.org/wikipedia/commons/7/76/Martha_Lane-Fox_at_Sprint14.jpg">
    <div class="centered-text">
      <h1>Martha Lane Fox</h1>
      <div class="hide">
        <hr>
        <h4>Forbes Top 50 Women in Tech</h4>
      </div>
    </div>
  </header>

  <!-- Container #1 -->

  <div class="top-container">
    <div class="img-left">
      <img src="https://media-assets-03.thedrum.com/cache/images/thedrum-prod/public-drum_basic_article-84768-main_images-lastminute--2x1--362.png">
    </div>
    <div class="text-right">
      <h2>Co-Founder of <a href="https://neufund.org/">Last Minute</a></h2>
      <p>Martha Lane Fox is an icon of the dot com boom. She co-founded Lastminute.com with Brent Hoberman in 1998, back when the widespread use of the internet was far from being a certainty. By 2000, it was one of the most popular consumer destinations on the web and was floated on the London Stock Exchange with a valuation of £571 million.</p>
    </div>
  </div>

  <!-- Top container ends -->


  <!-- Container #2 -->

    <div class="middle-container">
      <div class="text-left">
        <h2>Board of Director of <a href="https://concisesoftware.com/">Twitter</a></h2>
        <p>Twitter has announced that Martha Lane Fox, a former digital champion for the UK government and co-founder of travel website lastminute.com, and PepsiCo’s chief financial officer, Hugh Johnston, are to join its board as part of its latest management shakeup.</p>
      </div>
      <div class="img-right">
      <img src="data:image/jpeg;base64,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">
      </div>
    </div>

  <!-- Middle container ends -->

  <div class="bottom-container">
    <div class="container">
      <header><h2>Check out his/her social media!</h2></header>
      <ul>
        <li><a href="https://twitter.com/zoeadamovicz?lang=en"><i class="fab fa-twitter-square"></i></a></li>
        <li><a href="https://www.facebook.com/zoeadamovicz"><i class="fab fa-facebook-square"></i></a></li>
        <li><a href="https://www.linkedin.com/in/marthal2/"><i class="fab fa-linkedin"></i></a></li>
      </ul>
    </div>
  </div>


{% endblock %}