Compare commits
2 Commits
e9a909b1db
...
ddd61ff22f
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
ddd61ff22f | ||
|
|
a6ab3d9402 |
@@ -0,0 +1,29 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import Title from './title.vue'
|
||||||
|
|
||||||
|
defineExpose({})
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<div class="about-us">
|
||||||
|
<div class="bg">
|
||||||
|
<img src="https://code-create.com.hk/wp-content/uploads/2022/11/helpcentre_banner-1.jpg" alt="">
|
||||||
|
</div>
|
||||||
|
<Title />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.about-us{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
> .bg{
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
z-index: -1;
|
||||||
|
top: 0;
|
||||||
|
> img{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|||||||
32
src/pages/help-centre/title.vue
Normal file
32
src/pages/help-centre/title.vue
Normal file
@@ -0,0 +1,32 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
defineExpose({})
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<section class="title-section">
|
||||||
|
<div class="content">
|
||||||
|
<div class="text">
|
||||||
|
<h1>HELP CENTRE</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.title-section{
|
||||||
|
width: 100%;
|
||||||
|
> .content{
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
> .text{
|
||||||
|
padding: 200px 300px;
|
||||||
|
> h1{
|
||||||
|
text-align: center;
|
||||||
|
font-size: 64px;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 64px;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Reference in New Issue
Block a user