ghia-web/index.html at master · tellus-toolkit/ghia-web · 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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <title>GHIA Map Tools</title>

  <meta name="author" content="TellUs Toolkit Ltd">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
  <link rel="icon" href="img/favicon.ico" type="image/x-icon">

  <!-- Stylesheets -->
  <!-- Font-Awesome | Bootstrap core | Material Design Bootstrap -->
  <link rel="stylesheet" type="text/css" href="libs/fontawesome-free-5.9.0-web/css/all.min.css">
  <link rel="stylesheet" type="text/css" href="libs/mdb/css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="libs/mdb/css/mdb.min.css">

  <link rel="stylesheet" type="text/css" href="styles/index.css">

  <!-- JavaScript -->
  <!-- Font Awesome -->
  <script type="text/javascript" src="libs/fontawesome-free-5.9.0-web/js/all.min.js"></script>
</head>
<body>

<!-- Component: Navigation Menu -->
<nav id="navBarHost" class="navbar navbar-expand-lg navbar-dark indigo">
  <a class="navbar-brand" href="#">
    <img src="img/ghia-logo.png" alt="GHIA" height="30px">
  </a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
          aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link" href="extract/">Extract tool</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="value/">Value tool</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="explore/">Explore tool</a>
      </li>
    </ul>
    <ul class="navbar-nav ml-auto">
      <a class="tw-ic" href="https://twitter.com/GHIA_VNN" target="_blank">
        <i class="fab fa-twitter fa-lg white-text mr-4"> </i>
      </a>
    </ul>
  </div>
</nav>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
  <div class="container">
    <div class="card card-body">
      <h1 class="display-3">Welcome to the GHIA map tools</h1>
      <p class="lead">The Green infrastructure and the Health and wellbeing Influences on an Ageing population
        (GHIA) project aims to understand the benefits and values of urban green and blue spaces for older
        people. By green and blue spaces we mean things like parks, gardens, canals and rivers, woodlands,
        street trees and any other areas of water or vegetation.</p>
      <p class="lead">Our tools allow you to:</p>
      <div class="card-deck">
        <div class="card">
          <div class="card-body">
            Find out information about the amount of green and blue space in different areas of Greater
            Manchester.
          </div>
          <div class="card-footer">
            <a class="btn btn-dark-green" href="extract/" role="button">The Extract tool &raquo;</a>
          </div>
        </div>
        <div class="card">
          <div class="card-body">
            Contribute views about how green and blue spaces in Greater Manchester influence your health and
            wellbeing and see what others say.
          </div>
          <div class="card-footer">
            <a class="btn btn-dark-green" href="value/" role="button">The Value tool &raquo;</a>
          </div>
        </div>
        <div class="card">
          <div class="card-body">
            Explore health and green space associations in Greater Manchester.
          </div>
          <div class="card-footer">
            <a class="btn btn-dark-green" href="explore/" role="button">The Explore tool &raquo;</a>
          </div>
        </div>
      </div>
    </div>
    <a href="https://ghia.org.uk/" target="_blank" class="btn btn-indigo btn-lg">Learn more about GHIA &raquo;</a>
  </div>
</div>
<!-- Footer -->
<footer class="page-footer font-small indigo"><!--footer mt-3"-->
  <div class="container">
    <div>
      <p style="line-height: 1.7rem"><strong>Project details:</strong> 1st August 2016 - 31st July 2019 NERC grant
        reference number NE/N013530/1<br>
        <strong>Funders:</strong> Natural Environment Research Council, Arts and Humanities Research Council and
        the Economic and Social Research Council under the Valuing Nature Programme.<br>
        <strong>For further information, please contact:</strong> Prof Sarah Lindley, Department of Geography,
        University of Manchester, email sarah.lindley@manchester.ac.uk</p>
    </div>
    <hr class="rgba-white-light" style="margin: 10px">
    <ul class="custom-control-inline">
      <li class="custom-control-inline">
        <img alt="Partners logos" src="img/partners.png"/>
      </li>
      <li class="custom-control-inline">
                <span class="text-center">Mapping tools built and developed by
                <a href="https://www.tellus-toolkit.com" target="_blank">
                    <img alt="The TellUs Toolkit" height="30px"
                         src="img/TellUs-logo-new.png"/>
                </a></span>
      </li>
    </ul>
  </div>
</footer>

<!-- SCRIPTS -->
<!-- JQuery -->
<script type="text/javascript" src="libs/mdb/js/jquery-3.4.0.min.js"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="libs/mdb/js/popper.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="libs/mdb/js/bootstrap.min.js"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="libs/mdb/js/mdb.min.js"></script>
</body>
</html>