<!DOCTYPE html>
  <html>
    <head>
      <!--Import Google Icon Font-->
      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
      <!--Import materialize.css-->
      <link type="text/css" rel="stylesheet" href="css/materialize.css"  media="screen,projection"/>
      <!--custom css-->
      <link type="text/css" rel="stylesheet" href="css/custom.css"/>

      <!--Let browser know website is optimized for mobile-->
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    </head>

    <body>
        
 <form class="container">
    

        
        <!-- Titles -->
        <h2 class="center">{{Charity Name}}</h2>
        <h4 class="center">{{Charity Description}}</h4>
        
        <!-- Chart -->
        <div class="qr center spacer">
            <img src="images/chart2.PNG">
        </div>
     
        <!--Button-->
<!--
        <div class="center spacer">
            <a class="waves-effect waves-light btn-large"><i class="material-icons right">print</i>PRINT</a>
        </div>
-->
     
  </form>

        
        
        
      <!--Import jQuery before materialize.js-->
      <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
      <script type="text/javascript" src="js/materialize.min.js"></script>
    </body>
  </html>