home.vue

<template>
  <div>
    <div class="md-layout" style="display: block; color:#F6F6F6">
      <div class="md-layout-item">
        <Hotlist />
      </div>
      <div class="md-layout-item" style="backgroundColor:#F2CB61;">home</div>
      <div class="md-layout-item" style="backgroundColor:#353535;">Implemented by 202-WebSysDesign</div>
    </div>
  </div>
</template>

<script>
import Hotlist from "./home_hotlist/HotList";
export default {
    created() {
          this
            .$http
            .get('/api/emails')
            .then(response => {
              console.log("Sending Success")
            })
          },

  data() {
    return {};
  },
components: {
    Hotlist
  },
  methods: {


  }
};
</script>

<style lang="css">
html,
body {
  text-align: center;
  /* margin:0; */
  /* width:100%; */
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

.nav button {
  color: #00b7ff;
  text-align: center;
  padding-right: 8%;
  padding-left: 8%;
  font-size: 18px;
  text-decoration: none;
}

.nav {
  background-color: #333;
  overflow: hidden;
}

.header {
  margin: 15px;
  height: 12%;
  font-size: 10px;
}

.btn {
  color: #00b7ff;
  background-color: #333;
  border-radius: 15%;
}

h1 {
  text-align: left;
  font-size: 35px;
}

.section {
  height: 110%;
  width: 100%;
}

.aside {
  height: 40px;
  background-color: rgb(255, 220, 123);
}

.footer {
  height: 20px;
  color: white;
  background-color: #333;
}

.myPage {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 400px;
}
</style>