• 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

<template>
  <div class="index">
    <v-parallax src="http://cdn.home-designing.com/wp-content/uploads/2012/12/Modern-bathroom-with-large-windows.jpg">
      <v-layout column align-center justify-center>
        <h2>
          bnbcrate
        </h2>
        <h4>
          The simplest, easiest, and most beautiful way to provide your guests
          with quality toiletries.
        </h4>
      </v-layout>
    </v-parallax>

    
    <v-container class='features' grid-list-xl>     
      <v-layout row wrap>
      <v-flex d-flex xs12 md4>
        <v-card dark class="primary">
          <v-card-text>
            <h5>Beautifully Packed</h5>
            <p>
              Impress your guests by letting them arrive to <b>beautifully and carefully packed toiletries</b> &mdash; creating a clean &amp; warm welcome.
            </p>
          </v-card-text>
        </v-card>
      </v-flex>
      <v-flex d-flex xs12 md4>
        <v-card >
          <v-card-text>
            <h5>Delightfully Simple</h5>
            <p>
              We offer 3 crates. <b>Select the quantity of each
              crate</b> and we'll deliver them to you or one of your
              properties.
            </p>
          </v-card-text>
        </v-card>
      </v-flex>
      <v-flex d-flex xs12 md4>
        <v-card dark class="primary">
          <v-card-text>
            <h5>Earth Friendly</h5>
            <p>
              Most of our items are <b>biodegradable</b>, so that they
              won't be a burden on the planet if they don't
              end up in the recycle bin.
            </p>
          </v-card-text>
        </v-card>
      </v-flex>
      </v-layout>
    </v-container>

  </div>
</template>
<script>

export default {

}
</script>
<style lang='stylus'>
  @import '../assets/css/variables'
  
  // div.index    
  //   h1, h4, h2
  //     color $salmon //#77aed0
  //     text-shadow 1px 1px 0 alpha(black, 70%)
  //     width 40%
  //     background alpha(white, 39%)
  //     padding 0.4em
  //     text-align center
  //     color $darkblue
  //   h2
  //     font-size 3em
  //     font-weight lighter
  //   h4
  //     background alpha(white, 90%)
  //     font-size 1.5em
  //     text-shadow none
  //   .feature
  //     padding 2em 1em
  //     box-sizing border-box
  //     font-size 1.4em
      
  //   h5
  //     font-size 1.2em
  //     margin-bottom 0.7em
      //color $blue


</style>