newspeak1984.github.io/app.html at master · newspeak1984/newspeak1984.github.io · 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
<!DOCTYPE html>
<head>
  <link href="/normalize.css" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">
  <link href="/normalize.css" rel="stylesheet">
  <style>
    header {
            text-align: center;
            background: rgb(36, 147, 216);
            background-size: cover;
            color: white;
    }
    table {
      margin: 0 auto;
    }
    a {
       color: white;
    }
    p {
      font-size: 40px;
      font-family: 'Raleway', sans-serif;
      line-height: 60px;
    }
    li {
      font-family: 'Raleway', sans-serif;
      line-height: 60px;
      font-size: 40px;
    }
    h1 {
        font-size: 70px;
        font-family: 'Indie Flower', cursive;
    }
    .bar {
        padding: 10px;
        background: rgba(0,0,0,0.5);
    }
    .inline {
        font-size: 30px;
        display: inline;
        padding: 0px 20px 0px 20px;
    }
    article {
             max-width: 500px;
             padding: 20px;
             margin: 0 auto;
             }
    @media (max-width: 500px){
      h1 {
        font-size: 36px;
          }
      li {
          display: block;
          padding: 5px;
          }
    }
  </style>
</head>
<body>
  <header>
    <table>
    <tr>
      <td>
        <img src="/THING.png">
      </td>
      <td>
      <h1>InSync</h1>
      </td>
    </tr>
    </table>
    <ul class="bar">
      <li class="inline"><a href="index.html">Home</a></li>
      <li class="inline"><a href="app.html">The App</a></li>
      <li class="inline"><a href="about.html">About Us</a></li>
    </ul>
  </header>

 <h1>App features: </h1>
  <br>
 <table>
   <tr>
     <td>
 <ul>
   <li>Accesses music platforms: Spotify, Google Play, SoundCloud, Itunes</li>
   <li>Accesses movie/tvshow platforms: YoutubeRed, Netflix, AppleTV, Vimeo</li>
   <li>Chat with friends while having a syncronized experience</li>
 </ul>
     <td>
     <td>
       <img src="https://media.giphy.com/media/1gi5tlj3gEa52/200.gif" width="640px" height="420px">
     </td>
   </tr>
 </table>


</body>
</html>