ChopChop/ChopChop.html at master · yan-soon/ChopChop · 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
<!DOCTYPE html>

<head>
  <title> ChopChop </title>
</head>

<body style = "font-family:helvatica;text-align:center">
  <h1 style = "color:coral;text-align:center;font-size:800%"> ChopChop </h1>
  <div id = "Brief Description">
    <h2 style = "font-size:300%"> Find things to do, <em>Fast</em> </h2>
    <p style = "font-size:200%"> ChopChop is a webpage that allows you to find things to do based on<br>
    your location! Simply set the maximum distance from you and the type of
    activity, and fire away. <br>A single event will be generated for you to try,
    saving you time in deciding what to do!</p>
  </div>

  <div id = "Supported activity types">
    <h2 style = "font-size:300%"> Supported Activity Types </h2>
    <ul style = "list-style:inside;font-size:200%">
      <li> Food </li>
      <li> Entertainment </li>
      <li> Attractions </li>
    </ul>
  </div>

  <div id = "distance setter">
    <h2 style = "font-size:300%"> How far are you willing to travel? </h2>
    <form style = "font-size:200%">
      <label for = "maximum distance"> Maximum Distance (in km, to 2 dp):</label>
      <input type = "number" id = "distance" name = "maximum distance"
             min = "0" max = "50" step = "0.01">
    </form>
    <div id = "Randomise Button">
      <h2 style = "color:coral;font-size:500%"> Find me something to do! </h2>
      <br> <br> <br> <br> <br> <br> <br> <br> <br>
    </div>

</body>