about.html

<!-- 
* Copyright Laura Taylor
* (https://github.com/techstreams/TSDataTable)
-->

<!DOCTYPE html>
<html>
  <head>
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/vuetify@2.0.19/dist/vuetify.min.css" rel="stylesheet">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
    <style>[v-cloak] {display: none} p.ts-small {font-size: 9px;}</style>
  </head>
  <body>
    <div id="app">
      <v-app v-cloak>     
          <v-card outlined raised class="mx-auto mb-4">       
            <v-img
                    class="white--text"
                    height="220px"
                    src="https://techstreams.github.io/ui-examples/img/colored-pencils-3682424_640.jpg">
              <v-card-title class="align-end fill-height yellow--text">TSDataTable</v-card-title>
            </v-img>            
            <v-card-text>
              <p class="text-center ts-small">Photo by <a href="https://pixabay.com/users/Bru-nO-1161770/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=3682424" target="_blank">Bruno Glätsch</a> on <a href="https://pixabay.com/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=3682424" target="_blank">Pixabay</a></p>
              <p class="text-center subtitle-2">Simple, elegant data tables for Google Sheets &amp; Sites.</p>
            </v-card-text>     
            <v-divider></v-divider>
            <v-card-actions>
                <v-spacer></v-spacer>
                <v-btn text color="primary" href="https://github.com/techstreams/TSDataTable" target="_blank">Documentation</v-btn>
                <v-btn text color="primary" href="https://www.tech-streams.com" target="_blank">Developer</v-btn>   
                <v-spacer></v-spacer>
            </v-card-actions>
          </v-card>            
          <v-footer app></v-footer>      
      </v-app>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vuetify@2.0.19/dist/vuetify.js"></script>
    <script>
      new Vue({
        el: '#app',
        vuetify: new Vuetify()
      });
    </script>
  </body>
</html>