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