You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
752 B
44 lines
752 B
<template>
|
|
<nav>
|
|
<router-link to="/">Home</router-link> |
|
|
<router-link to="/about">About</router-link> |
|
|
<router-link to="/contact">Contact</router-link >
|
|
</nav>
|
|
|
|
<div class="container">
|
|
<router-view/>
|
|
</div>
|
|
<footer>
|
|
<b>Footer</b>
|
|
<p>Coded by <b>@KubMakCZ</b></p>
|
|
</footer>
|
|
</template>
|
|
|
|
<style>
|
|
#app {
|
|
font-family: Avenir, Helvetica, Arial, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
text-align: center;
|
|
color: #2c3e50;
|
|
}
|
|
|
|
nav {
|
|
padding: 30px;
|
|
border-bottom: 2px solid #42b983;
|
|
}
|
|
|
|
nav a {
|
|
font-weight: bold;
|
|
color: #2c3e50;
|
|
}
|
|
|
|
nav a.router-link-exact-active {
|
|
color: #42b983;
|
|
}
|
|
|
|
footer {
|
|
padding-top: 10px;
|
|
border-top: 2px solid #42b983;
|
|
}
|
|
</style>
|
|
|