wired/index.html at master · Luke-Shin/wired · 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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!doctype html>
<html class="no-js" lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>The Network | Wired Magazine</title>
    <meta name="description" content="A Wired Magazine page turned into a web page.">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="css/normalize.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/main.css">

    <script src="js/vendor/modernizr-2.8.3.min.js"></script>
  </head>
  <body>
    <main>
      <header>
        <h1>The Network</h1>
      </header>

      <aside class="panel">
       <h4><span>who</span> to follow</h4>
         <dl>
           <dt><i class="fa fa-twitter fa-4x"></i>Andy Weir</dt>
            <dd><a href="#">&commat;andyweir</a></dd>
            <dt>The Martian film</dt>
            <dd><a href="#">&commat;martianmovie</a></dd>
            <dt>LAX Airport</dt>
            <dd><a href="#">&commat;flylaxairport</a></dd>
            <dt>Lauren Mayberry</dt>
            <dd><a href="#">&commat;laurenevemay</a></dd>
            <dt>Museum of London</dt>
            <dd><a href="#">&commat;museumoflondon</a></dd>
            <dt>WIRED Design</dt>
            <dd><a href="#">&commat;WIRED_design</a></dd>
            <dt>BIG</dt>
            <dd><a href="#">&commat;bigstertweets</a></dd>
            <dt><span>Ximena Covalde</span> Beltran</dt>
            <dd><a href="#">&commat;ximecovaleda</a></dd>
            <dt>Julio Davila</dt>
            <dd><a href="#">&commat;davilajulio</a></dd>
            <dt>WeWork</dt>
            <dd><a href="#">&commat;wework</a></dd>
            <dt>The Industry</dt>
            <dd><a href="#">&commat;industryopera</a></dd>
            <dt><i class="fa fa-instagram fa-4x"></i>Bjarke Ingels</dt>
            <dd><a href="#">&commat;bjarkeingels</a></dd>
            <dt>Steve Jobs</dt>
            <dd><a href="#">&commat;stevejobsfilm</a></dd>
            <dt>J.J. Watt</dt>
            <dd><a href="#">&commat;justinjames99</a></dd>
            <dt><span>One World Trade</span> Center</dt>
            <dd><a href="#">&commat;oneworldtrade</a></dd>
          </dl>
            <footer>
              <i class="fa fa-wikipedia-w fa-3x"></i>
              <h4>follow us</h4>
              <a href="#">&commat;wired</a>
            </footer>
     </aside>
      <div class="container">
      <section class="panel">
        <h2>Mobile</h2>
        <div class="panel-body">
          <img src="http://placehold.it/790x300">
          <h3>Find Us on Apple News</h3>
          <p>If you watched Apple's WWDC keynote in June, you saw WIRED featured
            in Apple's demo of the IOS 9 News app. The app is now live, and we're
            thrilled to bring you WIRED in a beautiful package for all your IOS
            devices.</p>
        </div>
      </section>

        <div class="col-one-half left">
          <section class="panel">
            <h2>Video</h2>
            <div class="panel-body">
              <img class="img-left" src="http://placehold.it/100x120">
              <h3>Monsters of Nature</h3>
              <p>Our Absurd Creature of the Week column now has a companion video series. Get up close with terrifying beasties like the taratula hawk
              wasp.</p>
              <footer>
                <span>on the web: </span>
                <a href="#">vidoe.wired.com</a>
              </footer>
            </div>
          </section>
          <section class="panel">
            <h2>Web &plus; Print</h2>
            <div class="panel-body">
              <p>WIRED and <em>Sports Illustrated</em> are teaming up to explore the future of football in our new series. From science-driven training to virtual reality, we'll peer over the pigskin horizon. Don't miss a play.</p>
              <footer>
                <span>on the web:</span>
                <a href="#">wired.com/sb100</a>
              </footer>
              <img class="img-full" src="http://placehold.it/363x170">
            </div>
          </section>
        </div>
        <section class="col-one-half panel">
          <h2>Social &plus; Web</h2>
          <div class="panel-body">
            <p>Once upon a time, it took a scandal the size of Watergate to sink a
            president. Today it could be something as big as encrypted emails or
            as small as an embarassing Vine. Either way, WIRED staff writer Issie
            Lapowsky will be watching. She's leading our coverage of what promises
            to be the most wired election in history.</p>
            <footer>
              <!-- <span>on twitter:</span>
              <a href="#">&commat;issielapowsky</a> -->
              <span>on the web:</span>
              <a href="#">wired.com/tag/election-2016</a>
            </footer>
            <img class="img-full" src="http://placehold.it/363x370">
          </div>
        </section>
      </div>
    </main>
  </body>
</html>