|
|
@ -3,6 +3,9 @@
|
|
|
|
<HomeHero />
|
|
|
|
<HomeHero />
|
|
|
|
<slot name="hero" />
|
|
|
|
<slot name="hero" />
|
|
|
|
<HomeFeatures />
|
|
|
|
<HomeFeatures />
|
|
|
|
|
|
|
|
<div class="home-content">
|
|
|
|
|
|
|
|
<Content />
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<slot name="features" />
|
|
|
|
<slot name="features" />
|
|
|
|
<HomeFooter />
|
|
|
|
<HomeFooter />
|
|
|
|
<slot name="footer" />
|
|
|
|
<slot name="footer" />
|
|
|
@ -19,4 +22,17 @@ import HomeFooter from './HomeFooter.vue'
|
|
|
|
.home {
|
|
|
|
.home {
|
|
|
|
padding-top: var(--header-height);
|
|
|
|
padding-top: var(--header-height);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.home-content {
|
|
|
|
|
|
|
|
max-width: 960px;
|
|
|
|
|
|
|
|
margin: 0px auto;
|
|
|
|
|
|
|
|
padding: 0 1.5rem;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (max-width: 720px) {
|
|
|
|
|
|
|
|
.home-content {
|
|
|
|
|
|
|
|
max-width: 392px;
|
|
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|