kohvip/eHandyTech
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add error page

Browse Source
This commit is contained in:
kmacoders
2021-06-28 01:07:31 +07:00
parent f79c2f5031
commit 7eb7e72c55
6 changed files with 135 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/templates/TheHeader.vue
View File

@@ -1,5 +1,8 @@
<template>
<b-navbar>
<b-navbar
fixed-top
shadow
>
<template #brand>
<b-navbar-item tag="nuxt-link" :to="{ path: '/' }">
<img
@@ -92,6 +95,11 @@ export default class TheHeader extends Vue {
}
]
},
{
title: 'Blog',
link: '/blog',
subMenu: []
},
{
title: 'eHandy Teams',
link: '/',

61
components/templates/contact-us/ContactForm.vue
View File

@@ -1 +1,62 @@
<template>
<section class="hero is-fullheight">
<div class="hero-body">
<div class="container has-text-centered">
<div class="columns is-8 is-variable ">
<div class="column is-two-thirds has-text-left">
<h1 class="title is-1">
Contact Us
</h1>
<p class="is-size-4">
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Nulla eligendi soluta voluptate facere molestiae consequatur.
</p>
<div class="social-media">
<a href="https://facebook.com" target="_blank" class="button is-light is-large">
<i class="fa fa-facebook-square" aria-hidden="true" />
</a>
<a href="https://instagram.com" target="_blank" class="button is-light is-large">
<i class="fa fa-instagram" aria-hidden="true" />
</a>
<a href="https://twitter.com" target="_blank" class="button is-light is-large">
<i class="fa fa-twitter" aria-hidden="true" />
</a>
</div>
</div>
<div class="column is-one-third has-text-left">
<div class="field">
<label class="label">Name</label>
<div class="control">
<input class="input is-medium" type="text">
</div>
</div>
<div class="field">
<label class="label">Email</label>
<div class="control">
<input class="input is-medium" type="text">
</div>
</div>
<div class="field">
<label class="label">Message</label>
<div class="control">
<textarea class="textarea is-medium" />
</div>
</div>
<div class="control">
<button type="submit" class="button is-link is-fullwidth has-text-weight-medium is-medium">Send Message</button>
</div>
</div>
</div>
</div>
</div>
</section>
</template>
<script>
import { Vue, Component } from 'nuxt-property-decorator'
@Component({
name: 'ContactForm'
})
export default class ContactForm extends Vue {}
</script>