Compare commits

..

No commits in common. "fd40913fa568e4957bbffa9a18f28196a9f61ba2" and "7454cd99ab033ab8526133937c003728beb21a2b" have entirely different histories.

54 changed files with 989 additions and 1301 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 63 KiB

View File

@ -9,7 +9,6 @@
<NImage width="100" height="100" :src="FiEELogo" preview-disabled /> <NImage width="100" height="100" :src="FiEELogo" preview-disabled />
</div> </div>
<div class="header-menu"> <div class="header-menu">
<NConfigProvider :theme-overrides="themeOverrides">
<NMenu <NMenu
mode="horizontal" mode="horizontal"
:options="menuOptions" :options="menuOptions"
@ -17,7 +16,6 @@
v-model:value="selectedKey" v-model:value="selectedKey"
@update:value="handleMenuSelect" @update:value="handleMenuSelect"
/> />
</NConfigProvider>
</div> </div>
</div> </div>
</NLayoutHeader> </NLayoutHeader>
@ -26,31 +24,11 @@
<script setup> <script setup>
import FiEELogo from "@/assets/image/header/logo.png"; import FiEELogo from "@/assets/image/header/logo.png";
import { ref, onMounted, onUnmounted } from "vue"; import { ref, onMounted, onUnmounted } from "vue";
import { NMenu, NLayoutHeader, NImage, NConfigProvider } from "naive-ui"; import { NMenu, NLayoutHeader, NImage } from "naive-ui";
import { useI18n } from "vue-i18n"; import { useI18n } from "vue-i18n";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
import { useHeaderMenuConfig } from "@/config/headerMenuConfig"; import { useHeaderMenuConfig } from "@/config/headerMenuConfig";
const themeOverrides = {
Menu: {
// itemTextColor: "#ff7bac", //
//
// itemTextColorHorizontal: "#ff7bac", //
itemTextColorHoverHorizontal: "#ff7bac", //
itemTextColorActiveHorizontal: "#ff7bac", //
itemTextColorActiveHoverHorizontal: "#ff7bac", //
itemColorHover: "#ff7bac",
itemColorHoverInverted: "#ff7bac",
},
//
Dropdown: {
optionColorHover: "#fddfea", //
optionColorHoverInverted: "#fddfea", //
},
};
const { t } = useI18n(); const { t } = useI18n();
const router = useRouter(); const router = useRouter();
@ -144,12 +122,6 @@ const handleToHome = () => {
.header-menu { .header-menu {
display: block; display: block;
flex: 1; flex: 1;
// :deep(
// .n-menu-item-content:not(.n-menu-item-content--disabled):hover
// .n-menu-item-content-header
// ) {
// color: #ff7bac;
// }
:deep(.n-menu) { :deep(.n-menu) {
background: transparent; background: transparent;
@ -173,7 +145,7 @@ const handleToHome = () => {
left: 50%; left: 50%;
width: 0; width: 0;
height: 2px; height: 2px;
background: #ff7bac; background: var(--primary-color);
transition: all 0.3s ease; transition: all 0.3s ease;
transform: translateX(-50%); transform: translateX(-50%);
opacity: 0; opacity: 0;

View File

@ -9,7 +9,6 @@
<NImage width="90" height="90" :src="FiEELogo" preview-disabled /> <NImage width="90" height="90" :src="FiEELogo" preview-disabled />
</div> </div>
<div class="header-menu"> <div class="header-menu">
<NConfigProvider :theme-overrides="themeOverrides">
<NMenu <NMenu
mode="horizontal" mode="horizontal"
:options="menuOptions" :options="menuOptions"
@ -17,7 +16,6 @@
v-model:value="selectedKey" v-model:value="selectedKey"
@update:value="handleMenuSelect" @update:value="handleMenuSelect"
/> />
</NConfigProvider>
</div> </div>
</div> </div>
</NLayoutHeader> </NLayoutHeader>
@ -26,30 +24,11 @@
<script setup> <script setup>
import FiEELogo from "@/assets/image/header/logo.png"; import FiEELogo from "@/assets/image/header/logo.png";
import { ref, onMounted, onUnmounted } from "vue"; import { ref, onMounted, onUnmounted } from "vue";
import { NMenu, NLayoutHeader, NImage, NConfigProvider } from "naive-ui"; import { NMenu, NLayoutHeader, NImage } from "naive-ui";
import { useI18n } from "vue-i18n"; import { useI18n } from "vue-i18n";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
import { useHeaderMenuConfig } from "@/config/headerMenuConfig"; import { useHeaderMenuConfig } from "@/config/headerMenuConfig";
const themeOverrides = {
Menu: {
// itemTextColor: "#ff7bac", //
//
// itemTextColorHorizontal: "#ff7bac", //
itemTextColorHoverHorizontal: "#ff7bac", //
itemTextColorActiveHorizontal: "#ff7bac", //
itemTextColorActiveHoverHorizontal: "#ff7bac", //
itemColorHover: "#ff7bac",
itemColorHoverInverted: "#ff7bac",
},
//
Dropdown: {
optionColorHover: "#fddfea", //
optionColorHoverInverted: "#fddfea", //
},
};
const { t } = useI18n(); const { t } = useI18n();
const router = useRouter(); const router = useRouter();
@ -166,7 +145,7 @@ const handleToHome = () => {
left: 50%; left: 50%;
width: 0; width: 0;
height: 2px; height: 2px;
background: #ff7bac; background: var(--primary-color);
transition: all 0.3s ease; transition: all 0.3s ease;
transform: translateX(-50%); transform: translateX(-50%);
opacity: 0; opacity: 0;

View File

@ -123,6 +123,7 @@ const solutions = computed(() => [
); );
} }
.home-page { .home-page {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -176,6 +177,7 @@ const solutions = computed(() => [
/* 移动端布局(<768px */ /* 移动端布局(<768px */
@media (max-width: 767px) { @media (max-width: 767px) {
.home-page { .home-page {
background-image: url("@/assets/image/bg-mobile.png");
} }
.hero-title { .hero-title {
@ -209,8 +211,8 @@ const solutions = computed(() => [
transform: translateY(20px); transform: translateY(20px);
opacity: 0; opacity: 0;
animation: cardEnter 0.6s ease forwards; animation: cardEnter 0.6s ease forwards;
border: 1px solid #fdc8dd; border: 1px solid rgba(137, 91, 255, 0.2);
background: #fff8fb; background: linear-gradient(135deg, #f9f6ff 0%, #f0e9ff 100%);
} }
.card-header { .card-header {
@ -231,7 +233,7 @@ const solutions = computed(() => [
.card-title { .card-title {
font-size: 1.3rem; font-size: 1.3rem;
color: #e53073; color: #2c0850;
font-weight: 600; font-weight: 600;
} }
@ -243,13 +245,13 @@ const solutions = computed(() => [
} }
.point-icon { .point-icon {
color: #e53073; color: #4a3a6b;
font-size: 1.2rem; font-size: 1.2rem;
flex-shrink: 0; flex-shrink: 0;
} }
.point-text { .point-text {
color: #e53073; color: #4a3a6b;
line-height: 1.6; line-height: 1.6;
font-size: 18px; font-size: 18px;
} }

View File

@ -123,6 +123,7 @@ const solutions = computed(() => [
); );
} }
.home-page { .home-page {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -176,6 +177,7 @@ const solutions = computed(() => [
/* 移动端布局(<768px */ /* 移动端布局(<768px */
@media (max-width: 767px) { @media (max-width: 767px) {
.home-page { .home-page {
background-image: url("@/assets/image/bg-mobile.png");
} }
.hero-title { .hero-title {
@ -209,8 +211,8 @@ const solutions = computed(() => [
transform: translateY(20px); transform: translateY(20px);
opacity: 0; opacity: 0;
animation: cardEnter 0.6s ease forwards; animation: cardEnter 0.6s ease forwards;
border: 1px solid #fdc8dd; border: 1px solid rgba(137, 91, 255, 0.2);
background: #fff8fb; background: linear-gradient(135deg, #f9f6ff 0%, #f0e9ff 100%);
} }
.card-header { .card-header {
@ -231,7 +233,7 @@ const solutions = computed(() => [
.card-title { .card-title {
font-size: 1.3rem; font-size: 1.3rem;
color: #e53073; color: #2c0850;
font-weight: 600; font-weight: 600;
} }
@ -243,13 +245,13 @@ const solutions = computed(() => [
} }
.point-icon { .point-icon {
color: #e53073; color: #4a3a6b;
font-size: 1.2rem; font-size: 1.2rem;
flex-shrink: 0; flex-shrink: 0;
} }
.point-text { .point-text {
color: #e53073; color: #4a3a6b;
line-height: 1.6; line-height: 1.6;
font-size: 18px; font-size: 18px;
} }

View File

@ -166,7 +166,7 @@ const solutions = computed(() => [
/* 卡片样式 */ /* 卡片样式 */
.solution-card { .solution-card {
background: #fff8fb; background: white;
border-radius: 16px; border-radius: 16px;
padding: 2.5rem; padding: 2.5rem;
box-shadow: 0 10px 40px rgba(137, 91, 255, 0.1); box-shadow: 0 10px 40px rgba(137, 91, 255, 0.1);
@ -175,7 +175,7 @@ const solutions = computed(() => [
animation: cardEnter 0.6s ease forwards; animation: cardEnter 0.6s ease forwards;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
border: 1px solid #fdc8dd; border: 1px solid rgba(137, 91, 255, 0.2);
transition: all 0.3s ease; transition: all 0.3s ease;
} }
@ -213,7 +213,7 @@ const solutions = computed(() => [
.card-title { .card-title {
font-size: 1.3rem; font-size: 1.3rem;
color: #e53073; color: #2c0850;
font-weight: 600; font-weight: 600;
} }
@ -229,13 +229,13 @@ const solutions = computed(() => [
} }
.point-icon { .point-icon {
color: #e53073; color: #4a3a6b;
font-size: 1.2rem; font-size: 1.2rem;
flex-shrink: 0; flex-shrink: 0;
} }
.point-text { .point-text {
color: #e53073; color: #4a3a6b;
line-height: 1.6; line-height: 1.6;
font-size: 1rem; font-size: 1rem;
} }

View File

@ -167,7 +167,7 @@ const solutions = computed(() => [
/* 卡片样式 */ /* 卡片样式 */
.solution-card { .solution-card {
background: #fff8fb; background: white;
border-radius: 16px; border-radius: 16px;
padding: 2.5rem; padding: 2.5rem;
box-shadow: 0 10px 40px rgba(137, 91, 255, 0.1); box-shadow: 0 10px 40px rgba(137, 91, 255, 0.1);
@ -176,7 +176,7 @@ const solutions = computed(() => [
animation: cardEnter 0.6s ease forwards; animation: cardEnter 0.6s ease forwards;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
border: 1px solid #fdc8dd; border: 1px solid rgba(137, 91, 255, 0.2);
transition: all 0.3s ease; transition: all 0.3s ease;
} }
@ -214,7 +214,7 @@ const solutions = computed(() => [
.card-title { .card-title {
font-size: 1.3rem; font-size: 1.3rem;
color: #e53073; color: #2c0850;
font-weight: 600; font-weight: 600;
} }
@ -230,13 +230,13 @@ const solutions = computed(() => [
} }
.point-icon { .point-icon {
color: #e53073; color: #4a3a6b;
font-size: 1.2rem; font-size: 1.2rem;
flex-shrink: 0; flex-shrink: 0;
} }
.point-text { .point-text {
color: #e53073; color: #4a3a6b;
line-height: 1.6; line-height: 1.6;
font-size: 1rem; font-size: 1rem;
} }

View File

@ -183,6 +183,7 @@ const getCommitteeRole = (name, committee) => {
} }
.committees-page { .committees-page {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -161,6 +161,7 @@ const getCommitteeRole = (name, committee) => {
} }
.committees-page { .committees-page {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -198,6 +198,7 @@ const getInitials = (name) => {
/* 页面样式 */ /* 页面样式 */
.board-members-page { .board-members-page {
background-image: url("@/assets/image/bg-mobile.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -203,6 +203,7 @@ const getInitials = (name) => {
/* 页面样式 */ /* 页面样式 */
.board-members-page { .board-members-page {
background-image: url("@/assets/image/bg-mobile.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -62,6 +62,7 @@ const otherDirectors = [
<style scoped> <style scoped>
.home-page { .home-page {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -58,6 +58,7 @@ const otherDirectors = [
<style scoped> <style scoped>
.home-page { .home-page {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -62,6 +62,7 @@ const otherDirectors = [
<style scoped> <style scoped>
.home-page { .home-page {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -25,6 +25,8 @@
</h1> </h1>
<div class="mission-cards"> <div class="mission-cards">
<n-card hoverable class="mission-card" v-motion-pop> <n-card hoverable class="mission-card" v-motion-pop>
<n-p style="font-size: 18px" class="card-content">{{ <n-p style="font-size: 18px" class="card-content">{{
$t("COMPANYOVERVIEW.TITLETHREE.CONTENTTWO") $t("COMPANYOVERVIEW.TITLETHREE.CONTENTTWO")
}}</n-p> }}</n-p>
@ -186,6 +188,7 @@ const stats = ref([
<style scoped> <style scoped>
.home-page { .home-page {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -238,7 +241,7 @@ const stats = ref([
left: 0; left: 0;
width: 60px; width: 60px;
height: 4px; height: 4px;
background: linear-gradient(to right, #00ffff, #ff7bac); background: linear-gradient(to right, #1a2a6c, #fdbb2d);
border-radius: 2px; border-radius: 2px;
} }
@ -298,7 +301,7 @@ const stats = ref([
left: 20px; left: 20px;
height: 100%; height: 100%;
width: 4px; width: 4px;
background: linear-gradient(to bottom, #00ffff, #ff7bac); background: linear-gradient(to bottom, #895bff, #fdbb2d);
} }
.timeline-item { .timeline-item {
@ -313,13 +316,13 @@ const stats = ref([
width: 40px; width: 40px;
height: 40px; height: 40px;
border-radius: 50%; border-radius: 50%;
background: #ff7bac; background: #895bff;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color: white; color: white;
font-weight: bold; font-weight: bold;
box-shadow: 0 0 0 6px rgba(255, 123, 172, 0.2); box-shadow: 0 0 0 6px rgba(26, 42, 108, 0.2);
} }
.timeline-year { .timeline-year {

View File

@ -188,6 +188,7 @@ const stats = ref([
<style scoped> <style scoped>
.home-page { .home-page {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -240,7 +241,7 @@ const stats = ref([
left: 0; left: 0;
width: 60px; width: 60px;
height: 4px; height: 4px;
background: linear-gradient(to right, #00ffff, #ff7bac); background: linear-gradient(to right, #1a2a6c, #fdbb2d);
border-radius: 2px; border-radius: 2px;
} }
@ -300,7 +301,7 @@ const stats = ref([
left: 20px; left: 20px;
height: 100%; height: 100%;
width: 4px; width: 4px;
background: linear-gradient(to bottom, #00ffff, #ff7bac); background: linear-gradient(to bottom, #895bff, #fdbb2d);
} }
.timeline-item { .timeline-item {
@ -315,13 +316,13 @@ const stats = ref([
width: 40px; width: 40px;
height: 40px; height: 40px;
border-radius: 50%; border-radius: 50%;
background: #ff7bac; background: #895bff;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color: white; color: white;
font-weight: bold; font-weight: bold;
box-shadow: 0 0 0 6px rgba(255, 123, 172, 0.2); box-shadow: 0 0 0 6px rgba(26, 42, 108, 0.2);
} }
.timeline-year { .timeline-year {

View File

@ -240,7 +240,7 @@ const stats = ref([
left: 0; left: 0;
width: 60px; width: 60px;
height: 4px; height: 4px;
background: linear-gradient(to right, #00ffff, #ff7bac); background: linear-gradient(to right, #1a2a6c, #fdbb2d);
border-radius: 2px; border-radius: 2px;
} }
@ -300,7 +300,7 @@ const stats = ref([
left: 20px; left: 20px;
height: 100%; height: 100%;
width: 4px; width: 4px;
background: linear-gradient(to bottom, #00ffff, #ff7bac); background: linear-gradient(to bottom, #895bff, #fdbb2d);
} }
.timeline-item { .timeline-item {
@ -315,13 +315,13 @@ const stats = ref([
width: 40px; width: 40px;
height: 40px; height: 40px;
border-radius: 50%; border-radius: 50%;
background: #ff7bac; background: #895bff;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color: white; color: white;
font-weight: bold; font-weight: bold;
box-shadow: 0 0 0 6px rgba(255, 123, 172, 0.2); box-shadow: 0 0 0 6px rgba(26, 42, 108, 0.2);
} }
.timeline-year { .timeline-year {

View File

@ -187,13 +187,14 @@ const stats = ref([
<style scoped> <style scoped>
.home-page { .home-page {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.company-overview { .company-overview {
max-width: 1200px;
margin: 0 auto; margin: 0 auto;
/* padding: 0 20px; */
} }
/* 顶部大图区域 */ /* 顶部大图区域 */
@ -238,7 +239,7 @@ const stats = ref([
left: 0; left: 0;
width: 60px; width: 60px;
height: 4px; height: 4px;
background: linear-gradient(to right, #00ffff, #ff7bac); background: linear-gradient(to right, #1a2a6c, #fdbb2d);
border-radius: 2px; border-radius: 2px;
} }
@ -298,7 +299,7 @@ const stats = ref([
left: 20px; left: 20px;
height: 100%; height: 100%;
width: 4px; width: 4px;
background: linear-gradient(to bottom, #00ffff, #ff7bac); background: linear-gradient(to bottom, #895bff, #fdbb2d);
} }
.timeline-item { .timeline-item {
@ -313,13 +314,13 @@ const stats = ref([
width: 40px; width: 40px;
height: 40px; height: 40px;
border-radius: 50%; border-radius: 50%;
background: #ff7bac; background: #895bff;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color: white; color: white;
font-weight: bold; font-weight: bold;
box-shadow: 0 0 0 6px rgba(255, 123, 172, 0.2); box-shadow: 0 0 0 6px rgba(26, 42, 108, 0.2);
} }
.timeline-year { .timeline-year {

View File

@ -10,7 +10,7 @@ function copyEmail() {
<template> <template>
<main <main
ref="main" ref="main"
class="flex-center min-h-80vh rounded-3xl to-accent w-100vw animate-fade-in" class="flex-center min-h-80vh bg-[url('@/assets/image/bg-pc.png')] rounded-3xl to-accent w-100vw animate-fade-in bg-[url('@/assets/image/bg-pc.png')]"
> >
<div class="w-full flex flex-col items-center gap-5 py-12 px-6"> <div class="w-full flex flex-col items-center gap-5 py-12 px-6">
<h1 <h1

View File

@ -11,7 +11,7 @@ function copyEmail() {
<header className="header"></header> <header className="header"></header>
<main <main
ref="main" ref="main"
class="flex-center min-h-80vh rounded-3xl to-accent w-100vw animate-fade-in" class="flex-center min-h-80vh bg-[url('@/assets/image/bg-pc.png')] rounded-3xl to-accent w-100vw animate-fade-in bg-[url('@/assets/image/bg-pc.png')]"
> >
<div class="w-full flex flex-col items-center gap-6 py-16 px-8"> <div class="w-full flex flex-col items-center gap-6 py-16 px-8">
<h1 <h1

View File

@ -25,7 +25,10 @@ async function handleSubmit(e) {
</script> </script>
<template> <template>
<main ref="main" class="relative min-h-[80vh] flex-center overflow-hidden"> <main
ref="main"
class="relative min-h-[80vh] flex-center bg-[url('@/assets/image/bg-pc.png')] overflow-hidden"
>
<!-- 粒子背景 --> <!-- 粒子背景 -->
<div class="absolute inset-0 z-0 pointer-events-none animate-bg-move"></div> <div class="absolute inset-0 z-0 pointer-events-none animate-bg-move"></div>
<!-- 表单卡片/提交成功卡片 --> <!-- 表单卡片/提交成功卡片 -->

View File

@ -27,7 +27,10 @@ async function handleSubmit(e) {
<template> <template>
<header class="header"></header> <header class="header"></header>
<main ref="main" class="relative min-h-[80vh] flex-center overflow-hidden"> <main
ref="main"
class="relative min-h-[80vh] flex-center bg-[url('@/assets/image/bg-pc.png')] overflow-hidden"
>
<!-- 粒子背景 --> <!-- 粒子背景 -->
<div class="absolute inset-0 z-0 pointer-events-none animate-bg-move"></div> <div class="absolute inset-0 z-0 pointer-events-none animate-bg-move"></div>
<!-- 表单卡片/提交成功卡片 --> <!-- 表单卡片/提交成功卡片 -->

View File

@ -167,6 +167,7 @@ const annualReports = ref([
<style scoped lang="scss"> <style scoped lang="scss">
.page-container { .page-container {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -167,6 +167,7 @@ const annualReports = ref([
<style scoped lang="scss"> <style scoped lang="scss">
.page-container { .page-container {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -168,6 +168,7 @@ const annualReports = ref([
<style scoped lang="scss"> <style scoped lang="scss">
.page-container { .page-container {
background-image: url("@/assets/image/bg-375.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -167,6 +167,7 @@ const annualReports = ref([
<style scoped lang="scss"> <style scoped lang="scss">
.page-container { .page-container {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -472,6 +472,7 @@ const handleViewDocument = (val, type) => {
<style scoped lang="scss"> <style scoped lang="scss">
.page-container { .page-container {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -473,6 +473,7 @@ const handleViewDocument = (val, type) => {
<style scoped lang="scss"> <style scoped lang="scss">
.page-container { .page-container {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -473,6 +473,7 @@ const handleViewDocument = (val, type) => {
<style scoped lang="scss"> <style scoped lang="scss">
.page-container { .page-container {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -474,6 +474,7 @@ const handleViewDocument = (val, type) => {
<style scoped lang="scss"> <style scoped lang="scss">
.page-container { .page-container {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -164,6 +164,7 @@ const handleViewDocument = (val, type) => {
<style scoped lang="scss"> <style scoped lang="scss">
.page-container { .page-container {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -164,6 +164,7 @@ const handleViewDocument = (val, type) => {
<style scoped lang="scss"> <style scoped lang="scss">
.page-container { .page-container {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -164,6 +164,7 @@ const handleViewDocument = (val, type) => {
<style scoped lang="scss"> <style scoped lang="scss">
.page-container { .page-container {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -164,6 +164,7 @@ const handleViewDocument = (val, type) => {
<style scoped lang="scss"> <style scoped lang="scss">
.page-container { .page-container {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -1,114 +1,100 @@
<script setup> <script setup>
import { NCarousel, NDivider, NMarquee, NPopselect } from "naive-ui"; import { NCarousel, NDivider, NMarquee, NPopselect } from 'naive-ui'
import { onUnmounted, ref, watch, onMounted, computed } from "vue"; import { onUnmounted, ref, watch, onMounted, computed } from 'vue'
</script> </script>
<template> <template>
<div class="privacy-policy"> <div class="privacy-policy">
<section <section class="privacy-intro" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-intro"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h1 class="section-titles">Privacy Policy</h1> <h1 class="section-titles">Privacy Policy</h1>
<div class="content-block"> <div class="content-block">
<p> <p>
<strong> <strong>
We at FiEE, Inc. and its subsidiaries ("FiEE") are committed to We at FiEE, Inc. and its subsidiaries ("FiEE") are committed to
maintaining the privacy and security of visitors to our website. maintaining the privacy and security of visitors to our website. Through
Through this privacy policy, FiEE wants to assure you of our this privacy policy, FiEE wants to assure you of our commitment to
commitment to privacy and security. privacy and security.
</strong> </strong>
</p> </p>
<p> <p>
Our privacy philosophy is based on the concept of fair information Our privacy philosophy is based on the concept of fair information
practices. This means we provide visitors to our website with notice practices. This means we provide visitors to our website with notice of
of how we manage information so that they can have a more informed how we manage information so that they can have a more informed
understanding of how we operate. understanding of how we operate.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-notice" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-notice"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Notice</h3> <h3 class="section-title">Notice</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
If we collect information about you, we will tell you what information If we collect information about you, we will tell you what information is
is being collected, how, by whom and for what purposes. being collected, how, by whom and for what purposes.
</p> </p>
<p> <p>
Through this statement and our web pages, we let you know what types Through this statement and our web pages, we let you know what types of
of information we collect from and about you, the types and intended information we collect from and about you, the types and intended uses of
uses of such information, and the types of third parties to whom the such information, and the types of third parties to whom the information
information may be disclosed. If we collect information from you, we may be disclosed. If we collect information from you, we clearly identify
clearly identify the information that is necessary to fulfill your the information that is necessary to fulfill your request and the optional
request and the optional information that is used to deliver tailored information that is used to deliver tailored information to you.
information to you.
</p> </p>
<p> <p>
When you visit our site, we may collect information about your use of When you visit our site, we may collect information about your use of our
our site through "cookies". Cookies are small bits of information site through "cookies". Cookies are small bits of information transferred
transferred to your computer's hard drive that allow us to know how to your computer's hard drive that allow us to know how often someone
often someone visits our site and the activities they conduct while on visits our site and the activities they conduct while on the site. The
the site. The information collected by cookies allows us to monitor information collected by cookies allows us to monitor how our customers
how our customers are using our web site. If you simply want to are using our web site. If you simply want to browse, you do not have to
browse, you do not have to accept cookies from us. However, if you accept cookies from us. However, if you wish to take advantage of specific
wish to take advantage of specific services offered online, we may services offered online, we may require you to accept cookies placed by a
require you to accept cookies placed by a third party supporting this third party supporting this activity on our behalf. We also capture the
activity on our behalf. We also capture the paths taken as you move paths taken as you move from page to page (i.e., your "click stream"
from page to page (i.e., your "click stream" activity). activity).
</p> </p>
<p> <p>
Information we collect on fiee.com may be used to enhance your use of Information we collect on fiee.com may be used to enhance your use of this
this web site in ways like these: web site in ways like these:
</p> </p>
<ul> <ul>
<li>Arrange the web site in the most user-friendly way</li> <li>Arrange the web site in the most user-friendly way</li>
<li>Customize your browsing experience of this web site</li> <li>Customize your browsing experience of this web site</li>
<li>Respond to your questions or suggestions</li> <li>Respond to your questions or suggestions</li>
<li> <li>
Disclosure of personal information for legal purposes and protection Disclosure of personal information for legal purposes and protection of
of fiee.com and others: fiee.com and others:
</li> </li>
</ul> </ul>
<p> <p>
We reserve the right to share your personal information with third We reserve the right to share your personal information with third parties
parties if required to do so by law or if we believe such action is if required to do so by law or if we believe such action is necessary in
necessary in order to: (a) conform with the requirements of the law or order to: (a) conform with the requirements of the law or to comply with
to comply with legal process served upon us; (b) protect or defend our legal process served upon us; (b) protect or defend our legal rights or
legal rights or property, fiee.com, or our users; or (c) investigate, property, fiee.com, or our users; or (c) investigate, prevent, or take
prevent, or take action regarding illegal activities, suspected fraud, action regarding illegal activities, suspected fraud, situations involving
situations involving potential threats to the physical safety of any potential threats to the physical safety of any person, or violations of
person, or violations of the terms and conditions of using fiee.com. the terms and conditions of using fiee.com.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-linking" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-linking"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Linking to Other Sites</h3> <h3 class="section-title">Linking to Other Sites</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
Please remember that when you use a link to go from fiee.com to Please remember that when you use a link to go from fiee.com to another
another web site, the fiee.com Terms &amp; Conditions and this Privacy web site, the fiee.com Terms &amp; Conditions and this Privacy Policy are
Policy are no longer in effect. Your browsing and interaction on any no longer in effect. Your browsing and interaction on any other web site,
other web site, including any site that has a link on fiee.com, is including any site that has a link on fiee.com, is subject to the rules
subject to the rules and policies of that site. We encourage you to and policies of that site. We encourage you to read the rules and policies
read the rules and policies of the sites you visit to further of the sites you visit to further understand their procedures for
understand their procedures for collecting, using, and disclosing collecting, using, and disclosing personal information.
personal information.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-choice" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-choice"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Choice</h3> <h3 class="section-title">Choice</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
@ -116,106 +102,89 @@ import { onUnmounted, ref, watch, onMounted, computed } from "vue";
provide us may be used. provide us may be used.
</p> </p>
<p> <p>
Before we use your personal information for any purpose, we will give Before we use your personal information for any purpose, we will give you
you choices about whether or not to allow us to engage in that use. We choices about whether or not to allow us to engage in that use. We will
will give you the opportunity to keep us from using or sharing the give you the opportunity to keep us from using or sharing the personal
personal information that you have provided to us for purposes other information that you have provided to us for purposes other than to
than to fulfill your request. To exercise this choice, we will allow fulfill your request. To exercise this choice, we will allow you to notify
you to notify us of your preferences during the information collection us of your preferences during the information collection process.
process.
</p> </p>
<p> <p>
If there are third parties that process FiEE data, we will require If there are third parties that process FiEE data, we will require them to
them to hold all personally-identifiable information confidential, and hold all personally-identifiable information confidential, and to use our
to use our customer information only for the purpose of fulfilling customer information only for the purpose of fulfilling their business
their business obligation. We do not sell personally identifiable obligation. We do not sell personally identifiable information to third
information to third party marketers. party marketers.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-security" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-security"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Security</h3> <h3 class="section-title">Security</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
We use recognized industry safeguards to protect personally We use recognized industry safeguards to protect personally identifiable
identifiable information from unauthorized access or use. information from unauthorized access or use.
</p> </p>
<p> <p>
We will employ industry recognized security safeguards to protect the We will employ industry recognized security safeguards to protect the
personally identifiable information that you have provided to us from personally identifiable information that you have provided to us from
loss, misuse and unauthorized alteration. If you are required to loss, misuse and unauthorized alteration. If you are required to transmit
transmit sensitive information (such as social security and/or credit sensitive information (such as social security and/or credit information)
information) to us through our Web site, we will provide you access to to us through our Web site, we will provide you access to our secure
our secure server that allows encryption of your data as it is server that allows encryption of your data as it is transmitted to us.
transmitted to us.
</p> </p>
<p> <p>
We will protect personally identifiable information stored on the We will protect personally identifiable information stored on the site's
site's servers from unauthorized access using commercially available servers from unauthorized access using commercially available computer
computer security products (e.g., firewalls), as well as carefully security products (e.g., firewalls), as well as carefully developed
developed security procedures and practices. security procedures and practices.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-access" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-access"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Access</h3> <h3 class="section-title">Access</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
We will let you update your personal information that you have We will let you update your personal information that you have provided to
provided to us. We will also take steps to make sure that any updates us. We will also take steps to make sure that any updates that you provide
that you provide are processed in a timely and complete manner. are processed in a timely and complete manner.
</p> </p>
<p> <p>
If we collect personal information through our sites, we will maintain If we collect personal information through our sites, we will maintain the
the information and allow you to update it at any time. We will information and allow you to update it at any time. We will continue to
continue to work on better methods of accessing your information to work on better methods of accessing your information to increase your
increase your access to it for update purposes. Note that our site may access to it for update purposes. Note that our site may contain links to
contain links to other sites that are beyond our control, and that you other sites that are beyond our control, and that you may want to read
may want to read that sites' privacy policy before entering that sites' privacy policy before entering information.
information.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-contact" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-contact"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Customer Service &amp; Recourse</h3> <h3 class="section-title">Customer Service &amp; Recourse</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
We will tell you how you can contact us regarding our privacy We will tell you how you can contact us regarding our privacy statement
statement and practices. and practices.
</p> </p>
<p> <p>
If you have any questions about this privacy statement, our If you have any questions about this privacy statement, our information
information handling practices, or any other aspects of your privacy handling practices, or any other aspects of your privacy and the security
and the security of information, please send an e-mail to of information, please send an e-mail to fiee@dlkadvisory.com.
fiee@dlkadvisory.com.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-updates" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-updates"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Updates</h3> <h3 class="section-title">Updates</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
FiEE may periodically update this policy to describe how new Web FiEE may periodically update this policy to describe how new Web features
features may affect our use of your information and to let you know of may affect our use of your information and to let you know of new controls
new controls and features that we may provide you. FiEE will NOT apply and features that we may provide you. FiEE will NOT apply changes to this
changes to this policy retroactively to information FiEE has policy retroactively to information FiEE has previously collected.
previously collected.
</p> </p>
</div> </div>
</section> </section>
@ -224,6 +193,7 @@ import { onUnmounted, ref, watch, onMounted, computed } from "vue";
<style scoped lang="scss"> <style scoped lang="scss">
.privacy-policy { .privacy-policy {
background-image: url("@/assets/image/bg-mobile.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -1,114 +1,100 @@
<script setup> <script setup>
import { NCarousel, NDivider, NMarquee, NPopselect } from "naive-ui"; import { NCarousel, NDivider, NMarquee, NPopselect } from 'naive-ui'
import { onUnmounted, ref, watch, onMounted, computed } from "vue"; import { onUnmounted, ref, watch, onMounted, computed } from 'vue'
</script> </script>
<template> <template>
<div class="privacy-policy"> <div class="privacy-policy">
<section <section class="privacy-intro" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-intro"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h1 class="section-titles">Privacy Policy</h1> <h1 class="section-titles">Privacy Policy</h1>
<div class="content-block"> <div class="content-block">
<p> <p>
<strong> <strong>
We at FiEE, Inc. and its subsidiaries ("FiEE") are committed to We at FiEE, Inc. and its subsidiaries ("FiEE") are committed to
maintaining the privacy and security of visitors to our website. maintaining the privacy and security of visitors to our website. Through
Through this privacy policy, FiEE wants to assure you of our this privacy policy, FiEE wants to assure you of our commitment to
commitment to privacy and security. privacy and security.
</strong> </strong>
</p> </p>
<p> <p>
Our privacy philosophy is based on the concept of fair information Our privacy philosophy is based on the concept of fair information
practices. This means we provide visitors to our website with notice practices. This means we provide visitors to our website with notice of
of how we manage information so that they can have a more informed how we manage information so that they can have a more informed
understanding of how we operate. understanding of how we operate.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-notice" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-notice"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Notice</h3> <h3 class="section-title">Notice</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
If we collect information about you, we will tell you what information If we collect information about you, we will tell you what information is
is being collected, how, by whom and for what purposes. being collected, how, by whom and for what purposes.
</p> </p>
<p> <p>
Through this statement and our web pages, we let you know what types Through this statement and our web pages, we let you know what types of
of information we collect from and about you, the types and intended information we collect from and about you, the types and intended uses of
uses of such information, and the types of third parties to whom the such information, and the types of third parties to whom the information
information may be disclosed. If we collect information from you, we may be disclosed. If we collect information from you, we clearly identify
clearly identify the information that is necessary to fulfill your the information that is necessary to fulfill your request and the optional
request and the optional information that is used to deliver tailored information that is used to deliver tailored information to you.
information to you.
</p> </p>
<p> <p>
When you visit our site, we may collect information about your use of When you visit our site, we may collect information about your use of our
our site through "cookies". Cookies are small bits of information site through "cookies". Cookies are small bits of information transferred
transferred to your computer's hard drive that allow us to know how to your computer's hard drive that allow us to know how often someone
often someone visits our site and the activities they conduct while on visits our site and the activities they conduct while on the site. The
the site. The information collected by cookies allows us to monitor information collected by cookies allows us to monitor how our customers
how our customers are using our web site. If you simply want to are using our web site. If you simply want to browse, you do not have to
browse, you do not have to accept cookies from us. However, if you accept cookies from us. However, if you wish to take advantage of specific
wish to take advantage of specific services offered online, we may services offered online, we may require you to accept cookies placed by a
require you to accept cookies placed by a third party supporting this third party supporting this activity on our behalf. We also capture the
activity on our behalf. We also capture the paths taken as you move paths taken as you move from page to page (i.e., your "click stream"
from page to page (i.e., your "click stream" activity). activity).
</p> </p>
<p> <p>
Information we collect on fiee.com may be used to enhance your use of Information we collect on fiee.com may be used to enhance your use of this
this web site in ways like these: web site in ways like these:
</p> </p>
<ul> <ul>
<li>Arrange the web site in the most user-friendly way</li> <li>Arrange the web site in the most user-friendly way</li>
<li>Customize your browsing experience of this web site</li> <li>Customize your browsing experience of this web site</li>
<li>Respond to your questions or suggestions</li> <li>Respond to your questions or suggestions</li>
<li> <li>
Disclosure of personal information for legal purposes and protection Disclosure of personal information for legal purposes and protection of
of fiee.com and others: fiee.com and others:
</li> </li>
</ul> </ul>
<p> <p>
We reserve the right to share your personal information with third We reserve the right to share your personal information with third parties
parties if required to do so by law or if we believe such action is if required to do so by law or if we believe such action is necessary in
necessary in order to: (a) conform with the requirements of the law or order to: (a) conform with the requirements of the law or to comply with
to comply with legal process served upon us; (b) protect or defend our legal process served upon us; (b) protect or defend our legal rights or
legal rights or property, fiee.com, or our users; or (c) investigate, property, fiee.com, or our users; or (c) investigate, prevent, or take
prevent, or take action regarding illegal activities, suspected fraud, action regarding illegal activities, suspected fraud, situations involving
situations involving potential threats to the physical safety of any potential threats to the physical safety of any person, or violations of
person, or violations of the terms and conditions of using fiee.com. the terms and conditions of using fiee.com.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-linking" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-linking"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Linking to Other Sites</h3> <h3 class="section-title">Linking to Other Sites</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
Please remember that when you use a link to go from fiee.com to Please remember that when you use a link to go from fiee.com to another
another web site, the fiee.com Terms &amp; Conditions and this Privacy web site, the fiee.com Terms &amp; Conditions and this Privacy Policy are
Policy are no longer in effect. Your browsing and interaction on any no longer in effect. Your browsing and interaction on any other web site,
other web site, including any site that has a link on fiee.com, is including any site that has a link on fiee.com, is subject to the rules
subject to the rules and policies of that site. We encourage you to and policies of that site. We encourage you to read the rules and policies
read the rules and policies of the sites you visit to further of the sites you visit to further understand their procedures for
understand their procedures for collecting, using, and disclosing collecting, using, and disclosing personal information.
personal information.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-choice" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-choice"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Choice</h3> <h3 class="section-title">Choice</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
@ -116,106 +102,89 @@ import { onUnmounted, ref, watch, onMounted, computed } from "vue";
provide us may be used. provide us may be used.
</p> </p>
<p> <p>
Before we use your personal information for any purpose, we will give Before we use your personal information for any purpose, we will give you
you choices about whether or not to allow us to engage in that use. We choices about whether or not to allow us to engage in that use. We will
will give you the opportunity to keep us from using or sharing the give you the opportunity to keep us from using or sharing the personal
personal information that you have provided to us for purposes other information that you have provided to us for purposes other than to
than to fulfill your request. To exercise this choice, we will allow fulfill your request. To exercise this choice, we will allow you to notify
you to notify us of your preferences during the information collection us of your preferences during the information collection process.
process.
</p> </p>
<p> <p>
If there are third parties that process FiEE data, we will require If there are third parties that process FiEE data, we will require them to
them to hold all personally-identifiable information confidential, and hold all personally-identifiable information confidential, and to use our
to use our customer information only for the purpose of fulfilling customer information only for the purpose of fulfilling their business
their business obligation. We do not sell personally identifiable obligation. We do not sell personally identifiable information to third
information to third party marketers. party marketers.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-security" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-security"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Security</h3> <h3 class="section-title">Security</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
We use recognized industry safeguards to protect personally We use recognized industry safeguards to protect personally identifiable
identifiable information from unauthorized access or use. information from unauthorized access or use.
</p> </p>
<p> <p>
We will employ industry recognized security safeguards to protect the We will employ industry recognized security safeguards to protect the
personally identifiable information that you have provided to us from personally identifiable information that you have provided to us from
loss, misuse and unauthorized alteration. If you are required to loss, misuse and unauthorized alteration. If you are required to transmit
transmit sensitive information (such as social security and/or credit sensitive information (such as social security and/or credit information)
information) to us through our Web site, we will provide you access to to us through our Web site, we will provide you access to our secure
our secure server that allows encryption of your data as it is server that allows encryption of your data as it is transmitted to us.
transmitted to us.
</p> </p>
<p> <p>
We will protect personally identifiable information stored on the We will protect personally identifiable information stored on the site's
site's servers from unauthorized access using commercially available servers from unauthorized access using commercially available computer
computer security products (e.g., firewalls), as well as carefully security products (e.g., firewalls), as well as carefully developed
developed security procedures and practices. security procedures and practices.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-access" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-access"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Access</h3> <h3 class="section-title">Access</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
We will let you update your personal information that you have We will let you update your personal information that you have provided to
provided to us. We will also take steps to make sure that any updates us. We will also take steps to make sure that any updates that you provide
that you provide are processed in a timely and complete manner. are processed in a timely and complete manner.
</p> </p>
<p> <p>
If we collect personal information through our sites, we will maintain If we collect personal information through our sites, we will maintain the
the information and allow you to update it at any time. We will information and allow you to update it at any time. We will continue to
continue to work on better methods of accessing your information to work on better methods of accessing your information to increase your
increase your access to it for update purposes. Note that our site may access to it for update purposes. Note that our site may contain links to
contain links to other sites that are beyond our control, and that you other sites that are beyond our control, and that you may want to read
may want to read that sites' privacy policy before entering that sites' privacy policy before entering information.
information.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-contact" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-contact"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Customer Service &amp; Recourse</h3> <h3 class="section-title">Customer Service &amp; Recourse</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
We will tell you how you can contact us regarding our privacy We will tell you how you can contact us regarding our privacy statement
statement and practices. and practices.
</p> </p>
<p> <p>
If you have any questions about this privacy statement, our If you have any questions about this privacy statement, our information
information handling practices, or any other aspects of your privacy handling practices, or any other aspects of your privacy and the security
and the security of information, please send an e-mail to of information, please send an e-mail to fiee@dlkadvisory.com.
fiee@dlkadvisory.com.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-updates" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-updates"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Updates</h3> <h3 class="section-title">Updates</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
FiEE may periodically update this policy to describe how new Web FiEE may periodically update this policy to describe how new Web features
features may affect our use of your information and to let you know of may affect our use of your information and to let you know of new controls
new controls and features that we may provide you. FiEE will NOT apply and features that we may provide you. FiEE will NOT apply changes to this
changes to this policy retroactively to information FiEE has policy retroactively to information FiEE has previously collected.
previously collected.
</p> </p>
</div> </div>
</section> </section>
@ -224,6 +193,7 @@ import { onUnmounted, ref, watch, onMounted, computed } from "vue";
<style scoped lang="scss"> <style scoped lang="scss">
.privacy-policy { .privacy-policy {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -1,114 +1,100 @@
<script setup> <script setup>
import { NCarousel, NDivider, NMarquee, NPopselect } from "naive-ui"; import { NCarousel, NDivider, NMarquee, NPopselect } from 'naive-ui'
import { onUnmounted, ref, watch, onMounted, computed } from "vue"; import { onUnmounted, ref, watch, onMounted, computed } from 'vue'
</script> </script>
<template> <template>
<div class="privacy-policy"> <div class="privacy-policy">
<section <section class="privacy-intro" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-intro"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h1 class="section-titles">Privacy Policy</h1> <h1 class="section-titles">Privacy Policy</h1>
<div class="content-block"> <div class="content-block">
<p> <p>
<strong> <strong>
We at FiEE, Inc. and its subsidiaries ("FiEE") are committed to We at FiEE, Inc. and its subsidiaries ("FiEE") are committed to
maintaining the privacy and security of visitors to our website. maintaining the privacy and security of visitors to our website. Through
Through this privacy policy, FiEE wants to assure you of our this privacy policy, FiEE wants to assure you of our commitment to
commitment to privacy and security. privacy and security.
</strong> </strong>
</p> </p>
<p> <p>
Our privacy philosophy is based on the concept of fair information Our privacy philosophy is based on the concept of fair information
practices. This means we provide visitors to our website with notice practices. This means we provide visitors to our website with notice of
of how we manage information so that they can have a more informed how we manage information so that they can have a more informed
understanding of how we operate. understanding of how we operate.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-notice" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-notice"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Notice</h3> <h3 class="section-title">Notice</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
If we collect information about you, we will tell you what information If we collect information about you, we will tell you what information is
is being collected, how, by whom and for what purposes. being collected, how, by whom and for what purposes.
</p> </p>
<p> <p>
Through this statement and our web pages, we let you know what types Through this statement and our web pages, we let you know what types of
of information we collect from and about you, the types and intended information we collect from and about you, the types and intended uses of
uses of such information, and the types of third parties to whom the such information, and the types of third parties to whom the information
information may be disclosed. If we collect information from you, we may be disclosed. If we collect information from you, we clearly identify
clearly identify the information that is necessary to fulfill your the information that is necessary to fulfill your request and the optional
request and the optional information that is used to deliver tailored information that is used to deliver tailored information to you.
information to you.
</p> </p>
<p> <p>
When you visit our site, we may collect information about your use of When you visit our site, we may collect information about your use of our
our site through "cookies". Cookies are small bits of information site through "cookies". Cookies are small bits of information transferred
transferred to your computer's hard drive that allow us to know how to your computer's hard drive that allow us to know how often someone
often someone visits our site and the activities they conduct while on visits our site and the activities they conduct while on the site. The
the site. The information collected by cookies allows us to monitor information collected by cookies allows us to monitor how our customers
how our customers are using our web site. If you simply want to are using our web site. If you simply want to browse, you do not have to
browse, you do not have to accept cookies from us. However, if you accept cookies from us. However, if you wish to take advantage of specific
wish to take advantage of specific services offered online, we may services offered online, we may require you to accept cookies placed by a
require you to accept cookies placed by a third party supporting this third party supporting this activity on our behalf. We also capture the
activity on our behalf. We also capture the paths taken as you move paths taken as you move from page to page (i.e., your "click stream"
from page to page (i.e., your "click stream" activity). activity).
</p> </p>
<p> <p>
Information we collect on fiee.com may be used to enhance your use of Information we collect on fiee.com may be used to enhance your use of this
this web site in ways like these: web site in ways like these:
</p> </p>
<ul> <ul>
<li>Arrange the web site in the most user-friendly way</li> <li>Arrange the web site in the most user-friendly way</li>
<li>Customize your browsing experience of this web site</li> <li>Customize your browsing experience of this web site</li>
<li>Respond to your questions or suggestions</li> <li>Respond to your questions or suggestions</li>
<li> <li>
Disclosure of personal information for legal purposes and protection Disclosure of personal information for legal purposes and protection of
of fiee.com and others: fiee.com and others:
</li> </li>
</ul> </ul>
<p> <p>
We reserve the right to share your personal information with third We reserve the right to share your personal information with third parties
parties if required to do so by law or if we believe such action is if required to do so by law or if we believe such action is necessary in
necessary in order to: (a) conform with the requirements of the law or order to: (a) conform with the requirements of the law or to comply with
to comply with legal process served upon us; (b) protect or defend our legal process served upon us; (b) protect or defend our legal rights or
legal rights or property, fiee.com, or our users; or (c) investigate, property, fiee.com, or our users; or (c) investigate, prevent, or take
prevent, or take action regarding illegal activities, suspected fraud, action regarding illegal activities, suspected fraud, situations involving
situations involving potential threats to the physical safety of any potential threats to the physical safety of any person, or violations of
person, or violations of the terms and conditions of using fiee.com. the terms and conditions of using fiee.com.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-linking" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-linking"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Linking to Other Sites</h3> <h3 class="section-title">Linking to Other Sites</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
Please remember that when you use a link to go from fiee.com to Please remember that when you use a link to go from fiee.com to another
another web site, the fiee.com Terms &amp; Conditions and this Privacy web site, the fiee.com Terms &amp; Conditions and this Privacy Policy are
Policy are no longer in effect. Your browsing and interaction on any no longer in effect. Your browsing and interaction on any other web site,
other web site, including any site that has a link on fiee.com, is including any site that has a link on fiee.com, is subject to the rules
subject to the rules and policies of that site. We encourage you to and policies of that site. We encourage you to read the rules and policies
read the rules and policies of the sites you visit to further of the sites you visit to further understand their procedures for
understand their procedures for collecting, using, and disclosing collecting, using, and disclosing personal information.
personal information.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-choice" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-choice"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Choice</h3> <h3 class="section-title">Choice</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
@ -116,106 +102,89 @@ import { onUnmounted, ref, watch, onMounted, computed } from "vue";
provide us may be used. provide us may be used.
</p> </p>
<p> <p>
Before we use your personal information for any purpose, we will give Before we use your personal information for any purpose, we will give you
you choices about whether or not to allow us to engage in that use. We choices about whether or not to allow us to engage in that use. We will
will give you the opportunity to keep us from using or sharing the give you the opportunity to keep us from using or sharing the personal
personal information that you have provided to us for purposes other information that you have provided to us for purposes other than to
than to fulfill your request. To exercise this choice, we will allow fulfill your request. To exercise this choice, we will allow you to notify
you to notify us of your preferences during the information collection us of your preferences during the information collection process.
process.
</p> </p>
<p> <p>
If there are third parties that process FiEE data, we will require If there are third parties that process FiEE data, we will require them to
them to hold all personally-identifiable information confidential, and hold all personally-identifiable information confidential, and to use our
to use our customer information only for the purpose of fulfilling customer information only for the purpose of fulfilling their business
their business obligation. We do not sell personally identifiable obligation. We do not sell personally identifiable information to third
information to third party marketers. party marketers.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-security" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-security"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Security</h3> <h3 class="section-title">Security</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
We use recognized industry safeguards to protect personally We use recognized industry safeguards to protect personally identifiable
identifiable information from unauthorized access or use. information from unauthorized access or use.
</p> </p>
<p> <p>
We will employ industry recognized security safeguards to protect the We will employ industry recognized security safeguards to protect the
personally identifiable information that you have provided to us from personally identifiable information that you have provided to us from
loss, misuse and unauthorized alteration. If you are required to loss, misuse and unauthorized alteration. If you are required to transmit
transmit sensitive information (such as social security and/or credit sensitive information (such as social security and/or credit information)
information) to us through our Web site, we will provide you access to to us through our Web site, we will provide you access to our secure
our secure server that allows encryption of your data as it is server that allows encryption of your data as it is transmitted to us.
transmitted to us.
</p> </p>
<p> <p>
We will protect personally identifiable information stored on the We will protect personally identifiable information stored on the site's
site's servers from unauthorized access using commercially available servers from unauthorized access using commercially available computer
computer security products (e.g., firewalls), as well as carefully security products (e.g., firewalls), as well as carefully developed
developed security procedures and practices. security procedures and practices.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-access" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-access"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Access</h3> <h3 class="section-title">Access</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
We will let you update your personal information that you have We will let you update your personal information that you have provided to
provided to us. We will also take steps to make sure that any updates us. We will also take steps to make sure that any updates that you provide
that you provide are processed in a timely and complete manner. are processed in a timely and complete manner.
</p> </p>
<p> <p>
If we collect personal information through our sites, we will maintain If we collect personal information through our sites, we will maintain the
the information and allow you to update it at any time. We will information and allow you to update it at any time. We will continue to
continue to work on better methods of accessing your information to work on better methods of accessing your information to increase your
increase your access to it for update purposes. Note that our site may access to it for update purposes. Note that our site may contain links to
contain links to other sites that are beyond our control, and that you other sites that are beyond our control, and that you may want to read
may want to read that sites' privacy policy before entering that sites' privacy policy before entering information.
information.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-contact" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-contact"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Customer Service &amp; Recourse</h3> <h3 class="section-title">Customer Service &amp; Recourse</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
We will tell you how you can contact us regarding our privacy We will tell you how you can contact us regarding our privacy statement
statement and practices. and practices.
</p> </p>
<p> <p>
If you have any questions about this privacy statement, our If you have any questions about this privacy statement, our information
information handling practices, or any other aspects of your privacy handling practices, or any other aspects of your privacy and the security
and the security of information, please send an e-mail to of information, please send an e-mail to fiee@dlkadvisory.com.
fiee@dlkadvisory.com.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-updates" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-updates"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Updates</h3> <h3 class="section-title">Updates</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
FiEE may periodically update this policy to describe how new Web FiEE may periodically update this policy to describe how new Web features
features may affect our use of your information and to let you know of may affect our use of your information and to let you know of new controls
new controls and features that we may provide you. FiEE will NOT apply and features that we may provide you. FiEE will NOT apply changes to this
changes to this policy retroactively to information FiEE has policy retroactively to information FiEE has previously collected.
previously collected.
</p> </p>
</div> </div>
</section> </section>
@ -224,6 +193,7 @@ import { onUnmounted, ref, watch, onMounted, computed } from "vue";
<style scoped lang="scss"> <style scoped lang="scss">
.privacy-policy { .privacy-policy {
background-image: url("@/assets/image/bg-mobile.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -1,114 +1,100 @@
<script setup> <script setup>
import { NCarousel, NDivider, NMarquee, NPopselect } from "naive-ui"; import { NCarousel, NDivider, NMarquee, NPopselect } from 'naive-ui'
import { onUnmounted, ref, watch, onMounted, computed } from "vue"; import { onUnmounted, ref, watch, onMounted, computed } from 'vue'
</script> </script>
<template> <template>
<div class="privacy-policy"> <div class="privacy-policy">
<section <section class="privacy-intro" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-intro"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h1 class="section-titles">Privacy Policy</h1> <h1 class="section-titles">Privacy Policy</h1>
<div class="content-block"> <div class="content-block">
<p> <p>
<strong> <strong>
We at FiEE, Inc. and its subsidiaries ("FiEE") are committed to We at FiEE, Inc. and its subsidiaries ("FiEE") are committed to
maintaining the privacy and security of visitors to our website. maintaining the privacy and security of visitors to our website. Through
Through this privacy policy, FiEE wants to assure you of our this privacy policy, FiEE wants to assure you of our commitment to
commitment to privacy and security. privacy and security.
</strong> </strong>
</p> </p>
<p> <p>
Our privacy philosophy is based on the concept of fair information Our privacy philosophy is based on the concept of fair information
practices. This means we provide visitors to our website with notice practices. This means we provide visitors to our website with notice of
of how we manage information so that they can have a more informed how we manage information so that they can have a more informed
understanding of how we operate. understanding of how we operate.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-notice" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-notice"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Notice</h3> <h3 class="section-title">Notice</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
If we collect information about you, we will tell you what information If we collect information about you, we will tell you what information is
is being collected, how, by whom and for what purposes. being collected, how, by whom and for what purposes.
</p> </p>
<p> <p>
Through this statement and our web pages, we let you know what types Through this statement and our web pages, we let you know what types of
of information we collect from and about you, the types and intended information we collect from and about you, the types and intended uses of
uses of such information, and the types of third parties to whom the such information, and the types of third parties to whom the information
information may be disclosed. If we collect information from you, we may be disclosed. If we collect information from you, we clearly identify
clearly identify the information that is necessary to fulfill your the information that is necessary to fulfill your request and the optional
request and the optional information that is used to deliver tailored information that is used to deliver tailored information to you.
information to you.
</p> </p>
<p> <p>
When you visit our site, we may collect information about your use of When you visit our site, we may collect information about your use of our
our site through "cookies". Cookies are small bits of information site through "cookies". Cookies are small bits of information transferred
transferred to your computer's hard drive that allow us to know how to your computer's hard drive that allow us to know how often someone
often someone visits our site and the activities they conduct while on visits our site and the activities they conduct while on the site. The
the site. The information collected by cookies allows us to monitor information collected by cookies allows us to monitor how our customers
how our customers are using our web site. If you simply want to are using our web site. If you simply want to browse, you do not have to
browse, you do not have to accept cookies from us. However, if you accept cookies from us. However, if you wish to take advantage of specific
wish to take advantage of specific services offered online, we may services offered online, we may require you to accept cookies placed by a
require you to accept cookies placed by a third party supporting this third party supporting this activity on our behalf. We also capture the
activity on our behalf. We also capture the paths taken as you move paths taken as you move from page to page (i.e., your "click stream"
from page to page (i.e., your "click stream" activity). activity).
</p> </p>
<p> <p>
Information we collect on fiee.com may be used to enhance your use of Information we collect on fiee.com may be used to enhance your use of this
this web site in ways like these: web site in ways like these:
</p> </p>
<ul> <ul>
<li>Arrange the web site in the most user-friendly way</li> <li>Arrange the web site in the most user-friendly way</li>
<li>Customize your browsing experience of this web site</li> <li>Customize your browsing experience of this web site</li>
<li>Respond to your questions or suggestions</li> <li>Respond to your questions or suggestions</li>
<li> <li>
Disclosure of personal information for legal purposes and protection Disclosure of personal information for legal purposes and protection of
of fiee.com and others: fiee.com and others:
</li> </li>
</ul> </ul>
<p> <p>
We reserve the right to share your personal information with third We reserve the right to share your personal information with third parties
parties if required to do so by law or if we believe such action is if required to do so by law or if we believe such action is necessary in
necessary in order to: (a) conform with the requirements of the law or order to: (a) conform with the requirements of the law or to comply with
to comply with legal process served upon us; (b) protect or defend our legal process served upon us; (b) protect or defend our legal rights or
legal rights or property, fiee.com, or our users; or (c) investigate, property, fiee.com, or our users; or (c) investigate, prevent, or take
prevent, or take action regarding illegal activities, suspected fraud, action regarding illegal activities, suspected fraud, situations involving
situations involving potential threats to the physical safety of any potential threats to the physical safety of any person, or violations of
person, or violations of the terms and conditions of using fiee.com. the terms and conditions of using fiee.com.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-linking" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-linking"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Linking to Other Sites</h3> <h3 class="section-title">Linking to Other Sites</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
Please remember that when you use a link to go from fiee.com to Please remember that when you use a link to go from fiee.com to another
another web site, the fiee.com Terms &amp; Conditions and this Privacy web site, the fiee.com Terms &amp; Conditions and this Privacy Policy are
Policy are no longer in effect. Your browsing and interaction on any no longer in effect. Your browsing and interaction on any other web site,
other web site, including any site that has a link on fiee.com, is including any site that has a link on fiee.com, is subject to the rules
subject to the rules and policies of that site. We encourage you to and policies of that site. We encourage you to read the rules and policies
read the rules and policies of the sites you visit to further of the sites you visit to further understand their procedures for
understand their procedures for collecting, using, and disclosing collecting, using, and disclosing personal information.
personal information.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-choice" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-choice"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Choice</h3> <h3 class="section-title">Choice</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
@ -116,106 +102,89 @@ import { onUnmounted, ref, watch, onMounted, computed } from "vue";
provide us may be used. provide us may be used.
</p> </p>
<p> <p>
Before we use your personal information for any purpose, we will give Before we use your personal information for any purpose, we will give you
you choices about whether or not to allow us to engage in that use. We choices about whether or not to allow us to engage in that use. We will
will give you the opportunity to keep us from using or sharing the give you the opportunity to keep us from using or sharing the personal
personal information that you have provided to us for purposes other information that you have provided to us for purposes other than to
than to fulfill your request. To exercise this choice, we will allow fulfill your request. To exercise this choice, we will allow you to notify
you to notify us of your preferences during the information collection us of your preferences during the information collection process.
process.
</p> </p>
<p> <p>
If there are third parties that process FiEE data, we will require If there are third parties that process FiEE data, we will require them to
them to hold all personally-identifiable information confidential, and hold all personally-identifiable information confidential, and to use our
to use our customer information only for the purpose of fulfilling customer information only for the purpose of fulfilling their business
their business obligation. We do not sell personally identifiable obligation. We do not sell personally identifiable information to third
information to third party marketers. party marketers.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-security" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-security"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Security</h3> <h3 class="section-title">Security</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
We use recognized industry safeguards to protect personally We use recognized industry safeguards to protect personally identifiable
identifiable information from unauthorized access or use. information from unauthorized access or use.
</p> </p>
<p> <p>
We will employ industry recognized security safeguards to protect the We will employ industry recognized security safeguards to protect the
personally identifiable information that you have provided to us from personally identifiable information that you have provided to us from
loss, misuse and unauthorized alteration. If you are required to loss, misuse and unauthorized alteration. If you are required to transmit
transmit sensitive information (such as social security and/or credit sensitive information (such as social security and/or credit information)
information) to us through our Web site, we will provide you access to to us through our Web site, we will provide you access to our secure
our secure server that allows encryption of your data as it is server that allows encryption of your data as it is transmitted to us.
transmitted to us.
</p> </p>
<p> <p>
We will protect personally identifiable information stored on the We will protect personally identifiable information stored on the site's
site's servers from unauthorized access using commercially available servers from unauthorized access using commercially available computer
computer security products (e.g., firewalls), as well as carefully security products (e.g., firewalls), as well as carefully developed
developed security procedures and practices. security procedures and practices.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-access" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-access"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Access</h3> <h3 class="section-title">Access</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
We will let you update your personal information that you have We will let you update your personal information that you have provided to
provided to us. We will also take steps to make sure that any updates us. We will also take steps to make sure that any updates that you provide
that you provide are processed in a timely and complete manner. are processed in a timely and complete manner.
</p> </p>
<p> <p>
If we collect personal information through our sites, we will maintain If we collect personal information through our sites, we will maintain the
the information and allow you to update it at any time. We will information and allow you to update it at any time. We will continue to
continue to work on better methods of accessing your information to work on better methods of accessing your information to increase your
increase your access to it for update purposes. Note that our site may access to it for update purposes. Note that our site may contain links to
contain links to other sites that are beyond our control, and that you other sites that are beyond our control, and that you may want to read
may want to read that sites' privacy policy before entering that sites' privacy policy before entering information.
information.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-contact" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-contact"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Customer Service &amp; Recourse</h3> <h3 class="section-title">Customer Service &amp; Recourse</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
We will tell you how you can contact us regarding our privacy We will tell you how you can contact us regarding our privacy statement
statement and practices. and practices.
</p> </p>
<p> <p>
If you have any questions about this privacy statement, our If you have any questions about this privacy statement, our information
information handling practices, or any other aspects of your privacy handling practices, or any other aspects of your privacy and the security
and the security of information, please send an e-mail to of information, please send an e-mail to fiee@dlkadvisory.com.
fiee@dlkadvisory.com.
</p> </p>
</div> </div>
</section> </section>
<section <section class="privacy-updates" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="privacy-updates"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Updates</h3> <h3 class="section-title">Updates</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
FiEE may periodically update this policy to describe how new Web FiEE may periodically update this policy to describe how new Web features
features may affect our use of your information and to let you know of may affect our use of your information and to let you know of new controls
new controls and features that we may provide you. FiEE will NOT apply and features that we may provide you. FiEE will NOT apply changes to this
changes to this policy retroactively to information FiEE has policy retroactively to information FiEE has previously collected.
previously collected.
</p> </p>
</div> </div>
</section> </section>
@ -224,6 +193,7 @@ import { onUnmounted, ref, watch, onMounted, computed } from "vue";
<style scoped lang="scss"> <style scoped lang="scss">
.privacy-policy { .privacy-policy {
background-image: url("@/assets/image/bg-mobile.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -1,9 +1,6 @@
<template> <template>
<div class="site-map"> <div class="site-map">
<section <section class="site-map-intro" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="site-map-intro"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h1 class="section-titles">FiEE, Inc. Sitemap</h1> <h1 class="section-titles">FiEE, Inc. Sitemap</h1>
<div class="content-block"> <div class="content-block">
<p class="intro-text"> <p class="intro-text">
@ -12,31 +9,21 @@
</div> </div>
</section> </section>
<section <section class="site-map-corporate" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="site-map-corporate"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Corporate Information</h3> <h3 class="section-title">Corporate Information</h3>
<div class="content-block"> <div class="content-block">
<ul class="link-list"> <ul class="link-list">
<li @click="router.push('/companyoverview')">Company Overview</li> <li @click="router.push('/companyoverview')">Company Overview</li>
<li @click="router.push('/businessservices')"> <li @click="router.push('/businessservices')">Business Introduction</li>
Business Introduction
</li>
<li @click="router.push('/manage')">Management</li> <li @click="router.push('/manage')">Management</li>
<li @click="router.push('/boarddirectors')">Board of Directors</li> <li @click="router.push('/boarddirectors')">Board of Directors</li>
<li @click="router.push('/committeeappointment')"> <li @click="router.push('/committeeappointment')">Committee Appointments</li>
Committee Appointments
</li>
<li @click="router.push('/govern')">Governance</li> <li @click="router.push('/govern')">Governance</li>
</ul> </ul>
</div> </div>
</section> </section>
<section <section class="site-map-financial" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="site-map-financial"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Financial Information</h3> <h3 class="section-title">Financial Information</h3>
<div class="content-block"> <div class="content-block">
<ul class="link-list"> <ul class="link-list">
@ -47,10 +34,7 @@
</div> </div>
</section> </section>
<section <section class="site-map-stock" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="site-map-stock"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Stock Information</h3> <h3 class="section-title">Stock Information</h3>
<div class="content-block"> <div class="content-block">
<ul class="link-list"> <ul class="link-list">
@ -60,10 +44,7 @@
</div> </div>
</section> </section>
<section <section class="site-map-news" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="site-map-news"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">News Releases</h3> <h3 class="section-title">News Releases</h3>
<div class="content-block"> <div class="content-block">
<ul class="link-list"> <ul class="link-list">
@ -73,10 +54,7 @@
</div> </div>
</section> </section>
<section <section class="site-map-investor" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="site-map-investor"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Investor Resources</h3> <h3 class="section-title">Investor Resources</h3>
<div class="content-block"> <div class="content-block">
<ul class="link-list"> <ul class="link-list">
@ -86,65 +64,66 @@
</div> </div>
</section> </section>
</div> </div>
</template> </template>
<script setup> <script setup>
import { onMounted, ref, onUnmounted } from "vue"; import { onMounted, ref, onUnmounted } from "vue";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
const router = useRouter(); const router = useRouter();
</script> </script>
<style scoped> <style scoped>
.site-map { .site-map {
background-image: url("@/assets/image/bg-mobile.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.section-titles { .section-titles {
font-size: 2.5rem; font-size: 2.5rem;
margin-bottom: 30px; margin-bottom: 30px;
color: black; color: black;
} }
.section-title { .section-title {
font-size: 1.5rem; font-size: 1.5rem;
margin-bottom: 30px; margin-bottom: 30px;
color: #895bff; color: #895bff;
} }
.content-block { .content-block {
font-size: 1.1rem; font-size: 1.1rem;
line-height: 1.8; line-height: 1.8;
} }
.intro-text { .intro-text {
font-size: 1.2rem; font-size: 1.2rem;
margin-bottom: 20px; margin-bottom: 20px;
} }
.link-list { .link-list {
list-style: none; list-style: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.link-list li { .link-list li {
margin-bottom: 12px; margin-bottom: 12px;
cursor: pointer; cursor: pointer;
transition: color 0.3s ease; transition: color 0.3s ease;
text-decoration: underline; text-decoration: underline;
text-decoration-color: rgba(137, 91, 255, 0.5); text-decoration-color: rgba(137, 91, 255, 0.5);
text-underline-offset: 4px; text-underline-offset: 4px;
} }
.link-list li:hover { .link-list li:hover {
color: #895bff; color: #895bff;
text-decoration-color: #895bff; text-decoration-color: #895bff;
} }
/* 响应式设计 */ /* 响应式设计 */
@media (max-width: 768px) { @media (max-width: 768px) {
.grid-container { .grid-container {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
@ -164,5 +143,5 @@ const router = useRouter();
.intro-text { .intro-text {
font-size: 1.1rem; font-size: 1.1rem;
} }
} }
</style> </style>

View File

@ -1,16 +1,13 @@
<script setup> <script setup>
import { NCarousel, NDivider, NMarquee, NPopselect } from "naive-ui"; import { NCarousel, NDivider, NMarquee, NPopselect } from 'naive-ui'
import { onUnmounted, ref, watch, onMounted, computed } from "vue"; import { onUnmounted, ref, watch, onMounted, computed } from 'vue'
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
const router = useRouter(); const router = useRouter();
</script> </script>
<template> <template>
<div class="site-map"> <div class="site-map">
<section <section class="site-map-intro" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="site-map-intro"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h1 class="section-titles">FiEE, Inc. Sitemap</h1> <h1 class="section-titles">FiEE, Inc. Sitemap</h1>
<div class="content-block"> <div class="content-block">
<p class="intro-text"> <p class="intro-text">
@ -19,31 +16,21 @@ const router = useRouter();
</div> </div>
</section> </section>
<section <section class="site-map-corporate" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="site-map-corporate"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Corporate Information</h3> <h3 class="section-title">Corporate Information</h3>
<div class="content-block"> <div class="content-block">
<ul class="link-list"> <ul class="link-list">
<li @click="router.push('/companyoverview')">Company Overview</li> <li @click="router.push('/companyoverview')">Company Overview</li>
<li @click="router.push('/businessservices')"> <li @click="router.push('/businessservices')">Business Introduction</li>
Business Introduction
</li>
<li @click="router.push('/manage')">Management</li> <li @click="router.push('/manage')">Management</li>
<li @click="router.push('/boarddirectors')">Board of Directors</li> <li @click="router.push('/boarddirectors')">Board of Directors</li>
<li @click="router.push('/committeeappointment')"> <li @click="router.push('/committeeappointment')">Committee Appointments</li>
Committee Appointments
</li>
<li @click="router.push('/govern')">Governance</li> <li @click="router.push('/govern')">Governance</li>
</ul> </ul>
</div> </div>
</section> </section>
<section <section class="site-map-financial" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="site-map-financial"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Financial Information</h3> <h3 class="section-title">Financial Information</h3>
<div class="content-block"> <div class="content-block">
<ul class="link-list"> <ul class="link-list">
@ -54,10 +41,7 @@ const router = useRouter();
</div> </div>
</section> </section>
<section <section class="site-map-stock" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="site-map-stock"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Stock Information</h3> <h3 class="section-title">Stock Information</h3>
<div class="content-block"> <div class="content-block">
<ul class="link-list"> <ul class="link-list">
@ -67,10 +51,7 @@ const router = useRouter();
</div> </div>
</section> </section>
<section <section class="site-map-news" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="site-map-news"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">News Releases</h3> <h3 class="section-title">News Releases</h3>
<div class="content-block"> <div class="content-block">
<ul class="link-list"> <ul class="link-list">
@ -80,10 +61,7 @@ const router = useRouter();
</div> </div>
</section> </section>
<section <section class="site-map-investor" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="site-map-investor"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Investor Resources</h3> <h3 class="section-title">Investor Resources</h3>
<div class="content-block"> <div class="content-block">
<ul class="link-list"> <ul class="link-list">
@ -97,6 +75,7 @@ const router = useRouter();
<style scoped> <style scoped>
.site-map { .site-map {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -1,16 +1,13 @@
<script setup> <script setup>
import { NCarousel, NDivider, NMarquee, NPopselect } from "naive-ui"; import { NCarousel, NDivider, NMarquee, NPopselect } from 'naive-ui'
import { onUnmounted, ref, watch, onMounted, computed } from "vue"; import { onUnmounted, ref, watch, onMounted, computed } from 'vue'
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
const router = useRouter(); const router = useRouter();
</script> </script>
<template> <template>
<div class="site-map"> <div class="site-map">
<section <section class="site-map-intro" style="max-width: 1200px; margin: 30px auto; padding: 0 15px">
class="site-map-intro"
style="max-width: 1200px; margin: 30px auto; padding: 0 15px"
>
<h1 class="section-titles">FiEE, Inc. Sitemap</h1> <h1 class="section-titles">FiEE, Inc. Sitemap</h1>
<div class="content-block"> <div class="content-block">
<p class="intro-text"> <p class="intro-text">
@ -19,31 +16,21 @@ const router = useRouter();
</div> </div>
</section> </section>
<section <section class="site-map-corporate" style="max-width: 1200px; margin: 30px auto; padding: 0 15px">
class="site-map-corporate"
style="max-width: 1200px; margin: 30px auto; padding: 0 15px"
>
<h3 class="section-title">Corporate Information</h3> <h3 class="section-title">Corporate Information</h3>
<div class="content-block"> <div class="content-block">
<ul class="link-list"> <ul class="link-list">
<li @click="router.push('/companyoverview')">Company Overview</li> <li @click="router.push('/companyoverview')">Company Overview</li>
<li @click="router.push('/businessservices')"> <li @click="router.push('/businessservices')">Business Introduction</li>
Business Introduction
</li>
<li @click="router.push('/manage')">Management</li> <li @click="router.push('/manage')">Management</li>
<li @click="router.push('/boarddirectors')">Board of Directors</li> <li @click="router.push('/boarddirectors')">Board of Directors</li>
<li @click="router.push('/committeeappointment')"> <li @click="router.push('/committeeappointment')">Committee Appointments</li>
Committee Appointments
</li>
<li @click="router.push('/govern')">Governance</li> <li @click="router.push('/govern')">Governance</li>
</ul> </ul>
</div> </div>
</section> </section>
<section <section class="site-map-financial" style="max-width: 1200px; margin: 30px auto; padding: 0 15px">
class="site-map-financial"
style="max-width: 1200px; margin: 30px auto; padding: 0 15px"
>
<h3 class="section-title">Financial Information</h3> <h3 class="section-title">Financial Information</h3>
<div class="content-block"> <div class="content-block">
<ul class="link-list"> <ul class="link-list">
@ -54,10 +41,7 @@ const router = useRouter();
</div> </div>
</section> </section>
<section <section class="site-map-stock" style="max-width: 1200px; margin: 30px auto; padding: 0 15px">
class="site-map-stock"
style="max-width: 1200px; margin: 30px auto; padding: 0 15px"
>
<h3 class="section-title">Stock Information</h3> <h3 class="section-title">Stock Information</h3>
<div class="content-block"> <div class="content-block">
<ul class="link-list"> <ul class="link-list">
@ -67,10 +51,7 @@ const router = useRouter();
</div> </div>
</section> </section>
<section <section class="site-map-news" style="max-width: 1200px; margin: 30px auto; padding: 0 15px">
class="site-map-news"
style="max-width: 1200px; margin: 30px auto; padding: 0 15px"
>
<h3 class="section-title">News Releases</h3> <h3 class="section-title">News Releases</h3>
<div class="content-block"> <div class="content-block">
<ul class="link-list"> <ul class="link-list">
@ -80,10 +61,7 @@ const router = useRouter();
</div> </div>
</section> </section>
<section <section class="site-map-investor" style="max-width: 1200px; margin: 30px auto; padding: 0 15px">
class="site-map-investor"
style="max-width: 1200px; margin: 30px auto; padding: 0 15px"
>
<h3 class="section-title">Investor Resources</h3> <h3 class="section-title">Investor Resources</h3>
<div class="content-block"> <div class="content-block">
<ul class="link-list"> <ul class="link-list">
@ -97,6 +75,7 @@ const router = useRouter();
<style scoped> <style scoped>
.site-map { .site-map {
background-image: url("@/assets/image/bg-mobile.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -1,9 +1,6 @@
<template> <template>
<div class="site-map"> <div class="site-map">
<section <section class="site-map-intro" style="max-width: 1200px; margin: 40px auto; padding: 0 20px">
class="site-map-intro"
style="max-width: 1200px; margin: 40px auto; padding: 0 20px"
>
<h1 class="section-titles">FiEE, Inc. Sitemap</h1> <h1 class="section-titles">FiEE, Inc. Sitemap</h1>
<div class="content-block"> <div class="content-block">
<p class="intro-text"> <p class="intro-text">
@ -12,31 +9,21 @@
</div> </div>
</section> </section>
<section <section class="site-map-corporate" style="max-width: 1200px; margin: 40px auto; padding: 0 20px">
class="site-map-corporate"
style="max-width: 1200px; margin: 40px auto; padding: 0 20px"
>
<h3 class="section-title">Corporate Information</h3> <h3 class="section-title">Corporate Information</h3>
<div class="content-block"> <div class="content-block">
<ul class="link-list"> <ul class="link-list">
<li @click="router.push('/companyoverview')">Company Overview</li> <li @click="router.push('/companyoverview')">Company Overview</li>
<li @click="router.push('/businessservices')"> <li @click="router.push('/businessservices')">Business Introduction</li>
Business Introduction
</li>
<li @click="router.push('/manage')">Management</li> <li @click="router.push('/manage')">Management</li>
<li @click="router.push('/boarddirectors')">Board of Directors</li> <li @click="router.push('/boarddirectors')">Board of Directors</li>
<li @click="router.push('/committeeappointment')"> <li @click="router.push('/committeeappointment')">Committee Appointments</li>
Committee Appointments
</li>
<li @click="router.push('/govern')">Governance</li> <li @click="router.push('/govern')">Governance</li>
</ul> </ul>
</div> </div>
</section> </section>
<section <section class="site-map-financial" style="max-width: 1200px; margin: 40px auto; padding: 0 20px">
class="site-map-financial"
style="max-width: 1200px; margin: 40px auto; padding: 0 20px"
>
<h3 class="section-title">Financial Information</h3> <h3 class="section-title">Financial Information</h3>
<div class="content-block"> <div class="content-block">
<ul class="link-list"> <ul class="link-list">
@ -47,10 +34,7 @@
</div> </div>
</section> </section>
<section <section class="site-map-stock" style="max-width: 1200px; margin: 40px auto; padding: 0 20px">
class="site-map-stock"
style="max-width: 1200px; margin: 40px auto; padding: 0 20px"
>
<h3 class="section-title">Stock Information</h3> <h3 class="section-title">Stock Information</h3>
<div class="content-block"> <div class="content-block">
<ul class="link-list"> <ul class="link-list">
@ -60,10 +44,7 @@
</div> </div>
</section> </section>
<section <section class="site-map-news" style="max-width: 1200px; margin: 40px auto; padding: 0 20px">
class="site-map-news"
style="max-width: 1200px; margin: 40px auto; padding: 0 20px"
>
<h3 class="section-title">News Releases</h3> <h3 class="section-title">News Releases</h3>
<div class="content-block"> <div class="content-block">
<ul class="link-list"> <ul class="link-list">
@ -73,10 +54,7 @@
</div> </div>
</section> </section>
<section <section class="site-map-investor" style="max-width: 1200px; margin: 40px auto; padding: 0 20px">
class="site-map-investor"
style="max-width: 1200px; margin: 40px auto; padding: 0 20px"
>
<h3 class="section-title">Investor Resources</h3> <h3 class="section-title">Investor Resources</h3>
<div class="content-block"> <div class="content-block">
<ul class="link-list"> <ul class="link-list">
@ -96,6 +74,7 @@ const router = useRouter();
<style scoped> <style scoped>
.site-map { .site-map {
background-image: url("@/assets/image/bg-mobile.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -1,164 +1,138 @@
<template> <template>
<div class="terms-of-use"> <div class="terms-of-use">
<section <section class="terms-intro" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="terms-intro"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h1 class="section-titles">Terms &amp; Conditions</h1> <h1 class="section-titles">Terms &amp; Conditions</h1>
<div class="content-block"> <div class="content-block">
<p> <p>
FiEE, Inc. and its subsidiaries (collectively and individually FiEE, Inc. and its subsidiaries (collectively and individually referred to
referred to herein as "FiEE") maintain the fiee.com web site (the herein as "FiEE") maintain the fiee.com web site (the "Site") as a service
"Site") as a service to the Internet community. All site references to to the Internet community. All site references to "FiEE", "our", "we",
"FiEE", "our", "we", "company" and other words of like connotation are "company" and other words of like connotation are intended to refer to
intended to refer to FiEE, Inc. and its subsidiaries, collectively FiEE, Inc. and its subsidiaries, collectively and/or individually. This
and/or individually. This document outlines the Terms and Conditions document outlines the Terms and Conditions relating to your use of the
relating to your use of the Site. These Terms and Conditions are Site. These Terms and Conditions are applicable to your use of this site
applicable to your use of this site regardless of how you accessed it. regardless of how you accessed it. If you do not wish to be bound by these
If you do not wish to be bound by these Terms and Conditions, please Terms and Conditions, please discontinue using and accessing this site
discontinue using and accessing this site immediately. immediately.
</p> </p>
</div> </div>
</section> </section>
<section <section class="terms-usage" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="terms-usage"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Your Use of This Site</h3> <h3 class="section-title">Your Use of This Site</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
You may not use this site to engage in any illegal activity. You may You may not use this site to engage in any illegal activity. You may not
not use this site to engage in conduct which is defamatory, libelous, use this site to engage in conduct which is defamatory, libelous,
threatening or harassing or that infringes on a third party's threatening or harassing or that infringes on a third party's intellectual
intellectual property or other proprietary rights. You agree that any property or other proprietary rights. You agree that any information you
information you provide through this site will be truthful and provide through this site will be truthful and accurate.
accurate.
</p> </p>
</div> </div>
</section> </section>
<section <section class="terms-ip" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="terms-ip"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Intellectual Property</h3> <h3 class="section-title">Intellectual Property</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
The information on this site, including without limitation all design, The information on this site, including without limitation all design,
text, images, press releases, and other information, is protected text, images, press releases, and other information, is protected under
under United States and other copyright laws and is owned by FiEE or United States and other copyright laws and is owned by FiEE or used under
used under license from the copyright owner. The information may not, license from the copyright owner. The information may not, except under
except under written license, be copied, reproduced, transmitted, written license, be copied, reproduced, transmitted, displayed, performed,
displayed, performed, distributed, rented, sublicensed, altered, distributed, rented, sublicensed, altered, stored for subsequent use or
stored for subsequent use or otherwise used in whole or in part in any otherwise used in whole or in part in any manner without FiEE's prior
manner without FiEE's prior written consent, except to the extent that written consent, except to the extent that such use is authorized under
such use is authorized under the United States copyright laws. FiEE's the United States copyright laws. FiEE's trademarks, logos, images, and
trademarks, logos, images, and service marks used on this site are the service marks used on this site are the property of FiEE and may not be
property of FiEE and may not be used without permission from FiEE and used without permission from FiEE and then only with proper
then only with proper acknowledgment. In addition, the information on acknowledgment. In addition, the information on this Web site is provided
this Web site is provided "as is" and "as available" by FiEE and/or "as is" and "as available" by FiEE and/or its subsidiaries without
its subsidiaries without warranty of any kind, either implied or warranty of any kind, either implied or expressed, to its accuracy and
expressed, to its accuracy and completeness. completeness.
</p> </p>
</div> </div>
</section> </section>
<section <section class="terms-forward" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="terms-forward"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Forward-looking Statements</h3> <h3 class="section-title">Forward-looking Statements</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
FiEE is including the following cautionary statement to make FiEE is including the following cautionary statement to make applicable
applicable and take advantage of the safe harbor provisions of the and take advantage of the safe harbor provisions of the Private Securities
Private Securities Litigation Reform Act of 1995 for any Litigation Reform Act of 1995 for any forward-looking statements made by,
forward-looking statements made by, or on behalf of FiEE. With the or on behalf of FiEE. With the exception of historical matters, any
exception of historical matters, any matters discussed are matters discussed are forward-looking statements (as defined in Section
forward-looking statements (as defined in Section 21E of the 21E of the Securities Exchange Act of 1934) that involve risks and
Securities Exchange Act of 1934) that involve risks and uncertainties uncertainties that could cause actual results to differ materially from
that could cause actual results to differ materially from projected projected results. These risks, uncertainties and contingencies include,
results. These risks, uncertainties and contingencies include, but are but are not limited to, the following: the success or failure of FiEE's
not limited to, the following: the success or failure of FiEE's efforts to implement its business strategy; the effects of market demand
efforts to implement its business strategy; the effects of market and price on performance; our liquidity, results of operations and
demand and price on performance; our liquidity, results of operations financial condition; changes in laws and regulations; results of
and financial condition; changes in laws and regulations; results of
litigation; the effects of government regulation; the risk of work litigation; the effects of government regulation; the risk of work
stoppages; and management's ability to correctly estimate and accrue stoppages; and management's ability to correctly estimate and accrue for
for contingent liabilities. FiEE assumes no obligation to update contingent liabilities. FiEE assumes no obligation to update information
information contained in this site. contained in this site.
</p> </p>
</div> </div>
</section> </section>
<section <section class="terms-linking" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="terms-linking"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Linking</h3> <h3 class="section-title">Linking</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
As a convenience, this site may contain links to other sites that are As a convenience, this site may contain links to other sites that are not
not controlled by, or affiliated or associated with, FiEE. controlled by, or affiliated or associated with, FiEE. Accordingly, FiEE
Accordingly, FiEE does not make any representations concerning the does not make any representations concerning the privacy practices or
privacy practices or terms of use of such sites, nor does FiEE control terms of use of such sites, nor does FiEE control or guarantee the
or guarantee the accuracy, integrity, or quality of the information, accuracy, integrity, or quality of the information, data, text, software,
data, text, software, music, sound, photographs, graphics, video, music, sound, photographs, graphics, video, messages or other materials
messages or other materials available on such sites. The inclusion or available on such sites. The inclusion or exclusion does not imply any
exclusion does not imply any endorsement by FiEE of the site, the endorsement by FiEE of the site, the site's provider, or the information
site's provider, or the information on the site. FiEE is not on the site. FiEE is not responsible for the content of any linked site or
responsible for the content of any linked site or any link contained any link contained in a linked site. FiEE reserves the right to terminate
in a linked site. FiEE reserves the right to terminate any link or any link or linking program at any time. FiEE does not endorse companies
linking program at any time. FiEE does not endorse companies or or products to which it links and reserves the right to note as such on
products to which it links and reserves the right to note as such on its web pages. If you decide to access any of the third party sites linked
its web pages. If you decide to access any of the third party sites to this site, you do this entirely at your own risk.
linked to this site, you do this entirely at your own risk.
</p> </p>
</div> </div>
</section> </section>
<section <section class="terms-violations" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="terms-violations"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Violations of Terms &amp; Conditions</h3> <h3 class="section-title">Violations of Terms &amp; Conditions</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
FiEE reserves the right to seek all remedies available at law and in FiEE reserves the right to seek all remedies available at law and in
equity for violations of these Terms and Conditions, including the equity for violations of these Terms and Conditions, including the right
right to block access from a particular Internet address to the Site. to block access from a particular Internet address to the Site. YOU AGREE
YOU AGREE TO INDEMNIFY, DEFEND AND HOLD HARMLESS FIEE FROM ANY TO INDEMNIFY, DEFEND AND HOLD HARMLESS FIEE FROM ANY LIABILITY, LOSS,
LIABILITY, LOSS, CLAIM AND EXPENSE, INCLUDING ATTORNEY'S FEES, RELATED CLAIM AND EXPENSE, INCLUDING ATTORNEY'S FEES, RELATED TO YOUR VIOLATION OF
TO YOUR VIOLATION OF THESE TERMS AND CONDITIONS OR YOUR USE OF THE THESE TERMS AND CONDITIONS OR YOUR USE OF THE SERVICES AND INFORMATION
SERVICES AND INFORMATION PROVIDED AT THE SITE. PROVIDED AT THE SITE.
</p> </p>
</div> </div>
</section> </section>
<section <section class="terms-liability" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="terms-liability"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Limitation of Liability</h3> <h3 class="section-title">Limitation of Liability</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
NEITHER FIEE NOR ITS DIRECTORS, MANAGERS, OFFICERS, EMPLOYEES, NEITHER FIEE NOR ITS DIRECTORS, MANAGERS, OFFICERS, EMPLOYEES,
REPRESENTATIVES OR AFFILIATES WILL BE LIABLE FOR DAMAGES ARISING OUT REPRESENTATIVES OR AFFILIATES WILL BE LIABLE FOR DAMAGES ARISING OUT OF OR
OF OR IN CONNECTION WITH THE USE OF THIS SITE OR ANY SITE LINKED IN CONNECTION WITH THE USE OF THIS SITE OR ANY SITE LINKED HERETO,
HERETO, INCLUDING, WITHOUT LIMITATION, INDIRECT, PUNITIVE, INCIDENTAL INCLUDING, WITHOUT LIMITATION, INDIRECT, PUNITIVE, INCIDENTAL OR
OR CONSEQUENTIAL DAMAGES, LOSS OF DATA, INCOME OR PROFIT, LOSS OF OR CONSEQUENTIAL DAMAGES, LOSS OF DATA, INCOME OR PROFIT, LOSS OF OR DAMAGE
DAMAGE TO PROPERTY AND CLAIMS OF THIRD PARTIES, WHETHER BASED ON TO PROPERTY AND CLAIMS OF THIRD PARTIES, WHETHER BASED ON CONTRACT, TORT,
CONTRACT, TORT, STRICT LIABILITY OR OTHERWISE. BECAUSE SOME STRICT LIABILITY OR OTHERWISE. BECAUSE SOME STATES/JURISDICTIONS DO NOT
STATES/JURISDICTIONS DO NOT ALLOW THE EXCLUSION OR LIMITATION OF ALLOW THE EXCLUSION OR LIMITATION OF LIABILITY FOR INCIDENTAL OR
LIABILITY FOR INCIDENTAL OR CONSEQUENTIAL DAMAGES, SUCH LIMITATION MAY CONSEQUENTIAL DAMAGES, SUCH LIMITATION MAY NOT APPLY.
NOT APPLY.
</p> </p>
<p> <p>
FiEE may revise these Terms and Conditions at any time. Revisions will FiEE may revise these Terms and Conditions at any time. Revisions will be
be posted on this "Terms and Conditions" page and users are posted on this "Terms and Conditions" page and users are responsible for
responsible for reviewing the page from time to time to ensure reviewing the page from time to time to ensure compliance.
compliance.
</p> </p>
</div> </div>
</section> </section>
@ -171,6 +145,7 @@ import { onMounted, ref, onUnmounted } from "vue";
<style scoped> <style scoped>
.terms-of-use { .terms-of-use {
background-image: url("@/assets/image/bg-mobile.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -1,169 +1,143 @@
<script setup> <script setup>
import { NCarousel, NDivider, NMarquee, NPopselect } from "naive-ui"; import { NCarousel, NDivider, NMarquee, NPopselect } from 'naive-ui'
import { onUnmounted, ref, watch, onMounted, computed } from "vue"; import { onUnmounted, ref, watch, onMounted, computed } from 'vue'
</script> </script>
<template> <template>
<div class="terms-of-use"> <div class="terms-of-use">
<section <section class="terms-intro" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="terms-intro"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h1 class="section-titles">Terms &amp; Conditions</h1> <h1 class="section-titles">Terms &amp; Conditions</h1>
<div class="content-block"> <div class="content-block">
<p> <p>
FiEE, Inc. and its subsidiaries (collectively and individually FiEE, Inc. and its subsidiaries (collectively and individually referred to
referred to herein as "FiEE") maintain the fiee.com web site (the herein as "FiEE") maintain the fiee.com web site (the "Site") as a service
"Site") as a service to the Internet community. All site references to to the Internet community. All site references to "FiEE", "our", "we",
"FiEE", "our", "we", "company" and other words of like connotation are "company" and other words of like connotation are intended to refer to
intended to refer to FiEE, Inc. and its subsidiaries, collectively FiEE, Inc. and its subsidiaries, collectively and/or individually. This
and/or individually. This document outlines the Terms and Conditions document outlines the Terms and Conditions relating to your use of the
relating to your use of the Site. These Terms and Conditions are Site. These Terms and Conditions are applicable to your use of this site
applicable to your use of this site regardless of how you accessed it. regardless of how you accessed it. If you do not wish to be bound by these
If you do not wish to be bound by these Terms and Conditions, please Terms and Conditions, please discontinue using and accessing this site
discontinue using and accessing this site immediately. immediately.
</p> </p>
</div> </div>
</section> </section>
<section <section class="terms-usage" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="terms-usage"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Your Use of This Site</h3> <h3 class="section-title">Your Use of This Site</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
You may not use this site to engage in any illegal activity. You may You may not use this site to engage in any illegal activity. You may not
not use this site to engage in conduct which is defamatory, libelous, use this site to engage in conduct which is defamatory, libelous,
threatening or harassing or that infringes on a third party's threatening or harassing or that infringes on a third party's intellectual
intellectual property or other proprietary rights. You agree that any property or other proprietary rights. You agree that any information you
information you provide through this site will be truthful and provide through this site will be truthful and accurate.
accurate.
</p> </p>
</div> </div>
</section> </section>
<section <section class="terms-ip" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="terms-ip"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Intellectual Property</h3> <h3 class="section-title">Intellectual Property</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
The information on this site, including without limitation all design, The information on this site, including without limitation all design,
text, images, press releases, and other information, is protected text, images, press releases, and other information, is protected under
under United States and other copyright laws and is owned by FiEE or United States and other copyright laws and is owned by FiEE or used under
used under license from the copyright owner. The information may not, license from the copyright owner. The information may not, except under
except under written license, be copied, reproduced, transmitted, written license, be copied, reproduced, transmitted, displayed, performed,
displayed, performed, distributed, rented, sublicensed, altered, distributed, rented, sublicensed, altered, stored for subsequent use or
stored for subsequent use or otherwise used in whole or in part in any otherwise used in whole or in part in any manner without FiEE's prior
manner without FiEE's prior written consent, except to the extent that written consent, except to the extent that such use is authorized under
such use is authorized under the United States copyright laws. FiEE's the United States copyright laws. FiEE's trademarks, logos, images, and
trademarks, logos, images, and service marks used on this site are the service marks used on this site are the property of FiEE and may not be
property of FiEE and may not be used without permission from FiEE and used without permission from FiEE and then only with proper
then only with proper acknowledgment. In addition, the information on acknowledgment. In addition, the information on this Web site is provided
this Web site is provided "as is" and "as available" by FiEE and/or "as is" and "as available" by FiEE and/or its subsidiaries without
its subsidiaries without warranty of any kind, either implied or warranty of any kind, either implied or expressed, to its accuracy and
expressed, to its accuracy and completeness. completeness.
</p> </p>
</div> </div>
</section> </section>
<section <section class="terms-forward" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="terms-forward"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Forward-looking Statements</h3> <h3 class="section-title">Forward-looking Statements</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
FiEE is including the following cautionary statement to make FiEE is including the following cautionary statement to make applicable
applicable and take advantage of the safe harbor provisions of the and take advantage of the safe harbor provisions of the Private Securities
Private Securities Litigation Reform Act of 1995 for any Litigation Reform Act of 1995 for any forward-looking statements made by,
forward-looking statements made by, or on behalf of FiEE. With the or on behalf of FiEE. With the exception of historical matters, any
exception of historical matters, any matters discussed are matters discussed are forward-looking statements (as defined in Section
forward-looking statements (as defined in Section 21E of the 21E of the Securities Exchange Act of 1934) that involve risks and
Securities Exchange Act of 1934) that involve risks and uncertainties uncertainties that could cause actual results to differ materially from
that could cause actual results to differ materially from projected projected results. These risks, uncertainties and contingencies include,
results. These risks, uncertainties and contingencies include, but are but are not limited to, the following: the success or failure of FiEE's
not limited to, the following: the success or failure of FiEE's efforts to implement its business strategy; the effects of market demand
efforts to implement its business strategy; the effects of market and price on performance; our liquidity, results of operations and
demand and price on performance; our liquidity, results of operations financial condition; changes in laws and regulations; results of
and financial condition; changes in laws and regulations; results of
litigation; the effects of government regulation; the risk of work litigation; the effects of government regulation; the risk of work
stoppages; and management's ability to correctly estimate and accrue stoppages; and management's ability to correctly estimate and accrue for
for contingent liabilities. FiEE assumes no obligation to update contingent liabilities. FiEE assumes no obligation to update information
information contained in this site. contained in this site.
</p> </p>
</div> </div>
</section> </section>
<section <section class="terms-linking" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="terms-linking"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Linking</h3> <h3 class="section-title">Linking</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
As a convenience, this site may contain links to other sites that are As a convenience, this site may contain links to other sites that are not
not controlled by, or affiliated or associated with, FiEE. controlled by, or affiliated or associated with, FiEE. Accordingly, FiEE
Accordingly, FiEE does not make any representations concerning the does not make any representations concerning the privacy practices or
privacy practices or terms of use of such sites, nor does FiEE control terms of use of such sites, nor does FiEE control or guarantee the
or guarantee the accuracy, integrity, or quality of the information, accuracy, integrity, or quality of the information, data, text, software,
data, text, software, music, sound, photographs, graphics, video, music, sound, photographs, graphics, video, messages or other materials
messages or other materials available on such sites. The inclusion or available on such sites. The inclusion or exclusion does not imply any
exclusion does not imply any endorsement by FiEE of the site, the endorsement by FiEE of the site, the site's provider, or the information
site's provider, or the information on the site. FiEE is not on the site. FiEE is not responsible for the content of any linked site or
responsible for the content of any linked site or any link contained any link contained in a linked site. FiEE reserves the right to terminate
in a linked site. FiEE reserves the right to terminate any link or any link or linking program at any time. FiEE does not endorse companies
linking program at any time. FiEE does not endorse companies or or products to which it links and reserves the right to note as such on
products to which it links and reserves the right to note as such on its web pages. If you decide to access any of the third party sites linked
its web pages. If you decide to access any of the third party sites to this site, you do this entirely at your own risk.
linked to this site, you do this entirely at your own risk.
</p> </p>
</div> </div>
</section> </section>
<section <section class="terms-violations" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="terms-violations"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Violations of Terms &amp; Conditions</h3> <h3 class="section-title">Violations of Terms &amp; Conditions</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
FiEE reserves the right to seek all remedies available at law and in FiEE reserves the right to seek all remedies available at law and in
equity for violations of these Terms and Conditions, including the equity for violations of these Terms and Conditions, including the right
right to block access from a particular Internet address to the Site. to block access from a particular Internet address to the Site. YOU AGREE
YOU AGREE TO INDEMNIFY, DEFEND AND HOLD HARMLESS FIEE FROM ANY TO INDEMNIFY, DEFEND AND HOLD HARMLESS FIEE FROM ANY LIABILITY, LOSS,
LIABILITY, LOSS, CLAIM AND EXPENSE, INCLUDING ATTORNEY'S FEES, RELATED CLAIM AND EXPENSE, INCLUDING ATTORNEY'S FEES, RELATED TO YOUR VIOLATION OF
TO YOUR VIOLATION OF THESE TERMS AND CONDITIONS OR YOUR USE OF THE THESE TERMS AND CONDITIONS OR YOUR USE OF THE SERVICES AND INFORMATION
SERVICES AND INFORMATION PROVIDED AT THE SITE. PROVIDED AT THE SITE.
</p> </p>
</div> </div>
</section> </section>
<section <section class="terms-liability" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
class="terms-liability"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h3 class="section-title">Limitation of Liability</h3> <h3 class="section-title">Limitation of Liability</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
NEITHER FIEE NOR ITS DIRECTORS, MANAGERS, OFFICERS, EMPLOYEES, NEITHER FIEE NOR ITS DIRECTORS, MANAGERS, OFFICERS, EMPLOYEES,
REPRESENTATIVES OR AFFILIATES WILL BE LIABLE FOR DAMAGES ARISING OUT REPRESENTATIVES OR AFFILIATES WILL BE LIABLE FOR DAMAGES ARISING OUT OF OR
OF OR IN CONNECTION WITH THE USE OF THIS SITE OR ANY SITE LINKED IN CONNECTION WITH THE USE OF THIS SITE OR ANY SITE LINKED HERETO,
HERETO, INCLUDING, WITHOUT LIMITATION, INDIRECT, PUNITIVE, INCIDENTAL INCLUDING, WITHOUT LIMITATION, INDIRECT, PUNITIVE, INCIDENTAL OR
OR CONSEQUENTIAL DAMAGES, LOSS OF DATA, INCOME OR PROFIT, LOSS OF OR CONSEQUENTIAL DAMAGES, LOSS OF DATA, INCOME OR PROFIT, LOSS OF OR DAMAGE
DAMAGE TO PROPERTY AND CLAIMS OF THIRD PARTIES, WHETHER BASED ON TO PROPERTY AND CLAIMS OF THIRD PARTIES, WHETHER BASED ON CONTRACT, TORT,
CONTRACT, TORT, STRICT LIABILITY OR OTHERWISE. BECAUSE SOME STRICT LIABILITY OR OTHERWISE. BECAUSE SOME STATES/JURISDICTIONS DO NOT
STATES/JURISDICTIONS DO NOT ALLOW THE EXCLUSION OR LIMITATION OF ALLOW THE EXCLUSION OR LIMITATION OF LIABILITY FOR INCIDENTAL OR
LIABILITY FOR INCIDENTAL OR CONSEQUENTIAL DAMAGES, SUCH LIMITATION MAY CONSEQUENTIAL DAMAGES, SUCH LIMITATION MAY NOT APPLY.
NOT APPLY.
</p> </p>
<p> <p>
FiEE may revise these Terms and Conditions at any time. Revisions will FiEE may revise these Terms and Conditions at any time. Revisions will be
be posted on this "Terms and Conditions" page and users are posted on this "Terms and Conditions" page and users are responsible for
responsible for reviewing the page from time to time to ensure reviewing the page from time to time to ensure compliance.
compliance.
</p> </p>
</div> </div>
</section> </section>
@ -172,6 +146,7 @@ import { onUnmounted, ref, watch, onMounted, computed } from "vue";
<style scoped> <style scoped>
.terms-of-use { .terms-of-use {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -1,169 +1,143 @@
<script setup> <script setup>
import { NCarousel, NDivider, NMarquee, NPopselect } from "naive-ui"; import { NCarousel, NDivider, NMarquee, NPopselect } from 'naive-ui'
import { onUnmounted, ref, watch, onMounted, computed } from "vue"; import { onUnmounted, ref, watch, onMounted, computed } from 'vue'
</script> </script>
<template> <template>
<div class="terms-of-use"> <div class="terms-of-use">
<section <section class="terms-intro" style="max-width: 1200px; margin: 30px auto; padding: 0 15px">
class="terms-intro"
style="max-width: 1200px; margin: 30px auto; padding: 0 15px"
>
<h1 class="section-titles">Terms &amp; Conditions</h1> <h1 class="section-titles">Terms &amp; Conditions</h1>
<div class="content-block"> <div class="content-block">
<p> <p>
FiEE, Inc. and its subsidiaries (collectively and individually FiEE, Inc. and its subsidiaries (collectively and individually referred to
referred to herein as "FiEE") maintain the fiee.com web site (the herein as "FiEE") maintain the fiee.com web site (the "Site") as a service
"Site") as a service to the Internet community. All site references to to the Internet community. All site references to "FiEE", "our", "we",
"FiEE", "our", "we", "company" and other words of like connotation are "company" and other words of like connotation are intended to refer to
intended to refer to FiEE, Inc. and its subsidiaries, collectively FiEE, Inc. and its subsidiaries, collectively and/or individually. This
and/or individually. This document outlines the Terms and Conditions document outlines the Terms and Conditions relating to your use of the
relating to your use of the Site. These Terms and Conditions are Site. These Terms and Conditions are applicable to your use of this site
applicable to your use of this site regardless of how you accessed it. regardless of how you accessed it. If you do not wish to be bound by these
If you do not wish to be bound by these Terms and Conditions, please Terms and Conditions, please discontinue using and accessing this site
discontinue using and accessing this site immediately. immediately.
</p> </p>
</div> </div>
</section> </section>
<section <section class="terms-usage" style="max-width: 1200px; margin: 30px auto; padding: 0 15px">
class="terms-usage"
style="max-width: 1200px; margin: 30px auto; padding: 0 15px"
>
<h3 class="section-title">Your Use of This Site</h3> <h3 class="section-title">Your Use of This Site</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
You may not use this site to engage in any illegal activity. You may You may not use this site to engage in any illegal activity. You may not
not use this site to engage in conduct which is defamatory, libelous, use this site to engage in conduct which is defamatory, libelous,
threatening or harassing or that infringes on a third party's threatening or harassing or that infringes on a third party's intellectual
intellectual property or other proprietary rights. You agree that any property or other proprietary rights. You agree that any information you
information you provide through this site will be truthful and provide through this site will be truthful and accurate.
accurate.
</p> </p>
</div> </div>
</section> </section>
<section <section class="terms-ip" style="max-width: 1200px; margin: 30px auto; padding: 0 15px">
class="terms-ip"
style="max-width: 1200px; margin: 30px auto; padding: 0 15px"
>
<h3 class="section-title">Intellectual Property</h3> <h3 class="section-title">Intellectual Property</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
The information on this site, including without limitation all design, The information on this site, including without limitation all design,
text, images, press releases, and other information, is protected text, images, press releases, and other information, is protected under
under United States and other copyright laws and is owned by FiEE or United States and other copyright laws and is owned by FiEE or used under
used under license from the copyright owner. The information may not, license from the copyright owner. The information may not, except under
except under written license, be copied, reproduced, transmitted, written license, be copied, reproduced, transmitted, displayed, performed,
displayed, performed, distributed, rented, sublicensed, altered, distributed, rented, sublicensed, altered, stored for subsequent use or
stored for subsequent use or otherwise used in whole or in part in any otherwise used in whole or in part in any manner without FiEE's prior
manner without FiEE's prior written consent, except to the extent that written consent, except to the extent that such use is authorized under
such use is authorized under the United States copyright laws. FiEE's the United States copyright laws. FiEE's trademarks, logos, images, and
trademarks, logos, images, and service marks used on this site are the service marks used on this site are the property of FiEE and may not be
property of FiEE and may not be used without permission from FiEE and used without permission from FiEE and then only with proper
then only with proper acknowledgment. In addition, the information on acknowledgment. In addition, the information on this Web site is provided
this Web site is provided "as is" and "as available" by FiEE and/or "as is" and "as available" by FiEE and/or its subsidiaries without
its subsidiaries without warranty of any kind, either implied or warranty of any kind, either implied or expressed, to its accuracy and
expressed, to its accuracy and completeness. completeness.
</p> </p>
</div> </div>
</section> </section>
<section <section class="terms-forward" style="max-width: 1200px; margin: 30px auto; padding: 0 15px">
class="terms-forward"
style="max-width: 1200px; margin: 30px auto; padding: 0 15px"
>
<h3 class="section-title">Forward-looking Statements</h3> <h3 class="section-title">Forward-looking Statements</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
FiEE is including the following cautionary statement to make FiEE is including the following cautionary statement to make applicable
applicable and take advantage of the safe harbor provisions of the and take advantage of the safe harbor provisions of the Private Securities
Private Securities Litigation Reform Act of 1995 for any Litigation Reform Act of 1995 for any forward-looking statements made by,
forward-looking statements made by, or on behalf of FiEE. With the or on behalf of FiEE. With the exception of historical matters, any
exception of historical matters, any matters discussed are matters discussed are forward-looking statements (as defined in Section
forward-looking statements (as defined in Section 21E of the 21E of the Securities Exchange Act of 1934) that involve risks and
Securities Exchange Act of 1934) that involve risks and uncertainties uncertainties that could cause actual results to differ materially from
that could cause actual results to differ materially from projected projected results. These risks, uncertainties and contingencies include,
results. These risks, uncertainties and contingencies include, but are but are not limited to, the following: the success or failure of FiEE's
not limited to, the following: the success or failure of FiEE's efforts to implement its business strategy; the effects of market demand
efforts to implement its business strategy; the effects of market and price on performance; our liquidity, results of operations and
demand and price on performance; our liquidity, results of operations financial condition; changes in laws and regulations; results of
and financial condition; changes in laws and regulations; results of
litigation; the effects of government regulation; the risk of work litigation; the effects of government regulation; the risk of work
stoppages; and management's ability to correctly estimate and accrue stoppages; and management's ability to correctly estimate and accrue for
for contingent liabilities. FiEE assumes no obligation to update contingent liabilities. FiEE assumes no obligation to update information
information contained in this site. contained in this site.
</p> </p>
</div> </div>
</section> </section>
<section <section class="terms-linking" style="max-width: 1200px; margin: 30px auto; padding: 0 15px">
class="terms-linking"
style="max-width: 1200px; margin: 30px auto; padding: 0 15px"
>
<h3 class="section-title">Linking</h3> <h3 class="section-title">Linking</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
As a convenience, this site may contain links to other sites that are As a convenience, this site may contain links to other sites that are not
not controlled by, or affiliated or associated with, FiEE. controlled by, or affiliated or associated with, FiEE. Accordingly, FiEE
Accordingly, FiEE does not make any representations concerning the does not make any representations concerning the privacy practices or
privacy practices or terms of use of such sites, nor does FiEE control terms of use of such sites, nor does FiEE control or guarantee the
or guarantee the accuracy, integrity, or quality of the information, accuracy, integrity, or quality of the information, data, text, software,
data, text, software, music, sound, photographs, graphics, video, music, sound, photographs, graphics, video, messages or other materials
messages or other materials available on such sites. The inclusion or available on such sites. The inclusion or exclusion does not imply any
exclusion does not imply any endorsement by FiEE of the site, the endorsement by FiEE of the site, the site's provider, or the information
site's provider, or the information on the site. FiEE is not on the site. FiEE is not responsible for the content of any linked site or
responsible for the content of any linked site or any link contained any link contained in a linked site. FiEE reserves the right to terminate
in a linked site. FiEE reserves the right to terminate any link or any link or linking program at any time. FiEE does not endorse companies
linking program at any time. FiEE does not endorse companies or or products to which it links and reserves the right to note as such on
products to which it links and reserves the right to note as such on its web pages. If you decide to access any of the third party sites linked
its web pages. If you decide to access any of the third party sites to this site, you do this entirely at your own risk.
linked to this site, you do this entirely at your own risk.
</p> </p>
</div> </div>
</section> </section>
<section <section class="terms-violations" style="max-width: 1200px; margin: 30px auto; padding: 0 15px">
class="terms-violations"
style="max-width: 1200px; margin: 30px auto; padding: 0 15px"
>
<h3 class="section-title">Violations of Terms &amp; Conditions</h3> <h3 class="section-title">Violations of Terms &amp; Conditions</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
FiEE reserves the right to seek all remedies available at law and in FiEE reserves the right to seek all remedies available at law and in
equity for violations of these Terms and Conditions, including the equity for violations of these Terms and Conditions, including the right
right to block access from a particular Internet address to the Site. to block access from a particular Internet address to the Site. YOU AGREE
YOU AGREE TO INDEMNIFY, DEFEND AND HOLD HARMLESS FIEE FROM ANY TO INDEMNIFY, DEFEND AND HOLD HARMLESS FIEE FROM ANY LIABILITY, LOSS,
LIABILITY, LOSS, CLAIM AND EXPENSE, INCLUDING ATTORNEY'S FEES, RELATED CLAIM AND EXPENSE, INCLUDING ATTORNEY'S FEES, RELATED TO YOUR VIOLATION OF
TO YOUR VIOLATION OF THESE TERMS AND CONDITIONS OR YOUR USE OF THE THESE TERMS AND CONDITIONS OR YOUR USE OF THE SERVICES AND INFORMATION
SERVICES AND INFORMATION PROVIDED AT THE SITE. PROVIDED AT THE SITE.
</p> </p>
</div> </div>
</section> </section>
<section <section class="terms-liability" style="max-width: 1200px; margin: 30px auto; padding: 0 15px">
class="terms-liability"
style="max-width: 1200px; margin: 30px auto; padding: 0 15px"
>
<h3 class="section-title">Limitation of Liability</h3> <h3 class="section-title">Limitation of Liability</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
NEITHER FIEE NOR ITS DIRECTORS, MANAGERS, OFFICERS, EMPLOYEES, NEITHER FIEE NOR ITS DIRECTORS, MANAGERS, OFFICERS, EMPLOYEES,
REPRESENTATIVES OR AFFILIATES WILL BE LIABLE FOR DAMAGES ARISING OUT REPRESENTATIVES OR AFFILIATES WILL BE LIABLE FOR DAMAGES ARISING OUT OF OR
OF OR IN CONNECTION WITH THE USE OF THIS SITE OR ANY SITE LINKED IN CONNECTION WITH THE USE OF THIS SITE OR ANY SITE LINKED HERETO,
HERETO, INCLUDING, WITHOUT LIMITATION, INDIRECT, PUNITIVE, INCIDENTAL INCLUDING, WITHOUT LIMITATION, INDIRECT, PUNITIVE, INCIDENTAL OR
OR CONSEQUENTIAL DAMAGES, LOSS OF DATA, INCOME OR PROFIT, LOSS OF OR CONSEQUENTIAL DAMAGES, LOSS OF DATA, INCOME OR PROFIT, LOSS OF OR DAMAGE
DAMAGE TO PROPERTY AND CLAIMS OF THIRD PARTIES, WHETHER BASED ON TO PROPERTY AND CLAIMS OF THIRD PARTIES, WHETHER BASED ON CONTRACT, TORT,
CONTRACT, TORT, STRICT LIABILITY OR OTHERWISE. BECAUSE SOME STRICT LIABILITY OR OTHERWISE. BECAUSE SOME STATES/JURISDICTIONS DO NOT
STATES/JURISDICTIONS DO NOT ALLOW THE EXCLUSION OR LIMITATION OF ALLOW THE EXCLUSION OR LIMITATION OF LIABILITY FOR INCIDENTAL OR
LIABILITY FOR INCIDENTAL OR CONSEQUENTIAL DAMAGES, SUCH LIMITATION MAY CONSEQUENTIAL DAMAGES, SUCH LIMITATION MAY NOT APPLY.
NOT APPLY.
</p> </p>
<p> <p>
FiEE may revise these Terms and Conditions at any time. Revisions will FiEE may revise these Terms and Conditions at any time. Revisions will be
be posted on this "Terms and Conditions" page and users are posted on this "Terms and Conditions" page and users are responsible for
responsible for reviewing the page from time to time to ensure reviewing the page from time to time to ensure compliance.
compliance.
</p> </p>
</div> </div>
</section> </section>
@ -172,6 +146,7 @@ import { onUnmounted, ref, watch, onMounted, computed } from "vue";
<style scoped> <style scoped>
.terms-of-use { .terms-of-use {
background-image: url("@/assets/image/bg-mobile.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -1,164 +1,138 @@
<template> <template>
<div class="terms-of-use"> <div class="terms-of-use">
<section <section class="terms-intro" style="max-width: 1200px; margin: 40px auto; padding: 0 20px">
class="terms-intro"
style="max-width: 1200px; margin: 40px auto; padding: 0 20px"
>
<h1 class="section-titles">Terms &amp; Conditions</h1> <h1 class="section-titles">Terms &amp; Conditions</h1>
<div class="content-block"> <div class="content-block">
<p> <p>
FiEE, Inc. and its subsidiaries (collectively and individually FiEE, Inc. and its subsidiaries (collectively and individually referred to
referred to herein as "FiEE") maintain the fiee.com web site (the herein as "FiEE") maintain the fiee.com web site (the "Site") as a service
"Site") as a service to the Internet community. All site references to to the Internet community. All site references to "FiEE", "our", "we",
"FiEE", "our", "we", "company" and other words of like connotation are "company" and other words of like connotation are intended to refer to
intended to refer to FiEE, Inc. and its subsidiaries, collectively FiEE, Inc. and its subsidiaries, collectively and/or individually. This
and/or individually. This document outlines the Terms and Conditions document outlines the Terms and Conditions relating to your use of the
relating to your use of the Site. These Terms and Conditions are Site. These Terms and Conditions are applicable to your use of this site
applicable to your use of this site regardless of how you accessed it. regardless of how you accessed it. If you do not wish to be bound by these
If you do not wish to be bound by these Terms and Conditions, please Terms and Conditions, please discontinue using and accessing this site
discontinue using and accessing this site immediately. immediately.
</p> </p>
</div> </div>
</section> </section>
<section <section class="terms-usage" style="max-width: 1200px; margin: 40px auto; padding: 0 20px">
class="terms-usage"
style="max-width: 1200px; margin: 40px auto; padding: 0 20px"
>
<h3 class="section-title">Your Use of This Site</h3> <h3 class="section-title">Your Use of This Site</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
You may not use this site to engage in any illegal activity. You may You may not use this site to engage in any illegal activity. You may not
not use this site to engage in conduct which is defamatory, libelous, use this site to engage in conduct which is defamatory, libelous,
threatening or harassing or that infringes on a third party's threatening or harassing or that infringes on a third party's intellectual
intellectual property or other proprietary rights. You agree that any property or other proprietary rights. You agree that any information you
information you provide through this site will be truthful and provide through this site will be truthful and accurate.
accurate.
</p> </p>
</div> </div>
</section> </section>
<section <section class="terms-ip" style="max-width: 1200px; margin: 40px auto; padding: 0 20px">
class="terms-ip"
style="max-width: 1200px; margin: 40px auto; padding: 0 20px"
>
<h3 class="section-title">Intellectual Property</h3> <h3 class="section-title">Intellectual Property</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
The information on this site, including without limitation all design, The information on this site, including without limitation all design,
text, images, press releases, and other information, is protected text, images, press releases, and other information, is protected under
under United States and other copyright laws and is owned by FiEE or United States and other copyright laws and is owned by FiEE or used under
used under license from the copyright owner. The information may not, license from the copyright owner. The information may not, except under
except under written license, be copied, reproduced, transmitted, written license, be copied, reproduced, transmitted, displayed, performed,
displayed, performed, distributed, rented, sublicensed, altered, distributed, rented, sublicensed, altered, stored for subsequent use or
stored for subsequent use or otherwise used in whole or in part in any otherwise used in whole or in part in any manner without FiEE's prior
manner without FiEE's prior written consent, except to the extent that written consent, except to the extent that such use is authorized under
such use is authorized under the United States copyright laws. FiEE's the United States copyright laws. FiEE's trademarks, logos, images, and
trademarks, logos, images, and service marks used on this site are the service marks used on this site are the property of FiEE and may not be
property of FiEE and may not be used without permission from FiEE and used without permission from FiEE and then only with proper
then only with proper acknowledgment. In addition, the information on acknowledgment. In addition, the information on this Web site is provided
this Web site is provided "as is" and "as available" by FiEE and/or "as is" and "as available" by FiEE and/or its subsidiaries without
its subsidiaries without warranty of any kind, either implied or warranty of any kind, either implied or expressed, to its accuracy and
expressed, to its accuracy and completeness. completeness.
</p> </p>
</div> </div>
</section> </section>
<section <section class="terms-forward" style="max-width: 1200px; margin: 40px auto; padding: 0 20px">
class="terms-forward"
style="max-width: 1200px; margin: 40px auto; padding: 0 20px"
>
<h3 class="section-title">Forward-looking Statements</h3> <h3 class="section-title">Forward-looking Statements</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
FiEE is including the following cautionary statement to make FiEE is including the following cautionary statement to make applicable
applicable and take advantage of the safe harbor provisions of the and take advantage of the safe harbor provisions of the Private Securities
Private Securities Litigation Reform Act of 1995 for any Litigation Reform Act of 1995 for any forward-looking statements made by,
forward-looking statements made by, or on behalf of FiEE. With the or on behalf of FiEE. With the exception of historical matters, any
exception of historical matters, any matters discussed are matters discussed are forward-looking statements (as defined in Section
forward-looking statements (as defined in Section 21E of the 21E of the Securities Exchange Act of 1934) that involve risks and
Securities Exchange Act of 1934) that involve risks and uncertainties uncertainties that could cause actual results to differ materially from
that could cause actual results to differ materially from projected projected results. These risks, uncertainties and contingencies include,
results. These risks, uncertainties and contingencies include, but are but are not limited to, the following: the success or failure of FiEE's
not limited to, the following: the success or failure of FiEE's efforts to implement its business strategy; the effects of market demand
efforts to implement its business strategy; the effects of market and price on performance; our liquidity, results of operations and
demand and price on performance; our liquidity, results of operations financial condition; changes in laws and regulations; results of
and financial condition; changes in laws and regulations; results of
litigation; the effects of government regulation; the risk of work litigation; the effects of government regulation; the risk of work
stoppages; and management's ability to correctly estimate and accrue stoppages; and management's ability to correctly estimate and accrue for
for contingent liabilities. FiEE assumes no obligation to update contingent liabilities. FiEE assumes no obligation to update information
information contained in this site. contained in this site.
</p> </p>
</div> </div>
</section> </section>
<section <section class="terms-linking" style="max-width: 1200px; margin: 40px auto; padding: 0 20px">
class="terms-linking"
style="max-width: 1200px; margin: 40px auto; padding: 0 20px"
>
<h3 class="section-title">Linking</h3> <h3 class="section-title">Linking</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
As a convenience, this site may contain links to other sites that are As a convenience, this site may contain links to other sites that are not
not controlled by, or affiliated or associated with, FiEE. controlled by, or affiliated or associated with, FiEE. Accordingly, FiEE
Accordingly, FiEE does not make any representations concerning the does not make any representations concerning the privacy practices or
privacy practices or terms of use of such sites, nor does FiEE control terms of use of such sites, nor does FiEE control or guarantee the
or guarantee the accuracy, integrity, or quality of the information, accuracy, integrity, or quality of the information, data, text, software,
data, text, software, music, sound, photographs, graphics, video, music, sound, photographs, graphics, video, messages or other materials
messages or other materials available on such sites. The inclusion or available on such sites. The inclusion or exclusion does not imply any
exclusion does not imply any endorsement by FiEE of the site, the endorsement by FiEE of the site, the site's provider, or the information
site's provider, or the information on the site. FiEE is not on the site. FiEE is not responsible for the content of any linked site or
responsible for the content of any linked site or any link contained any link contained in a linked site. FiEE reserves the right to terminate
in a linked site. FiEE reserves the right to terminate any link or any link or linking program at any time. FiEE does not endorse companies
linking program at any time. FiEE does not endorse companies or or products to which it links and reserves the right to note as such on
products to which it links and reserves the right to note as such on its web pages. If you decide to access any of the third party sites linked
its web pages. If you decide to access any of the third party sites to this site, you do this entirely at your own risk.
linked to this site, you do this entirely at your own risk.
</p> </p>
</div> </div>
</section> </section>
<section <section class="terms-violations" style="max-width: 1200px; margin: 40px auto; padding: 0 20px">
class="terms-violations"
style="max-width: 1200px; margin: 40px auto; padding: 0 20px"
>
<h3 class="section-title">Violations of Terms &amp; Conditions</h3> <h3 class="section-title">Violations of Terms &amp; Conditions</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
FiEE reserves the right to seek all remedies available at law and in FiEE reserves the right to seek all remedies available at law and in
equity for violations of these Terms and Conditions, including the equity for violations of these Terms and Conditions, including the right
right to block access from a particular Internet address to the Site. to block access from a particular Internet address to the Site. YOU AGREE
YOU AGREE TO INDEMNIFY, DEFEND AND HOLD HARMLESS FIEE FROM ANY TO INDEMNIFY, DEFEND AND HOLD HARMLESS FIEE FROM ANY LIABILITY, LOSS,
LIABILITY, LOSS, CLAIM AND EXPENSE, INCLUDING ATTORNEY'S FEES, RELATED CLAIM AND EXPENSE, INCLUDING ATTORNEY'S FEES, RELATED TO YOUR VIOLATION OF
TO YOUR VIOLATION OF THESE TERMS AND CONDITIONS OR YOUR USE OF THE THESE TERMS AND CONDITIONS OR YOUR USE OF THE SERVICES AND INFORMATION
SERVICES AND INFORMATION PROVIDED AT THE SITE. PROVIDED AT THE SITE.
</p> </p>
</div> </div>
</section> </section>
<section <section class="terms-liability" style="max-width: 1200px; margin: 40px auto; padding: 0 20px">
class="terms-liability"
style="max-width: 1200px; margin: 40px auto; padding: 0 20px"
>
<h3 class="section-title">Limitation of Liability</h3> <h3 class="section-title">Limitation of Liability</h3>
<div class="content-block"> <div class="content-block">
<p> <p>
NEITHER FIEE NOR ITS DIRECTORS, MANAGERS, OFFICERS, EMPLOYEES, NEITHER FIEE NOR ITS DIRECTORS, MANAGERS, OFFICERS, EMPLOYEES,
REPRESENTATIVES OR AFFILIATES WILL BE LIABLE FOR DAMAGES ARISING OUT REPRESENTATIVES OR AFFILIATES WILL BE LIABLE FOR DAMAGES ARISING OUT OF OR
OF OR IN CONNECTION WITH THE USE OF THIS SITE OR ANY SITE LINKED IN CONNECTION WITH THE USE OF THIS SITE OR ANY SITE LINKED HERETO,
HERETO, INCLUDING, WITHOUT LIMITATION, INDIRECT, PUNITIVE, INCIDENTAL INCLUDING, WITHOUT LIMITATION, INDIRECT, PUNITIVE, INCIDENTAL OR
OR CONSEQUENTIAL DAMAGES, LOSS OF DATA, INCOME OR PROFIT, LOSS OF OR CONSEQUENTIAL DAMAGES, LOSS OF DATA, INCOME OR PROFIT, LOSS OF OR DAMAGE
DAMAGE TO PROPERTY AND CLAIMS OF THIRD PARTIES, WHETHER BASED ON TO PROPERTY AND CLAIMS OF THIRD PARTIES, WHETHER BASED ON CONTRACT, TORT,
CONTRACT, TORT, STRICT LIABILITY OR OTHERWISE. BECAUSE SOME STRICT LIABILITY OR OTHERWISE. BECAUSE SOME STATES/JURISDICTIONS DO NOT
STATES/JURISDICTIONS DO NOT ALLOW THE EXCLUSION OR LIMITATION OF ALLOW THE EXCLUSION OR LIMITATION OF LIABILITY FOR INCIDENTAL OR
LIABILITY FOR INCIDENTAL OR CONSEQUENTIAL DAMAGES, SUCH LIMITATION MAY CONSEQUENTIAL DAMAGES, SUCH LIMITATION MAY NOT APPLY.
NOT APPLY.
</p> </p>
<p> <p>
FiEE may revise these Terms and Conditions at any time. Revisions will FiEE may revise these Terms and Conditions at any time. Revisions will be
be posted on this "Terms and Conditions" page and users are posted on this "Terms and Conditions" page and users are responsible for
responsible for reviewing the page from time to time to ensure reviewing the page from time to time to ensure compliance.
compliance.
</p> </p>
</div> </div>
</section> </section>
@ -171,6 +145,7 @@ import { onMounted, ref, onUnmounted } from "vue";
<style scoped> <style scoped>
.terms-of-use { .terms-of-use {
background-image: url("@/assets/image/bg-mobile.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -1,15 +1,13 @@
<script setup> <script setup>
import customHeader from "@/components/customHeader/index.vue"; import customHeader from '@/components/customHeader/index.vue'
import customFooter from "@/components/customFooter/index.vue"; import customFooter from '@/components/customFooter/index.vue'
import { NScrollbar } from "naive-ui"; import { NScrollbar } from 'naive-ui'
</script> </script>
<template> <template>
<div class="flex flex-col h-screen"> <div class="flex flex-col h-screen">
<customHeader></customHeader> <customHeader></customHeader>
<n-scrollbar <n-scrollbar class="bg-[url('@/assets/image/bg-pc.png')] bg-cover bg-center flex-1">
class="bg-[url('@/assets/image/bg-pc.png')] bg-cover bg-center flex-1"
>
<div> <div>
<router-view /> <router-view />
</div> </div>

View File

@ -1,7 +1,7 @@
<script setup> <script setup>
import customHeader from "@/components/customHeader/index.vue"; import customHeader from '@/components/customHeader/index.vue'
import customFooter from "@/components/customFooter/index.vue"; import customFooter from '@/components/customFooter/index.vue'
import { NScrollbar } from "naive-ui"; import { NScrollbar } from 'naive-ui'
</script> </script>
<template> <template>

View File

@ -85,6 +85,7 @@ const getInitials = (name) => {
<style scoped> <style scoped>
.home-page { .home-page {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -85,6 +85,7 @@ const getInitials = (name) => {
<style scoped> <style scoped>
.home-page { .home-page {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -86,6 +86,7 @@ const getInitials = (name) => {
} }
.home-page { .home-page {
background-image: url("@/assets/image/bg.png");
background-size: cover; background-size: cover;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -90,6 +90,7 @@ const getInitials = (name) => {
} }
.home-page { .home-page {
background-image: url("@/assets/image/bg.png");
background-size: cover; background-size: cover;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -354,6 +354,7 @@ const handleLink = (item) => {
<style scoped> <style scoped>
.home-page { .home-page {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

4
update.md Normal file
View File

@ -0,0 +1,4 @@
# 功能
* 渐变三色
* n-menu修改背景色
* 背景图唯一