diff --git a/src/components/customFooter/size1920/index.vue b/src/components/customFooter/size1920/index.vue index cd7d713..918f002 100644 --- a/src/components/customFooter/size1920/index.vue +++ b/src/components/customFooter/size1920/index.vue @@ -21,13 +21,14 @@ import siteMap from "@/assets/file/footer/FiEE, Inc. _ Site Map.pdf"; //点击跳转到对应的链接页面 const handleLink = (link) => { - if (link === "privacyPolicy") { - window.open(privacyPolicy, "_blank"); - } else if (link === "termsOfUse") { - window.open(termsOfUse, "_blank"); - } else if (link === "siteMap") { - window.open(siteMap, "_blank"); - } + // if (link === "privacyPolicy") { + // window.open(privacyPolicy, "_blank"); + // } else if (link === "termsOfUse") { + // window.open(termsOfUse, "_blank"); + // } else if (link === "siteMap") { + // window.open(siteMap, "_blank"); + // } + router.push(link) }; </script> diff --git a/src/components/customFooter/size375/index.vue b/src/components/customFooter/size375/index.vue index 728ffbc..e4ac8d2 100644 --- a/src/components/customFooter/size375/index.vue +++ b/src/components/customFooter/size375/index.vue @@ -22,13 +22,14 @@ import siteMap from "@/assets/file/footer/FiEE, Inc. _ Site Map.pdf"; //点击跳转到对应的链接页面 const handleLink = (link) => { - if (link === "privacyPolicy") { - window.open(privacyPolicy, "_blank"); - } else if (link === "termsOfUse") { - window.open(termsOfUse, "_blank"); - } else if (link === "siteMap") { - window.open(siteMap, "_blank"); - } + // if (link === "privacyPolicy") { + // window.open(privacyPolicy, "_blank"); + // } else if (link === "termsOfUse") { + // window.open(termsOfUse, "_blank"); + // } else if (link === "siteMap") { + // window.open(siteMap, "_blank"); + // } + router.push(link) }; </script> diff --git a/src/components/customFooter/size768/index.vue b/src/components/customFooter/size768/index.vue index b0eda15..33031d1 100644 --- a/src/components/customFooter/size768/index.vue +++ b/src/components/customFooter/size768/index.vue @@ -19,13 +19,14 @@ import siteMap from "@/assets/file/footer/FiEE, Inc. _ Site Map.pdf"; //点击跳转到对应的链接页面 const handleLink = (link) => { - if (link === "privacyPolicy") { - window.open(privacyPolicy, "_blank"); - } else if (link === "termsOfUse") { - window.open(termsOfUse, "_blank"); - } else if (link === "siteMap") { - window.open(siteMap, "_blank"); - } + // if (link === "privacyPolicy") { + // window.open(privacyPolicy, "_blank"); + // } else if (link === "termsOfUse") { + // window.open(termsOfUse, "_blank"); + // } else if (link === "siteMap") { + // window.open(siteMap, "_blank"); + // } + router.push(link) }; </script> diff --git a/src/locales/en.js b/src/locales/en.js index 94c6762..d8cea1f 100644 --- a/src/locales/en.js +++ b/src/locales/en.js @@ -571,7 +571,7 @@ export default { STOCK_INFO: { TITLE: "Stock Information", LAST_PRICE: "Last Price", - CHANGE: "Change", + CHANGE: "% Change", STOCK_CODE: "Stock Code", VOLUME: "Volume", MARKET_CAP: "Market Cap", diff --git a/src/views/footerLinks/privacyPolicy/index.vue b/src/views/footerLinks/privacyPolicy/index.vue index 46dc0ed..b37f9b1 100644 --- a/src/views/footerLinks/privacyPolicy/index.vue +++ b/src/views/footerLinks/privacyPolicy/index.vue @@ -3,8 +3,8 @@ import { computed } from 'vue' import { useWindowSize } from '@vueuse/core' import size375 from '@/views/footerLinks/privacyPolicy/size375/index.vue' -import size768 from '@/views/footerLinks/privacyPolicy/size375/index.vue' -import size1440 from '@/views/footerLinks/privacyPolicy/size1920/index.vue' +import size768 from '@/views/footerLinks/privacyPolicy/size768/index.vue' +import size1440 from '@/views/footerLinks/privacyPolicy/size1440/index.vue' import size1920 from '@/views/footerLinks/privacyPolicy/size1920/index.vue' import { useRouter } from 'vue-router' import { useI18n } from 'vue-i18n' diff --git a/src/views/footerLinks/privacyPolicy/size1440/index.vue b/src/views/footerLinks/privacyPolicy/size1440/index.vue new file mode 100644 index 0000000..d1a684a --- /dev/null +++ b/src/views/footerLinks/privacyPolicy/size1440/index.vue @@ -0,0 +1,252 @@ +<script setup> +import { NCarousel, NDivider, NMarquee, NPopselect } from 'naive-ui' +import { onUnmounted, ref, watch, onMounted, computed } from 'vue' +</script> + +<template> + <div class="privacy-policy"> + <section class="privacy-intro" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h1 class="section-titles">Privacy Policy</h1> + <div class="content-block"> + <p> + <strong> + We at FiEE, Inc. and its subsidiaries ("FiEE") are committed to + maintaining the privacy and security of visitors to our website. Through + this privacy policy, FiEE wants to assure you of our commitment to + privacy and security. + </strong> + </p> + <p> + Our privacy philosophy is based on the concept of fair information + practices. This means we provide visitors to our website with notice of + how we manage information so that they can have a more informed + understanding of how we operate. + </p> + </div> + </section> + + <section class="privacy-notice" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Notice</h3> + <div class="content-block"> + <p> + If we collect information about you, we will tell you what information is + being collected, how, by whom and for what purposes. + </p> + <p> + Through this statement and our web pages, we let you know what types of + information we collect from and about you, the types and intended uses of + such information, and the types of third parties to whom the information + may be disclosed. If we collect information from you, we clearly identify + the information that is necessary to fulfill your request and the optional + information that is used to deliver tailored information to you. + </p> + <p> + When you visit our site, we may collect information about your use of our + site through "cookies". Cookies are small bits of information transferred + to your computer's hard drive that allow us to know how often someone + visits our site and the activities they conduct while on the site. The + information collected by cookies allows us to monitor how our customers + are using our web site. If you simply want to browse, you do not have to + accept cookies from us. However, if you wish to take advantage of specific + services offered online, we may require you to accept cookies placed by a + third party supporting this activity on our behalf. We also capture the + paths taken as you move from page to page (i.e., your "click stream" + activity). + </p> + <p> + Information we collect on fiee.com may be used to enhance your use of this + web site in ways like these: + </p> + <ul> + <li>Arrange the web site in the most user-friendly way</li> + <li>Customize your browsing experience of this web site</li> + <li>Respond to your questions or suggestions</li> + <li> + Disclosure of personal information for legal purposes and protection of + fiee.com and others: + </li> + </ul> + <p> + We reserve the right to share your personal information with third parties + if required to do so by law or if we believe such action is necessary in + order to: (a) conform with the requirements of the law or to comply with + legal process served upon us; (b) protect or defend our legal rights or + property, fiee.com, or our users; or (c) investigate, prevent, or take + action regarding illegal activities, suspected fraud, situations involving + potential threats to the physical safety of any person, or violations of + the terms and conditions of using fiee.com. + </p> + </div> + </section> + + <section class="privacy-linking" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Linking to Other Sites</h3> + <div class="content-block"> + <p> + Please remember that when you use a link to go from fiee.com to another + web site, the fiee.com Terms & Conditions and this Privacy Policy are + no longer in effect. Your browsing and interaction on any other web site, + including any site that has a link on fiee.com, is subject to the rules + and policies of that site. We encourage you to read the rules and policies + of the sites you visit to further understand their procedures for + collecting, using, and disclosing personal information. + </p> + </div> + </section> + + <section class="privacy-choice" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Choice</h3> + <div class="content-block"> + <p> + We will give you options about how the personal information that you + provide us may be used. + </p> + <p> + Before we use your personal information for any purpose, we will give you + choices about whether or not to allow us to engage in that use. We will + give you the opportunity to keep us from using or sharing the personal + information that you have provided to us for purposes other than to + fulfill your request. To exercise this choice, we will allow you to notify + us of your preferences during the information collection process. + </p> + <p> + If there are third parties that process FiEE data, we will require them to + hold all personally-identifiable information confidential, and to use our + customer information only for the purpose of fulfilling their business + obligation. We do not sell personally identifiable information to third + party marketers. + </p> + </div> + </section> + + <section class="privacy-security" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Security</h3> + <div class="content-block"> + <p> + We use recognized industry safeguards to protect personally identifiable + information from unauthorized access or use. + </p> + <p> + We will employ industry recognized security safeguards to protect the + personally identifiable information that you have provided to us from + loss, misuse and unauthorized alteration. If you are required to transmit + sensitive information (such as social security and/or credit information) + to us through our Web site, we will provide you access to our secure + server that allows encryption of your data as it is transmitted to us. + </p> + <p> + We will protect personally identifiable information stored on the site's + servers from unauthorized access using commercially available computer + security products (e.g., firewalls), as well as carefully developed + security procedures and practices. + </p> + </div> + </section> + + <section class="privacy-access" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Access</h3> + <div class="content-block"> + <p> + We will let you update your personal information that you have provided to + us. We will also take steps to make sure that any updates that you provide + are processed in a timely and complete manner. + </p> + <p> + If we collect personal information through our sites, we will maintain the + information and allow you to update it at any time. We will continue to + work on better methods of accessing your information to increase your + access to it for update purposes. Note that our site may contain links to + other sites that are beyond our control, and that you may want to read + that sites' privacy policy before entering information. + </p> + </div> + </section> + + <section class="privacy-contact" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Customer Service & Recourse</h3> + <div class="content-block"> + <p> + We will tell you how you can contact us regarding our privacy statement + and practices. + </p> + <p> + If you have any questions about this privacy statement, our information + handling practices, or any other aspects of your privacy and the security + of information, please send an e-mail to fiee@dlkadvisory.com. + </p> + </div> + </section> + + <section class="privacy-updates" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Updates</h3> + <div class="content-block"> + <p> + FiEE may periodically update this policy to describe how new Web features + may affect our use of your information and to let you know of new controls + and features that we may provide you. FiEE will NOT apply changes to this + policy retroactively to information FiEE has previously collected. + </p> + </div> + </section> + </div> +</template> + +<style scoped lang="scss"> +.privacy-policy { + background-image: url("@/assets/image/bg-mobile.png"); + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; +} + +.section-titles { + font-size: 2.5rem; + margin-bottom: 30px; + color: black; +} + +.section-title { + font-size: 1.5rem; + margin-bottom: 30px; + color: #895bff; +} + +.content-block { + font-size: 1.1rem; + line-height: 1.8; +} + +.content-block p { + margin-bottom: 16px; +} + +.content-block ul { + list-style: disc; + padding-left: 20px; + font-size: 1.1rem; + margin-bottom: 16px; +} + +.content-block li { + margin-bottom: 10px; +} + +/* 响应式设计 */ +@media (max-width: 768px) { + .grid-container { + grid-template-columns: 1fr; + } + + .section-titles { + font-size: 2rem; + } + + .section-title { + font-size: 1.3rem; + } + + .content-block { + font-size: 1rem; + } +} +</style> diff --git a/src/views/footerLinks/privacyPolicy/size1920/index.vue b/src/views/footerLinks/privacyPolicy/size1920/index.vue index b4d63a5..448ce00 100644 --- a/src/views/footerLinks/privacyPolicy/size1920/index.vue +++ b/src/views/footerLinks/privacyPolicy/size1920/index.vue @@ -4,11 +4,249 @@ import { onUnmounted, ref, watch, onMounted, computed } from 'vue' </script> <template> - <header className="header"> - 1920 privacyPolicy - </header> - <main ref="main"></main> + <div class="privacy-policy"> + <section class="privacy-intro" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h1 class="section-titles">Privacy Policy</h1> + <div class="content-block"> + <p> + <strong> + We at FiEE, Inc. and its subsidiaries ("FiEE") are committed to + maintaining the privacy and security of visitors to our website. Through + this privacy policy, FiEE wants to assure you of our commitment to + privacy and security. + </strong> + </p> + <p> + Our privacy philosophy is based on the concept of fair information + practices. This means we provide visitors to our website with notice of + how we manage information so that they can have a more informed + understanding of how we operate. + </p> + </div> + </section> + + <section class="privacy-notice" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Notice</h3> + <div class="content-block"> + <p> + If we collect information about you, we will tell you what information is + being collected, how, by whom and for what purposes. + </p> + <p> + Through this statement and our web pages, we let you know what types of + information we collect from and about you, the types and intended uses of + such information, and the types of third parties to whom the information + may be disclosed. If we collect information from you, we clearly identify + the information that is necessary to fulfill your request and the optional + information that is used to deliver tailored information to you. + </p> + <p> + When you visit our site, we may collect information about your use of our + site through "cookies". Cookies are small bits of information transferred + to your computer's hard drive that allow us to know how often someone + visits our site and the activities they conduct while on the site. The + information collected by cookies allows us to monitor how our customers + are using our web site. If you simply want to browse, you do not have to + accept cookies from us. However, if you wish to take advantage of specific + services offered online, we may require you to accept cookies placed by a + third party supporting this activity on our behalf. We also capture the + paths taken as you move from page to page (i.e., your "click stream" + activity). + </p> + <p> + Information we collect on fiee.com may be used to enhance your use of this + web site in ways like these: + </p> + <ul> + <li>Arrange the web site in the most user-friendly way</li> + <li>Customize your browsing experience of this web site</li> + <li>Respond to your questions or suggestions</li> + <li> + Disclosure of personal information for legal purposes and protection of + fiee.com and others: + </li> + </ul> + <p> + We reserve the right to share your personal information with third parties + if required to do so by law or if we believe such action is necessary in + order to: (a) conform with the requirements of the law or to comply with + legal process served upon us; (b) protect or defend our legal rights or + property, fiee.com, or our users; or (c) investigate, prevent, or take + action regarding illegal activities, suspected fraud, situations involving + potential threats to the physical safety of any person, or violations of + the terms and conditions of using fiee.com. + </p> + </div> + </section> + + <section class="privacy-linking" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Linking to Other Sites</h3> + <div class="content-block"> + <p> + Please remember that when you use a link to go from fiee.com to another + web site, the fiee.com Terms & Conditions and this Privacy Policy are + no longer in effect. Your browsing and interaction on any other web site, + including any site that has a link on fiee.com, is subject to the rules + and policies of that site. We encourage you to read the rules and policies + of the sites you visit to further understand their procedures for + collecting, using, and disclosing personal information. + </p> + </div> + </section> + + <section class="privacy-choice" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Choice</h3> + <div class="content-block"> + <p> + We will give you options about how the personal information that you + provide us may be used. + </p> + <p> + Before we use your personal information for any purpose, we will give you + choices about whether or not to allow us to engage in that use. We will + give you the opportunity to keep us from using or sharing the personal + information that you have provided to us for purposes other than to + fulfill your request. To exercise this choice, we will allow you to notify + us of your preferences during the information collection process. + </p> + <p> + If there are third parties that process FiEE data, we will require them to + hold all personally-identifiable information confidential, and to use our + customer information only for the purpose of fulfilling their business + obligation. We do not sell personally identifiable information to third + party marketers. + </p> + </div> + </section> + + <section class="privacy-security" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Security</h3> + <div class="content-block"> + <p> + We use recognized industry safeguards to protect personally identifiable + information from unauthorized access or use. + </p> + <p> + We will employ industry recognized security safeguards to protect the + personally identifiable information that you have provided to us from + loss, misuse and unauthorized alteration. If you are required to transmit + sensitive information (such as social security and/or credit information) + to us through our Web site, we will provide you access to our secure + server that allows encryption of your data as it is transmitted to us. + </p> + <p> + We will protect personally identifiable information stored on the site's + servers from unauthorized access using commercially available computer + security products (e.g., firewalls), as well as carefully developed + security procedures and practices. + </p> + </div> + </section> + + <section class="privacy-access" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Access</h3> + <div class="content-block"> + <p> + We will let you update your personal information that you have provided to + us. We will also take steps to make sure that any updates that you provide + are processed in a timely and complete manner. + </p> + <p> + If we collect personal information through our sites, we will maintain the + information and allow you to update it at any time. We will continue to + work on better methods of accessing your information to increase your + access to it for update purposes. Note that our site may contain links to + other sites that are beyond our control, and that you may want to read + that sites' privacy policy before entering information. + </p> + </div> + </section> + + <section class="privacy-contact" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Customer Service & Recourse</h3> + <div class="content-block"> + <p> + We will tell you how you can contact us regarding our privacy statement + and practices. + </p> + <p> + If you have any questions about this privacy statement, our information + handling practices, or any other aspects of your privacy and the security + of information, please send an e-mail to fiee@dlkadvisory.com. + </p> + </div> + </section> + + <section class="privacy-updates" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Updates</h3> + <div class="content-block"> + <p> + FiEE may periodically update this policy to describe how new Web features + may affect our use of your information and to let you know of new controls + and features that we may provide you. FiEE will NOT apply changes to this + policy retroactively to information FiEE has previously collected. + </p> + </div> + </section> + </div> </template> <style scoped lang="scss"> +.privacy-policy { + background-image: url("@/assets/image/bg.png"); + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; +} + +.section-titles { + font-size: 2.5rem; + margin-bottom: 30px; + color: black; +} + +.section-title { + font-size: 1.5rem; + margin-bottom: 30px; + color: #895bff; +} + +.content-block { + font-size: 1.1rem; + line-height: 1.8; +} + +.content-block p { + margin-bottom: 16px; +} + +.content-block ul { + list-style: disc; + padding-left: 20px; + font-size: 1.1rem; + margin-bottom: 16px; +} + +.content-block li { + margin-bottom: 10px; +} + +/* 响应式设计 */ +@media (max-width: 768px) { + .grid-container { + grid-template-columns: 1fr; + } + + .section-titles { + font-size: 2rem; + } + + .section-title { + font-size: 1.3rem; + } + + .content-block { + font-size: 1rem; + } +} </style> diff --git a/src/views/footerLinks/privacyPolicy/size375/index.vue b/src/views/footerLinks/privacyPolicy/size375/index.vue index 3ada20b..d1a684a 100644 --- a/src/views/footerLinks/privacyPolicy/size375/index.vue +++ b/src/views/footerLinks/privacyPolicy/size375/index.vue @@ -4,11 +4,249 @@ import { onUnmounted, ref, watch, onMounted, computed } from 'vue' </script> <template> - <header className="header"> - 375 privacyPolicy - </header> - <main ref="main"></main> + <div class="privacy-policy"> + <section class="privacy-intro" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h1 class="section-titles">Privacy Policy</h1> + <div class="content-block"> + <p> + <strong> + We at FiEE, Inc. and its subsidiaries ("FiEE") are committed to + maintaining the privacy and security of visitors to our website. Through + this privacy policy, FiEE wants to assure you of our commitment to + privacy and security. + </strong> + </p> + <p> + Our privacy philosophy is based on the concept of fair information + practices. This means we provide visitors to our website with notice of + how we manage information so that they can have a more informed + understanding of how we operate. + </p> + </div> + </section> + + <section class="privacy-notice" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Notice</h3> + <div class="content-block"> + <p> + If we collect information about you, we will tell you what information is + being collected, how, by whom and for what purposes. + </p> + <p> + Through this statement and our web pages, we let you know what types of + information we collect from and about you, the types and intended uses of + such information, and the types of third parties to whom the information + may be disclosed. If we collect information from you, we clearly identify + the information that is necessary to fulfill your request and the optional + information that is used to deliver tailored information to you. + </p> + <p> + When you visit our site, we may collect information about your use of our + site through "cookies". Cookies are small bits of information transferred + to your computer's hard drive that allow us to know how often someone + visits our site and the activities they conduct while on the site. The + information collected by cookies allows us to monitor how our customers + are using our web site. If you simply want to browse, you do not have to + accept cookies from us. However, if you wish to take advantage of specific + services offered online, we may require you to accept cookies placed by a + third party supporting this activity on our behalf. We also capture the + paths taken as you move from page to page (i.e., your "click stream" + activity). + </p> + <p> + Information we collect on fiee.com may be used to enhance your use of this + web site in ways like these: + </p> + <ul> + <li>Arrange the web site in the most user-friendly way</li> + <li>Customize your browsing experience of this web site</li> + <li>Respond to your questions or suggestions</li> + <li> + Disclosure of personal information for legal purposes and protection of + fiee.com and others: + </li> + </ul> + <p> + We reserve the right to share your personal information with third parties + if required to do so by law or if we believe such action is necessary in + order to: (a) conform with the requirements of the law or to comply with + legal process served upon us; (b) protect or defend our legal rights or + property, fiee.com, or our users; or (c) investigate, prevent, or take + action regarding illegal activities, suspected fraud, situations involving + potential threats to the physical safety of any person, or violations of + the terms and conditions of using fiee.com. + </p> + </div> + </section> + + <section class="privacy-linking" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Linking to Other Sites</h3> + <div class="content-block"> + <p> + Please remember that when you use a link to go from fiee.com to another + web site, the fiee.com Terms & Conditions and this Privacy Policy are + no longer in effect. Your browsing and interaction on any other web site, + including any site that has a link on fiee.com, is subject to the rules + and policies of that site. We encourage you to read the rules and policies + of the sites you visit to further understand their procedures for + collecting, using, and disclosing personal information. + </p> + </div> + </section> + + <section class="privacy-choice" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Choice</h3> + <div class="content-block"> + <p> + We will give you options about how the personal information that you + provide us may be used. + </p> + <p> + Before we use your personal information for any purpose, we will give you + choices about whether or not to allow us to engage in that use. We will + give you the opportunity to keep us from using or sharing the personal + information that you have provided to us for purposes other than to + fulfill your request. To exercise this choice, we will allow you to notify + us of your preferences during the information collection process. + </p> + <p> + If there are third parties that process FiEE data, we will require them to + hold all personally-identifiable information confidential, and to use our + customer information only for the purpose of fulfilling their business + obligation. We do not sell personally identifiable information to third + party marketers. + </p> + </div> + </section> + + <section class="privacy-security" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Security</h3> + <div class="content-block"> + <p> + We use recognized industry safeguards to protect personally identifiable + information from unauthorized access or use. + </p> + <p> + We will employ industry recognized security safeguards to protect the + personally identifiable information that you have provided to us from + loss, misuse and unauthorized alteration. If you are required to transmit + sensitive information (such as social security and/or credit information) + to us through our Web site, we will provide you access to our secure + server that allows encryption of your data as it is transmitted to us. + </p> + <p> + We will protect personally identifiable information stored on the site's + servers from unauthorized access using commercially available computer + security products (e.g., firewalls), as well as carefully developed + security procedures and practices. + </p> + </div> + </section> + + <section class="privacy-access" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Access</h3> + <div class="content-block"> + <p> + We will let you update your personal information that you have provided to + us. We will also take steps to make sure that any updates that you provide + are processed in a timely and complete manner. + </p> + <p> + If we collect personal information through our sites, we will maintain the + information and allow you to update it at any time. We will continue to + work on better methods of accessing your information to increase your + access to it for update purposes. Note that our site may contain links to + other sites that are beyond our control, and that you may want to read + that sites' privacy policy before entering information. + </p> + </div> + </section> + + <section class="privacy-contact" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Customer Service & Recourse</h3> + <div class="content-block"> + <p> + We will tell you how you can contact us regarding our privacy statement + and practices. + </p> + <p> + If you have any questions about this privacy statement, our information + handling practices, or any other aspects of your privacy and the security + of information, please send an e-mail to fiee@dlkadvisory.com. + </p> + </div> + </section> + + <section class="privacy-updates" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Updates</h3> + <div class="content-block"> + <p> + FiEE may periodically update this policy to describe how new Web features + may affect our use of your information and to let you know of new controls + and features that we may provide you. FiEE will NOT apply changes to this + policy retroactively to information FiEE has previously collected. + </p> + </div> + </section> + </div> </template> <style scoped lang="scss"> +.privacy-policy { + background-image: url("@/assets/image/bg-mobile.png"); + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; +} + +.section-titles { + font-size: 2.5rem; + margin-bottom: 30px; + color: black; +} + +.section-title { + font-size: 1.5rem; + margin-bottom: 30px; + color: #895bff; +} + +.content-block { + font-size: 1.1rem; + line-height: 1.8; +} + +.content-block p { + margin-bottom: 16px; +} + +.content-block ul { + list-style: disc; + padding-left: 20px; + font-size: 1.1rem; + margin-bottom: 16px; +} + +.content-block li { + margin-bottom: 10px; +} + +/* 响应式设计 */ +@media (max-width: 768px) { + .grid-container { + grid-template-columns: 1fr; + } + + .section-titles { + font-size: 2rem; + } + + .section-title { + font-size: 1.3rem; + } + + .content-block { + font-size: 1rem; + } +} </style> diff --git a/src/views/footerLinks/privacyPolicy/size768/index.vue b/src/views/footerLinks/privacyPolicy/size768/index.vue new file mode 100644 index 0000000..d1a684a --- /dev/null +++ b/src/views/footerLinks/privacyPolicy/size768/index.vue @@ -0,0 +1,252 @@ +<script setup> +import { NCarousel, NDivider, NMarquee, NPopselect } from 'naive-ui' +import { onUnmounted, ref, watch, onMounted, computed } from 'vue' +</script> + +<template> + <div class="privacy-policy"> + <section class="privacy-intro" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h1 class="section-titles">Privacy Policy</h1> + <div class="content-block"> + <p> + <strong> + We at FiEE, Inc. and its subsidiaries ("FiEE") are committed to + maintaining the privacy and security of visitors to our website. Through + this privacy policy, FiEE wants to assure you of our commitment to + privacy and security. + </strong> + </p> + <p> + Our privacy philosophy is based on the concept of fair information + practices. This means we provide visitors to our website with notice of + how we manage information so that they can have a more informed + understanding of how we operate. + </p> + </div> + </section> + + <section class="privacy-notice" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Notice</h3> + <div class="content-block"> + <p> + If we collect information about you, we will tell you what information is + being collected, how, by whom and for what purposes. + </p> + <p> + Through this statement and our web pages, we let you know what types of + information we collect from and about you, the types and intended uses of + such information, and the types of third parties to whom the information + may be disclosed. If we collect information from you, we clearly identify + the information that is necessary to fulfill your request and the optional + information that is used to deliver tailored information to you. + </p> + <p> + When you visit our site, we may collect information about your use of our + site through "cookies". Cookies are small bits of information transferred + to your computer's hard drive that allow us to know how often someone + visits our site and the activities they conduct while on the site. The + information collected by cookies allows us to monitor how our customers + are using our web site. If you simply want to browse, you do not have to + accept cookies from us. However, if you wish to take advantage of specific + services offered online, we may require you to accept cookies placed by a + third party supporting this activity on our behalf. We also capture the + paths taken as you move from page to page (i.e., your "click stream" + activity). + </p> + <p> + Information we collect on fiee.com may be used to enhance your use of this + web site in ways like these: + </p> + <ul> + <li>Arrange the web site in the most user-friendly way</li> + <li>Customize your browsing experience of this web site</li> + <li>Respond to your questions or suggestions</li> + <li> + Disclosure of personal information for legal purposes and protection of + fiee.com and others: + </li> + </ul> + <p> + We reserve the right to share your personal information with third parties + if required to do so by law or if we believe such action is necessary in + order to: (a) conform with the requirements of the law or to comply with + legal process served upon us; (b) protect or defend our legal rights or + property, fiee.com, or our users; or (c) investigate, prevent, or take + action regarding illegal activities, suspected fraud, situations involving + potential threats to the physical safety of any person, or violations of + the terms and conditions of using fiee.com. + </p> + </div> + </section> + + <section class="privacy-linking" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Linking to Other Sites</h3> + <div class="content-block"> + <p> + Please remember that when you use a link to go from fiee.com to another + web site, the fiee.com Terms & Conditions and this Privacy Policy are + no longer in effect. Your browsing and interaction on any other web site, + including any site that has a link on fiee.com, is subject to the rules + and policies of that site. We encourage you to read the rules and policies + of the sites you visit to further understand their procedures for + collecting, using, and disclosing personal information. + </p> + </div> + </section> + + <section class="privacy-choice" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Choice</h3> + <div class="content-block"> + <p> + We will give you options about how the personal information that you + provide us may be used. + </p> + <p> + Before we use your personal information for any purpose, we will give you + choices about whether or not to allow us to engage in that use. We will + give you the opportunity to keep us from using or sharing the personal + information that you have provided to us for purposes other than to + fulfill your request. To exercise this choice, we will allow you to notify + us of your preferences during the information collection process. + </p> + <p> + If there are third parties that process FiEE data, we will require them to + hold all personally-identifiable information confidential, and to use our + customer information only for the purpose of fulfilling their business + obligation. We do not sell personally identifiable information to third + party marketers. + </p> + </div> + </section> + + <section class="privacy-security" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Security</h3> + <div class="content-block"> + <p> + We use recognized industry safeguards to protect personally identifiable + information from unauthorized access or use. + </p> + <p> + We will employ industry recognized security safeguards to protect the + personally identifiable information that you have provided to us from + loss, misuse and unauthorized alteration. If you are required to transmit + sensitive information (such as social security and/or credit information) + to us through our Web site, we will provide you access to our secure + server that allows encryption of your data as it is transmitted to us. + </p> + <p> + We will protect personally identifiable information stored on the site's + servers from unauthorized access using commercially available computer + security products (e.g., firewalls), as well as carefully developed + security procedures and practices. + </p> + </div> + </section> + + <section class="privacy-access" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Access</h3> + <div class="content-block"> + <p> + We will let you update your personal information that you have provided to + us. We will also take steps to make sure that any updates that you provide + are processed in a timely and complete manner. + </p> + <p> + If we collect personal information through our sites, we will maintain the + information and allow you to update it at any time. We will continue to + work on better methods of accessing your information to increase your + access to it for update purposes. Note that our site may contain links to + other sites that are beyond our control, and that you may want to read + that sites' privacy policy before entering information. + </p> + </div> + </section> + + <section class="privacy-contact" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Customer Service & Recourse</h3> + <div class="content-block"> + <p> + We will tell you how you can contact us regarding our privacy statement + and practices. + </p> + <p> + If you have any questions about this privacy statement, our information + handling practices, or any other aspects of your privacy and the security + of information, please send an e-mail to fiee@dlkadvisory.com. + </p> + </div> + </section> + + <section class="privacy-updates" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Updates</h3> + <div class="content-block"> + <p> + FiEE may periodically update this policy to describe how new Web features + may affect our use of your information and to let you know of new controls + and features that we may provide you. FiEE will NOT apply changes to this + policy retroactively to information FiEE has previously collected. + </p> + </div> + </section> + </div> +</template> + +<style scoped lang="scss"> +.privacy-policy { + background-image: url("@/assets/image/bg-mobile.png"); + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; +} + +.section-titles { + font-size: 2.5rem; + margin-bottom: 30px; + color: black; +} + +.section-title { + font-size: 1.5rem; + margin-bottom: 30px; + color: #895bff; +} + +.content-block { + font-size: 1.1rem; + line-height: 1.8; +} + +.content-block p { + margin-bottom: 16px; +} + +.content-block ul { + list-style: disc; + padding-left: 20px; + font-size: 1.1rem; + margin-bottom: 16px; +} + +.content-block li { + margin-bottom: 10px; +} + +/* 响应式设计 */ +@media (max-width: 768px) { + .grid-container { + grid-template-columns: 1fr; + } + + .section-titles { + font-size: 2rem; + } + + .section-title { + font-size: 1.3rem; + } + + .content-block { + font-size: 1rem; + } +} +</style> diff --git a/src/views/footerLinks/siteMap/index.vue b/src/views/footerLinks/siteMap/index.vue index 5bbc2d1..33436a6 100644 --- a/src/views/footerLinks/siteMap/index.vue +++ b/src/views/footerLinks/siteMap/index.vue @@ -3,8 +3,8 @@ import { computed } from 'vue' import { useWindowSize } from '@vueuse/core' import size375 from '@/views/footerLinks/siteMap/size375/index.vue' -import size768 from '@/views/footerLinks/siteMap/size375/index.vue' -import size1440 from '@/views/footerLinks/siteMap/size1920/index.vue' +import size768 from '@/views/footerLinks/siteMap/size768/index.vue' +import size1440 from '@/views/footerLinks/siteMap/size1440/index.vue' import size1920 from '@/views/footerLinks/siteMap/size1920/index.vue' import { useRouter } from 'vue-router' import { useI18n } from 'vue-i18n' diff --git a/src/views/footerLinks/siteMap/size1440/index.vue b/src/views/footerLinks/siteMap/size1440/index.vue new file mode 100644 index 0000000..3528991 --- /dev/null +++ b/src/views/footerLinks/siteMap/size1440/index.vue @@ -0,0 +1,147 @@ +<template> + <div class="site-map"> + <section class="site-map-intro" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h1 class="section-titles">FiEE, Inc. Sitemap</h1> + <div class="content-block"> + <p class="intro-text"> + Browse the links below for pages that make up the FiEE, Inc. website. + </p> + </div> + </section> + + <section class="site-map-corporate" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Corporate Information</h3> + <div class="content-block"> + <ul class="link-list"> + <li @click="router.push('/companyoverview')">Company Overview</li> + <li @click="router.push('/businessservices')">Business Introduction</li> + <li @click="router.push('/manage')">Management</li> + <li @click="router.push('/boarddirectors')">Board of Directors</li> + <li @click="router.push('/committeeappointment')">Committee Appointments</li> + <li @click="router.push('/govern')">Governance</li> + </ul> + </div> + </section> + + <section class="site-map-financial" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Financial Information</h3> + <div class="content-block"> + <ul class="link-list"> + <li @click="router.push('/secfilings')">SEC Filings</li> + <li @click="router.push('/annualreports')">Annual Reports</li> + <li @click="router.push('/quarterlyreports')">Quarterly Reports</li> + </ul> + </div> + </section> + + <section class="site-map-stock" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Stock Information</h3> + <div class="content-block"> + <ul class="link-list"> + <li @click="router.push('/stock-quote')">Stock Quote</li> + <li @click="router.push('/historic-stock')">Historic Stock Price</li> + </ul> + </div> + </section> + + <section class="site-map-news" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">News Releases</h3> + <div class="content-block"> + <ul class="link-list"> + <li @click="router.push('/press-releases')">Press Releases</li> + <li @click="router.push('/events-calendar')">Events Calendar</li> + </ul> + </div> + </section> + + <section class="site-map-investor" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Investor Resources</h3> + <div class="content-block"> + <ul class="link-list"> + <li @click="router.push('/contacts')">IR Contacts</li> + <li @click="router.push('/email-alerts')">Email Alerts</li> + </ul> + </div> + </section> + </div> + </template> + + <script setup> + import { onMounted, ref, onUnmounted } from "vue"; + import { useRouter } from "vue-router"; + const router = useRouter(); + </script> + + <style scoped> + .site-map { + background-image: url("@/assets/image/bg-mobile.png"); + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; + } + + .section-titles { + font-size: 2.5rem; + margin-bottom: 30px; + color: black; + } + + .section-title { + font-size: 1.5rem; + margin-bottom: 30px; + color: #895bff; + } + + .content-block { + font-size: 1.1rem; + line-height: 1.8; + } + + .intro-text { + font-size: 1.2rem; + margin-bottom: 20px; + } + + .link-list { + list-style: none; + padding: 0; + margin: 0; + } + + .link-list li { + margin-bottom: 12px; + cursor: pointer; + transition: color 0.3s ease; + text-decoration: underline; + text-decoration-color: rgba(137, 91, 255, 0.5); + text-underline-offset: 4px; + } + + .link-list li:hover { + color: #895bff; + text-decoration-color: #895bff; + } + + /* 响应式设计 */ + @media (max-width: 768px) { + .grid-container { + grid-template-columns: 1fr; + } + + .section-titles { + font-size: 2rem; + } + + .section-title { + font-size: 1.3rem; + } + + .content-block { + font-size: 1rem; + } + + .intro-text { + font-size: 1.1rem; + } + } + </style> \ No newline at end of file diff --git a/src/views/footerLinks/siteMap/size1920/index.vue b/src/views/footerLinks/siteMap/size1920/index.vue index ebca6d3..83f59a3 100644 --- a/src/views/footerLinks/siteMap/size1920/index.vue +++ b/src/views/footerLinks/siteMap/size1920/index.vue @@ -1,14 +1,148 @@ <script setup> import { NCarousel, NDivider, NMarquee, NPopselect } from 'naive-ui' import { onUnmounted, ref, watch, onMounted, computed } from 'vue' +import { useRouter } from "vue-router"; +const router = useRouter(); </script> <template> - <header className="header"> - 1920 siteMap - </header> - <main ref="main"></main> + <div class="site-map"> + <section class="site-map-intro" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h1 class="section-titles">FiEE, Inc. Sitemap</h1> + <div class="content-block"> + <p class="intro-text"> + Browse the links below for pages that make up the FiEE, Inc. website. + </p> + </div> + </section> + + <section class="site-map-corporate" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Corporate Information</h3> + <div class="content-block"> + <ul class="link-list"> + <li @click="router.push('/companyoverview')">Company Overview</li> + <li @click="router.push('/businessservices')">Business Introduction</li> + <li @click="router.push('/manage')">Management</li> + <li @click="router.push('/boarddirectors')">Board of Directors</li> + <li @click="router.push('/committeeappointment')">Committee Appointments</li> + <li @click="router.push('/govern')">Governance</li> + </ul> + </div> + </section> + + <section class="site-map-financial" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Financial Information</h3> + <div class="content-block"> + <ul class="link-list"> + <li @click="router.push('/secfilings')">SEC Filings</li> + <li @click="router.push('/annualreports')">Annual Reports</li> + <li @click="router.push('/quarterlyreports')">Quarterly Reports</li> + </ul> + </div> + </section> + + <section class="site-map-stock" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Stock Information</h3> + <div class="content-block"> + <ul class="link-list"> + <li @click="router.push('/stock-quote')">Stock Quote</li> + <li @click="router.push('/historic-stock')">Historic Stock Price</li> + </ul> + </div> + </section> + + <section class="site-map-news" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">News Releases</h3> + <div class="content-block"> + <ul class="link-list"> + <li @click="router.push('/press-releases')">Press Releases</li> + <li @click="router.push('/events-calendar')">Events Calendar</li> + </ul> + </div> + </section> + + <section class="site-map-investor" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Investor Resources</h3> + <div class="content-block"> + <ul class="link-list"> + <li @click="router.push('/contacts')">IR Contacts</li> + <li @click="router.push('/email-alerts')">Email Alerts</li> + </ul> + </div> + </section> + </div> </template> -<style scoped lang="scss"> +<style scoped> +.site-map { + background-image: url("@/assets/image/bg.png"); + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; +} + +.section-titles { + font-size: 2.5rem; + margin-bottom: 30px; + color: black; +} + +.section-title { + font-size: 1.5rem; + margin-bottom: 30px; + color: #895bff; +} + +.content-block { + font-size: 1.1rem; + line-height: 1.8; +} + +.intro-text { + font-size: 1.2rem; + margin-bottom: 20px; +} + +.link-list { + list-style: none; + padding: 0; + margin: 0; +} + +.link-list li { + margin-bottom: 12px; + cursor: pointer; + transition: color 0.3s ease; + text-decoration: underline; + text-decoration-color: rgba(137, 91, 255, 0.5); + text-underline-offset: 4px; +} + +.link-list li:hover { + color: #895bff; + text-decoration-color: #895bff; +} + +/* 响应式设计 */ +@media (max-width: 768px) { + .grid-container { + grid-template-columns: 1fr; + } + + .section-titles { + font-size: 2rem; + } + + .section-title { + font-size: 1.3rem; + } + + .content-block { + font-size: 1rem; + } + + .intro-text { + font-size: 1.1rem; + } +} </style> diff --git a/src/views/footerLinks/siteMap/size375/index.vue b/src/views/footerLinks/siteMap/size375/index.vue index 4f64724..5b7f26b 100644 --- a/src/views/footerLinks/siteMap/size375/index.vue +++ b/src/views/footerLinks/siteMap/size375/index.vue @@ -1,14 +1,148 @@ <script setup> import { NCarousel, NDivider, NMarquee, NPopselect } from 'naive-ui' import { onUnmounted, ref, watch, onMounted, computed } from 'vue' +import { useRouter } from "vue-router"; +const router = useRouter(); </script> <template> - <header className="header"> - 375 siteMap - </header> - <main ref="main"></main> + <div class="site-map"> + <section class="site-map-intro" style="max-width: 1200px; margin: 30px auto; padding: 0 15px"> + <h1 class="section-titles">FiEE, Inc. Sitemap</h1> + <div class="content-block"> + <p class="intro-text"> + Browse the links below for pages that make up the FiEE, Inc. website. + </p> + </div> + </section> + + <section class="site-map-corporate" style="max-width: 1200px; margin: 30px auto; padding: 0 15px"> + <h3 class="section-title">Corporate Information</h3> + <div class="content-block"> + <ul class="link-list"> + <li @click="router.push('/companyoverview')">Company Overview</li> + <li @click="router.push('/businessservices')">Business Introduction</li> + <li @click="router.push('/manage')">Management</li> + <li @click="router.push('/boarddirectors')">Board of Directors</li> + <li @click="router.push('/committeeappointment')">Committee Appointments</li> + <li @click="router.push('/govern')">Governance</li> + </ul> + </div> + </section> + + <section class="site-map-financial" style="max-width: 1200px; margin: 30px auto; padding: 0 15px"> + <h3 class="section-title">Financial Information</h3> + <div class="content-block"> + <ul class="link-list"> + <li @click="router.push('/secfilings')">SEC Filings</li> + <li @click="router.push('/annualreports')">Annual Reports</li> + <li @click="router.push('/quarterlyreports')">Quarterly Reports</li> + </ul> + </div> + </section> + + <section class="site-map-stock" style="max-width: 1200px; margin: 30px auto; padding: 0 15px"> + <h3 class="section-title">Stock Information</h3> + <div class="content-block"> + <ul class="link-list"> + <li @click="router.push('/stock-quote')">Stock Quote</li> + <li @click="router.push('/historic-stock')">Historic Stock Price</li> + </ul> + </div> + </section> + + <section class="site-map-news" style="max-width: 1200px; margin: 30px auto; padding: 0 15px"> + <h3 class="section-title">News Releases</h3> + <div class="content-block"> + <ul class="link-list"> + <li @click="router.push('/press-releases')">Press Releases</li> + <li @click="router.push('/events-calendar')">Events Calendar</li> + </ul> + </div> + </section> + + <section class="site-map-investor" style="max-width: 1200px; margin: 30px auto; padding: 0 15px"> + <h3 class="section-title">Investor Resources</h3> + <div class="content-block"> + <ul class="link-list"> + <li @click="router.push('/contacts')">IR Contacts</li> + <li @click="router.push('/email-alerts')">Email Alerts</li> + </ul> + </div> + </section> + </div> </template> -<style scoped lang="scss"> +<style scoped> +.site-map { + background-image: url("@/assets/image/bg-mobile.png"); + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; +} + +.section-titles { + font-size: 1.8rem; + margin-bottom: 15px; + color: black; +} + +.section-title { + font-size: 1.2rem; + margin-bottom: 15px; + color: #895bff; +} + +.content-block { + font-size: 0.9rem; + line-height: 1.5; +} + +.intro-text { + font-size: 1rem; + margin-bottom: 12px; +} + +.link-list { + list-style: none; + padding: 0; + margin: 0; +} + +.link-list li { + margin-bottom: 8px; + cursor: pointer; + transition: color 0.3s ease; + text-decoration: underline; + text-decoration-color: rgba(137, 91, 255, 0.5); + text-underline-offset: 4px; +} + +.link-list li:hover { + color: #895bff; + text-decoration-color: #895bff; +} + +/* 响应式设计 */ +@media (max-width: 375px) { + .grid-container { + grid-template-columns: 1fr; + } + + .section-titles { + font-size: 1.6rem; + } + + .section-title { + font-size: 1.1rem; + } + + .content-block { + font-size: 0.85rem; + } + + .intro-text { + font-size: 0.9rem; + } +} </style> diff --git a/src/views/footerLinks/siteMap/size768/index.vue b/src/views/footerLinks/siteMap/size768/index.vue new file mode 100644 index 0000000..3bf0d21 --- /dev/null +++ b/src/views/footerLinks/siteMap/size768/index.vue @@ -0,0 +1,147 @@ +<template> + <div class="site-map"> + <section class="site-map-intro" style="max-width: 1200px; margin: 40px auto; padding: 0 20px"> + <h1 class="section-titles">FiEE, Inc. Sitemap</h1> + <div class="content-block"> + <p class="intro-text"> + Browse the links below for pages that make up the FiEE, Inc. website. + </p> + </div> + </section> + + <section class="site-map-corporate" style="max-width: 1200px; margin: 40px auto; padding: 0 20px"> + <h3 class="section-title">Corporate Information</h3> + <div class="content-block"> + <ul class="link-list"> + <li @click="router.push('/companyoverview')">Company Overview</li> + <li @click="router.push('/businessservices')">Business Introduction</li> + <li @click="router.push('/manage')">Management</li> + <li @click="router.push('/boarddirectors')">Board of Directors</li> + <li @click="router.push('/committeeappointment')">Committee Appointments</li> + <li @click="router.push('/govern')">Governance</li> + </ul> + </div> + </section> + + <section class="site-map-financial" style="max-width: 1200px; margin: 40px auto; padding: 0 20px"> + <h3 class="section-title">Financial Information</h3> + <div class="content-block"> + <ul class="link-list"> + <li @click="router.push('/secfilings')">SEC Filings</li> + <li @click="router.push('/annualreports')">Annual Reports</li> + <li @click="router.push('/quarterlyreports')">Quarterly Reports</li> + </ul> + </div> + </section> + + <section class="site-map-stock" style="max-width: 1200px; margin: 40px auto; padding: 0 20px"> + <h3 class="section-title">Stock Information</h3> + <div class="content-block"> + <ul class="link-list"> + <li @click="router.push('/stock-quote')">Stock Quote</li> + <li @click="router.push('/historic-stock')">Historic Stock Price</li> + </ul> + </div> + </section> + + <section class="site-map-news" style="max-width: 1200px; margin: 40px auto; padding: 0 20px"> + <h3 class="section-title">News Releases</h3> + <div class="content-block"> + <ul class="link-list"> + <li @click="router.push('/press-releases')">Press Releases</li> + <li @click="router.push('/events-calendar')">Events Calendar</li> + </ul> + </div> + </section> + + <section class="site-map-investor" style="max-width: 1200px; margin: 40px auto; padding: 0 20px"> + <h3 class="section-title">Investor Resources</h3> + <div class="content-block"> + <ul class="link-list"> + <li @click="router.push('/contacts')">IR Contacts</li> + <li @click="router.push('/email-alerts')">Email Alerts</li> + </ul> + </div> + </section> + </div> +</template> + +<script setup> +import { onMounted, ref, onUnmounted } from "vue"; +import { useRouter } from "vue-router"; +const router = useRouter(); +</script> + +<style scoped> +.site-map { + background-image: url("@/assets/image/bg-mobile.png"); + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; +} + +.section-titles { + font-size: 2rem; + margin-bottom: 20px; + color: black; +} + +.section-title { + font-size: 1.3rem; + margin-bottom: 20px; + color: #895bff; +} + +.content-block { + font-size: 1rem; + line-height: 1.6; +} + +.intro-text { + font-size: 1.1rem; + margin-bottom: 15px; +} + +.link-list { + list-style: none; + padding: 0; + margin: 0; +} + +.link-list li { + margin-bottom: 10px; + cursor: pointer; + transition: color 0.3s ease; + text-decoration: underline; + text-decoration-color: rgba(137, 91, 255, 0.5); + text-underline-offset: 4px; +} + +.link-list li:hover { + color: #895bff; + text-decoration-color: #895bff; +} + +/* 响应式设计 */ +@media (max-width: 768px) { + .grid-container { + grid-template-columns: 1fr; + } + + .section-titles { + font-size: 1.8rem; + } + + .section-title { + font-size: 1.2rem; + } + + .content-block { + font-size: 0.9rem; + } + + .intro-text { + font-size: 1rem; + } +} +</style> \ No newline at end of file diff --git a/src/views/footerLinks/termsOfUse/index.vue b/src/views/footerLinks/termsOfUse/index.vue index 77d2c15..0d68933 100644 --- a/src/views/footerLinks/termsOfUse/index.vue +++ b/src/views/footerLinks/termsOfUse/index.vue @@ -3,8 +3,8 @@ import { computed } from 'vue' import { useWindowSize } from '@vueuse/core' import size375 from '@/views/footerLinks/termsOfUse/size375/index.vue' -import size768 from '@/views/footerLinks/termsOfUse/size375/index.vue' -import size1440 from '@/views/footerLinks/termsOfUse/size1920/index.vue' +import size768 from '@/views/footerLinks/termsOfUse/size768/index.vue' +import size1440 from '@/views/footerLinks/termsOfUse/size1440/index.vue' import size1920 from '@/views/footerLinks/termsOfUse/size1920/index.vue' import { useRouter } from 'vue-router' import { useI18n } from 'vue-i18n' diff --git a/src/views/footerLinks/termsOfUse/size1440/index.vue b/src/views/footerLinks/termsOfUse/size1440/index.vue new file mode 100644 index 0000000..6e1b2f4 --- /dev/null +++ b/src/views/footerLinks/termsOfUse/size1440/index.vue @@ -0,0 +1,193 @@ +<template> + <div class="terms-of-use"> + <section class="terms-intro" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h1 class="section-titles">Terms & Conditions</h1> + <div class="content-block"> + <p> + FiEE, Inc. and its subsidiaries (collectively and individually referred to + herein as "FiEE") maintain the fiee.com web site (the "Site") as a service + to the Internet community. All site references to "FiEE", "our", "we", + "company" and other words of like connotation are intended to refer to + FiEE, Inc. and its subsidiaries, collectively and/or individually. This + document outlines the Terms and Conditions relating to your use of the + Site. These Terms and Conditions are applicable to your use of this site + regardless of how you accessed it. If you do not wish to be bound by these + Terms and Conditions, please discontinue using and accessing this site + immediately. + </p> + </div> + </section> + + <section class="terms-usage" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Your Use of This Site</h3> + <div class="content-block"> + <p> + You may not use this site to engage in any illegal activity. You may not + use this site to engage in conduct which is defamatory, libelous, + threatening or harassing or that infringes on a third party's intellectual + property or other proprietary rights. You agree that any information you + provide through this site will be truthful and accurate. + </p> + </div> + </section> + + <section class="terms-ip" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Intellectual Property</h3> + <div class="content-block"> + <p> + The information on this site, including without limitation all design, + text, images, press releases, and other information, is protected under + United States and other copyright laws and is owned by FiEE or used under + license from the copyright owner. The information may not, except under + written license, be copied, reproduced, transmitted, displayed, performed, + distributed, rented, sublicensed, altered, stored for subsequent use or + otherwise used in whole or in part in any manner without FiEE's prior + written consent, except to the extent that such use is authorized under + the United States copyright laws. FiEE's trademarks, logos, images, and + service marks used on this site are the property of FiEE and may not be + used without permission from FiEE and then only with proper + acknowledgment. In addition, the information on this Web site is provided + "as is" and "as available" by FiEE and/or its subsidiaries without + warranty of any kind, either implied or expressed, to its accuracy and + completeness. + </p> + </div> + </section> + + <section class="terms-forward" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Forward-looking Statements</h3> + <div class="content-block"> + <p> + FiEE is including the following cautionary statement to make applicable + and take advantage of the safe harbor provisions of the Private Securities + Litigation Reform Act of 1995 for any forward-looking statements made by, + or on behalf of FiEE. With the exception of historical matters, any + matters discussed are forward-looking statements (as defined in Section + 21E of the Securities Exchange Act of 1934) that involve risks and + uncertainties that could cause actual results to differ materially from + projected results. These risks, uncertainties and contingencies include, + but are not limited to, the following: the success or failure of FiEE's + efforts to implement its business strategy; the effects of market demand + and price on performance; our liquidity, results of operations and + financial condition; changes in laws and regulations; results of + litigation; the effects of government regulation; the risk of work + stoppages; and management's ability to correctly estimate and accrue for + contingent liabilities. FiEE assumes no obligation to update information + contained in this site. + </p> + </div> + </section> + + <section class="terms-linking" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Linking</h3> + <div class="content-block"> + <p> + As a convenience, this site may contain links to other sites that are not + controlled by, or affiliated or associated with, FiEE. Accordingly, FiEE + does not make any representations concerning the privacy practices or + terms of use of such sites, nor does FiEE control or guarantee the + accuracy, integrity, or quality of the information, data, text, software, + music, sound, photographs, graphics, video, messages or other materials + available on such sites. The inclusion or exclusion does not imply any + endorsement by FiEE of the site, the site's provider, or the information + on the site. FiEE is not responsible for the content of any linked site or + any link contained in a linked site. FiEE reserves the right to terminate + any link or linking program at any time. FiEE does not endorse companies + or 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 + to this site, you do this entirely at your own risk. + </p> + </div> + </section> + + <section class="terms-violations" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Violations of Terms & Conditions</h3> + <div class="content-block"> + <p> + FiEE reserves the right to seek all remedies available at law and in + equity for violations of these Terms and Conditions, including the right + to block access from a particular Internet address to the Site. YOU AGREE + TO INDEMNIFY, DEFEND AND HOLD HARMLESS FIEE FROM ANY LIABILITY, LOSS, + CLAIM AND EXPENSE, INCLUDING ATTORNEY'S FEES, RELATED TO YOUR VIOLATION OF + THESE TERMS AND CONDITIONS OR YOUR USE OF THE SERVICES AND INFORMATION + PROVIDED AT THE SITE. + </p> + </div> + </section> + + <section class="terms-liability" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Limitation of Liability</h3> + <div class="content-block"> + <p> + NEITHER FIEE NOR ITS DIRECTORS, MANAGERS, OFFICERS, EMPLOYEES, + REPRESENTATIVES OR AFFILIATES WILL BE LIABLE FOR DAMAGES ARISING OUT OF OR + IN CONNECTION WITH THE USE OF THIS SITE OR ANY SITE LINKED HERETO, + INCLUDING, WITHOUT LIMITATION, INDIRECT, PUNITIVE, INCIDENTAL OR + CONSEQUENTIAL DAMAGES, LOSS OF DATA, INCOME OR PROFIT, LOSS OF OR DAMAGE + TO PROPERTY AND CLAIMS OF THIRD PARTIES, WHETHER BASED ON CONTRACT, TORT, + STRICT LIABILITY OR OTHERWISE. BECAUSE SOME STATES/JURISDICTIONS DO NOT + ALLOW THE EXCLUSION OR LIMITATION OF LIABILITY FOR INCIDENTAL OR + CONSEQUENTIAL DAMAGES, SUCH LIMITATION MAY NOT APPLY. + </p> + <p> + FiEE may revise these Terms and Conditions at any time. Revisions will be + posted on this "Terms and Conditions" page and users are responsible for + reviewing the page from time to time to ensure compliance. + </p> + </div> + </section> + </div> +</template> + +<script setup> +import { onMounted, ref, onUnmounted } from "vue"; +</script> + +<style scoped> +.terms-of-use { + background-image: url("@/assets/image/bg-mobile.png"); + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; +} + +.section-titles { + font-size: 2.5rem; + margin-bottom: 30px; + color: black; +} + +.section-title { + font-size: 1.5rem; + margin-bottom: 30px; + color: #895bff; +} + +.content-block { + font-size: 1.1rem; + line-height: 1.8; +} + +.content-block p { + margin-bottom: 16px; +} + +/* 响应式设计 */ +@media (max-width: 768px) { + .grid-container { + grid-template-columns: 1fr; + } + + .section-titles { + font-size: 2rem; + } + + .section-title { + font-size: 1.3rem; + } + + .content-block { + font-size: 1rem; + } +} +</style> \ No newline at end of file diff --git a/src/views/footerLinks/termsOfUse/size1920/index.vue b/src/views/footerLinks/termsOfUse/size1920/index.vue index 790c0a2..885a883 100644 --- a/src/views/footerLinks/termsOfUse/size1920/index.vue +++ b/src/views/footerLinks/termsOfUse/size1920/index.vue @@ -4,11 +4,191 @@ import { onUnmounted, ref, watch, onMounted, computed } from 'vue' </script> <template> - <header className="header"> - 1920 termsOfUse - </header> - <main ref="main"></main> + <div class="terms-of-use"> + <section class="terms-intro" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h1 class="section-titles">Terms & Conditions</h1> + <div class="content-block"> + <p> + FiEE, Inc. and its subsidiaries (collectively and individually referred to + herein as "FiEE") maintain the fiee.com web site (the "Site") as a service + to the Internet community. All site references to "FiEE", "our", "we", + "company" and other words of like connotation are intended to refer to + FiEE, Inc. and its subsidiaries, collectively and/or individually. This + document outlines the Terms and Conditions relating to your use of the + Site. These Terms and Conditions are applicable to your use of this site + regardless of how you accessed it. If you do not wish to be bound by these + Terms and Conditions, please discontinue using and accessing this site + immediately. + </p> + </div> + </section> + + <section class="terms-usage" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Your Use of This Site</h3> + <div class="content-block"> + <p> + You may not use this site to engage in any illegal activity. You may not + use this site to engage in conduct which is defamatory, libelous, + threatening or harassing or that infringes on a third party's intellectual + property or other proprietary rights. You agree that any information you + provide through this site will be truthful and accurate. + </p> + </div> + </section> + + <section class="terms-ip" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Intellectual Property</h3> + <div class="content-block"> + <p> + The information on this site, including without limitation all design, + text, images, press releases, and other information, is protected under + United States and other copyright laws and is owned by FiEE or used under + license from the copyright owner. The information may not, except under + written license, be copied, reproduced, transmitted, displayed, performed, + distributed, rented, sublicensed, altered, stored for subsequent use or + otherwise used in whole or in part in any manner without FiEE's prior + written consent, except to the extent that such use is authorized under + the United States copyright laws. FiEE's trademarks, logos, images, and + service marks used on this site are the property of FiEE and may not be + used without permission from FiEE and then only with proper + acknowledgment. In addition, the information on this Web site is provided + "as is" and "as available" by FiEE and/or its subsidiaries without + warranty of any kind, either implied or expressed, to its accuracy and + completeness. + </p> + </div> + </section> + + <section class="terms-forward" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Forward-looking Statements</h3> + <div class="content-block"> + <p> + FiEE is including the following cautionary statement to make applicable + and take advantage of the safe harbor provisions of the Private Securities + Litigation Reform Act of 1995 for any forward-looking statements made by, + or on behalf of FiEE. With the exception of historical matters, any + matters discussed are forward-looking statements (as defined in Section + 21E of the Securities Exchange Act of 1934) that involve risks and + uncertainties that could cause actual results to differ materially from + projected results. These risks, uncertainties and contingencies include, + but are not limited to, the following: the success or failure of FiEE's + efforts to implement its business strategy; the effects of market demand + and price on performance; our liquidity, results of operations and + financial condition; changes in laws and regulations; results of + litigation; the effects of government regulation; the risk of work + stoppages; and management's ability to correctly estimate and accrue for + contingent liabilities. FiEE assumes no obligation to update information + contained in this site. + </p> + </div> + </section> + + <section class="terms-linking" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Linking</h3> + <div class="content-block"> + <p> + As a convenience, this site may contain links to other sites that are not + controlled by, or affiliated or associated with, FiEE. Accordingly, FiEE + does not make any representations concerning the privacy practices or + terms of use of such sites, nor does FiEE control or guarantee the + accuracy, integrity, or quality of the information, data, text, software, + music, sound, photographs, graphics, video, messages or other materials + available on such sites. The inclusion or exclusion does not imply any + endorsement by FiEE of the site, the site's provider, or the information + on the site. FiEE is not responsible for the content of any linked site or + any link contained in a linked site. FiEE reserves the right to terminate + any link or linking program at any time. FiEE does not endorse companies + or 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 + to this site, you do this entirely at your own risk. + </p> + </div> + </section> + + <section class="terms-violations" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Violations of Terms & Conditions</h3> + <div class="content-block"> + <p> + FiEE reserves the right to seek all remedies available at law and in + equity for violations of these Terms and Conditions, including the right + to block access from a particular Internet address to the Site. YOU AGREE + TO INDEMNIFY, DEFEND AND HOLD HARMLESS FIEE FROM ANY LIABILITY, LOSS, + CLAIM AND EXPENSE, INCLUDING ATTORNEY'S FEES, RELATED TO YOUR VIOLATION OF + THESE TERMS AND CONDITIONS OR YOUR USE OF THE SERVICES AND INFORMATION + PROVIDED AT THE SITE. + </p> + </div> + </section> + + <section class="terms-liability" style="max-width: 1200px; margin: 60px auto; padding: 0 40px"> + <h3 class="section-title">Limitation of Liability</h3> + <div class="content-block"> + <p> + NEITHER FIEE NOR ITS DIRECTORS, MANAGERS, OFFICERS, EMPLOYEES, + REPRESENTATIVES OR AFFILIATES WILL BE LIABLE FOR DAMAGES ARISING OUT OF OR + IN CONNECTION WITH THE USE OF THIS SITE OR ANY SITE LINKED HERETO, + INCLUDING, WITHOUT LIMITATION, INDIRECT, PUNITIVE, INCIDENTAL OR + CONSEQUENTIAL DAMAGES, LOSS OF DATA, INCOME OR PROFIT, LOSS OF OR DAMAGE + TO PROPERTY AND CLAIMS OF THIRD PARTIES, WHETHER BASED ON CONTRACT, TORT, + STRICT LIABILITY OR OTHERWISE. BECAUSE SOME STATES/JURISDICTIONS DO NOT + ALLOW THE EXCLUSION OR LIMITATION OF LIABILITY FOR INCIDENTAL OR + CONSEQUENTIAL DAMAGES, SUCH LIMITATION MAY NOT APPLY. + </p> + <p> + FiEE may revise these Terms and Conditions at any time. Revisions will be + posted on this "Terms and Conditions" page and users are responsible for + reviewing the page from time to time to ensure compliance. + </p> + </div> + </section> + </div> </template> -<style scoped lang="scss"> +<style scoped> +.terms-of-use { + background-image: url("@/assets/image/bg.png"); + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; +} + +.section-titles { + font-size: 2.5rem; + margin-bottom: 30px; + color: black; +} + +.section-title { + font-size: 1.5rem; + margin-bottom: 30px; + color: #895bff; +} + +.content-block { + font-size: 1.1rem; + line-height: 1.8; +} + +.content-block p { + margin-bottom: 16px; +} + +/* 响应式设计 */ +@media (max-width: 768px) { + .grid-container { + grid-template-columns: 1fr; + } + + .section-titles { + font-size: 2rem; + } + + .section-title { + font-size: 1.3rem; + } + + .content-block { + font-size: 1rem; + } +} </style> diff --git a/src/views/footerLinks/termsOfUse/size375/index.vue b/src/views/footerLinks/termsOfUse/size375/index.vue index b799a7f..5299123 100644 --- a/src/views/footerLinks/termsOfUse/size375/index.vue +++ b/src/views/footerLinks/termsOfUse/size375/index.vue @@ -4,11 +4,191 @@ import { onUnmounted, ref, watch, onMounted, computed } from 'vue' </script> <template> - <header className="header"> - 375 termsOfUse - </header> - <main ref="main"></main> + <div class="terms-of-use"> + <section class="terms-intro" style="max-width: 1200px; margin: 30px auto; padding: 0 15px"> + <h1 class="section-titles">Terms & Conditions</h1> + <div class="content-block"> + <p> + FiEE, Inc. and its subsidiaries (collectively and individually referred to + herein as "FiEE") maintain the fiee.com web site (the "Site") as a service + to the Internet community. All site references to "FiEE", "our", "we", + "company" and other words of like connotation are intended to refer to + FiEE, Inc. and its subsidiaries, collectively and/or individually. This + document outlines the Terms and Conditions relating to your use of the + Site. These Terms and Conditions are applicable to your use of this site + regardless of how you accessed it. If you do not wish to be bound by these + Terms and Conditions, please discontinue using and accessing this site + immediately. + </p> + </div> + </section> + + <section class="terms-usage" style="max-width: 1200px; margin: 30px auto; padding: 0 15px"> + <h3 class="section-title">Your Use of This Site</h3> + <div class="content-block"> + <p> + You may not use this site to engage in any illegal activity. You may not + use this site to engage in conduct which is defamatory, libelous, + threatening or harassing or that infringes on a third party's intellectual + property or other proprietary rights. You agree that any information you + provide through this site will be truthful and accurate. + </p> + </div> + </section> + + <section class="terms-ip" style="max-width: 1200px; margin: 30px auto; padding: 0 15px"> + <h3 class="section-title">Intellectual Property</h3> + <div class="content-block"> + <p> + The information on this site, including without limitation all design, + text, images, press releases, and other information, is protected under + United States and other copyright laws and is owned by FiEE or used under + license from the copyright owner. The information may not, except under + written license, be copied, reproduced, transmitted, displayed, performed, + distributed, rented, sublicensed, altered, stored for subsequent use or + otherwise used in whole or in part in any manner without FiEE's prior + written consent, except to the extent that such use is authorized under + the United States copyright laws. FiEE's trademarks, logos, images, and + service marks used on this site are the property of FiEE and may not be + used without permission from FiEE and then only with proper + acknowledgment. In addition, the information on this Web site is provided + "as is" and "as available" by FiEE and/or its subsidiaries without + warranty of any kind, either implied or expressed, to its accuracy and + completeness. + </p> + </div> + </section> + + <section class="terms-forward" style="max-width: 1200px; margin: 30px auto; padding: 0 15px"> + <h3 class="section-title">Forward-looking Statements</h3> + <div class="content-block"> + <p> + FiEE is including the following cautionary statement to make applicable + and take advantage of the safe harbor provisions of the Private Securities + Litigation Reform Act of 1995 for any forward-looking statements made by, + or on behalf of FiEE. With the exception of historical matters, any + matters discussed are forward-looking statements (as defined in Section + 21E of the Securities Exchange Act of 1934) that involve risks and + uncertainties that could cause actual results to differ materially from + projected results. These risks, uncertainties and contingencies include, + but are not limited to, the following: the success or failure of FiEE's + efforts to implement its business strategy; the effects of market demand + and price on performance; our liquidity, results of operations and + financial condition; changes in laws and regulations; results of + litigation; the effects of government regulation; the risk of work + stoppages; and management's ability to correctly estimate and accrue for + contingent liabilities. FiEE assumes no obligation to update information + contained in this site. + </p> + </div> + </section> + + <section class="terms-linking" style="max-width: 1200px; margin: 30px auto; padding: 0 15px"> + <h3 class="section-title">Linking</h3> + <div class="content-block"> + <p> + As a convenience, this site may contain links to other sites that are not + controlled by, or affiliated or associated with, FiEE. Accordingly, FiEE + does not make any representations concerning the privacy practices or + terms of use of such sites, nor does FiEE control or guarantee the + accuracy, integrity, or quality of the information, data, text, software, + music, sound, photographs, graphics, video, messages or other materials + available on such sites. The inclusion or exclusion does not imply any + endorsement by FiEE of the site, the site's provider, or the information + on the site. FiEE is not responsible for the content of any linked site or + any link contained in a linked site. FiEE reserves the right to terminate + any link or linking program at any time. FiEE does not endorse companies + or 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 + to this site, you do this entirely at your own risk. + </p> + </div> + </section> + + <section class="terms-violations" style="max-width: 1200px; margin: 30px auto; padding: 0 15px"> + <h3 class="section-title">Violations of Terms & Conditions</h3> + <div class="content-block"> + <p> + FiEE reserves the right to seek all remedies available at law and in + equity for violations of these Terms and Conditions, including the right + to block access from a particular Internet address to the Site. YOU AGREE + TO INDEMNIFY, DEFEND AND HOLD HARMLESS FIEE FROM ANY LIABILITY, LOSS, + CLAIM AND EXPENSE, INCLUDING ATTORNEY'S FEES, RELATED TO YOUR VIOLATION OF + THESE TERMS AND CONDITIONS OR YOUR USE OF THE SERVICES AND INFORMATION + PROVIDED AT THE SITE. + </p> + </div> + </section> + + <section class="terms-liability" style="max-width: 1200px; margin: 30px auto; padding: 0 15px"> + <h3 class="section-title">Limitation of Liability</h3> + <div class="content-block"> + <p> + NEITHER FIEE NOR ITS DIRECTORS, MANAGERS, OFFICERS, EMPLOYEES, + REPRESENTATIVES OR AFFILIATES WILL BE LIABLE FOR DAMAGES ARISING OUT OF OR + IN CONNECTION WITH THE USE OF THIS SITE OR ANY SITE LINKED HERETO, + INCLUDING, WITHOUT LIMITATION, INDIRECT, PUNITIVE, INCIDENTAL OR + CONSEQUENTIAL DAMAGES, LOSS OF DATA, INCOME OR PROFIT, LOSS OF OR DAMAGE + TO PROPERTY AND CLAIMS OF THIRD PARTIES, WHETHER BASED ON CONTRACT, TORT, + STRICT LIABILITY OR OTHERWISE. BECAUSE SOME STATES/JURISDICTIONS DO NOT + ALLOW THE EXCLUSION OR LIMITATION OF LIABILITY FOR INCIDENTAL OR + CONSEQUENTIAL DAMAGES, SUCH LIMITATION MAY NOT APPLY. + </p> + <p> + FiEE may revise these Terms and Conditions at any time. Revisions will be + posted on this "Terms and Conditions" page and users are responsible for + reviewing the page from time to time to ensure compliance. + </p> + </div> + </section> + </div> </template> -<style scoped lang="scss"> +<style scoped> +.terms-of-use { + background-image: url("@/assets/image/bg-mobile.png"); + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; +} + +.section-titles { + font-size: 1.8rem; + margin-bottom: 15px; + color: black; +} + +.section-title { + font-size: 1.2rem; + margin-bottom: 15px; + color: #895bff; +} + +.content-block { + font-size: 0.9rem; + line-height: 1.5; +} + +.content-block p { + margin-bottom: 10px; +} + +/* 响应式设计 */ +@media (max-width: 375px) { + .grid-container { + grid-template-columns: 1fr; + } + + .section-titles { + font-size: 1.6rem; + } + + .section-title { + font-size: 1.1rem; + } + + .content-block { + font-size: 0.85rem; + } +} </style> diff --git a/src/views/footerLinks/termsOfUse/size768/index.vue b/src/views/footerLinks/termsOfUse/size768/index.vue new file mode 100644 index 0000000..5f2c244 --- /dev/null +++ b/src/views/footerLinks/termsOfUse/size768/index.vue @@ -0,0 +1,193 @@ +<template> + <div class="terms-of-use"> + <section class="terms-intro" style="max-width: 1200px; margin: 40px auto; padding: 0 20px"> + <h1 class="section-titles">Terms & Conditions</h1> + <div class="content-block"> + <p> + FiEE, Inc. and its subsidiaries (collectively and individually referred to + herein as "FiEE") maintain the fiee.com web site (the "Site") as a service + to the Internet community. All site references to "FiEE", "our", "we", + "company" and other words of like connotation are intended to refer to + FiEE, Inc. and its subsidiaries, collectively and/or individually. This + document outlines the Terms and Conditions relating to your use of the + Site. These Terms and Conditions are applicable to your use of this site + regardless of how you accessed it. If you do not wish to be bound by these + Terms and Conditions, please discontinue using and accessing this site + immediately. + </p> + </div> + </section> + + <section class="terms-usage" style="max-width: 1200px; margin: 40px auto; padding: 0 20px"> + <h3 class="section-title">Your Use of This Site</h3> + <div class="content-block"> + <p> + You may not use this site to engage in any illegal activity. You may not + use this site to engage in conduct which is defamatory, libelous, + threatening or harassing or that infringes on a third party's intellectual + property or other proprietary rights. You agree that any information you + provide through this site will be truthful and accurate. + </p> + </div> + </section> + + <section class="terms-ip" style="max-width: 1200px; margin: 40px auto; padding: 0 20px"> + <h3 class="section-title">Intellectual Property</h3> + <div class="content-block"> + <p> + The information on this site, including without limitation all design, + text, images, press releases, and other information, is protected under + United States and other copyright laws and is owned by FiEE or used under + license from the copyright owner. The information may not, except under + written license, be copied, reproduced, transmitted, displayed, performed, + distributed, rented, sublicensed, altered, stored for subsequent use or + otherwise used in whole or in part in any manner without FiEE's prior + written consent, except to the extent that such use is authorized under + the United States copyright laws. FiEE's trademarks, logos, images, and + service marks used on this site are the property of FiEE and may not be + used without permission from FiEE and then only with proper + acknowledgment. In addition, the information on this Web site is provided + "as is" and "as available" by FiEE and/or its subsidiaries without + warranty of any kind, either implied or expressed, to its accuracy and + completeness. + </p> + </div> + </section> + + <section class="terms-forward" style="max-width: 1200px; margin: 40px auto; padding: 0 20px"> + <h3 class="section-title">Forward-looking Statements</h3> + <div class="content-block"> + <p> + FiEE is including the following cautionary statement to make applicable + and take advantage of the safe harbor provisions of the Private Securities + Litigation Reform Act of 1995 for any forward-looking statements made by, + or on behalf of FiEE. With the exception of historical matters, any + matters discussed are forward-looking statements (as defined in Section + 21E of the Securities Exchange Act of 1934) that involve risks and + uncertainties that could cause actual results to differ materially from + projected results. These risks, uncertainties and contingencies include, + but are not limited to, the following: the success or failure of FiEE's + efforts to implement its business strategy; the effects of market demand + and price on performance; our liquidity, results of operations and + financial condition; changes in laws and regulations; results of + litigation; the effects of government regulation; the risk of work + stoppages; and management's ability to correctly estimate and accrue for + contingent liabilities. FiEE assumes no obligation to update information + contained in this site. + </p> + </div> + </section> + + <section class="terms-linking" style="max-width: 1200px; margin: 40px auto; padding: 0 20px"> + <h3 class="section-title">Linking</h3> + <div class="content-block"> + <p> + As a convenience, this site may contain links to other sites that are not + controlled by, or affiliated or associated with, FiEE. Accordingly, FiEE + does not make any representations concerning the privacy practices or + terms of use of such sites, nor does FiEE control or guarantee the + accuracy, integrity, or quality of the information, data, text, software, + music, sound, photographs, graphics, video, messages or other materials + available on such sites. The inclusion or exclusion does not imply any + endorsement by FiEE of the site, the site's provider, or the information + on the site. FiEE is not responsible for the content of any linked site or + any link contained in a linked site. FiEE reserves the right to terminate + any link or linking program at any time. FiEE does not endorse companies + or 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 + to this site, you do this entirely at your own risk. + </p> + </div> + </section> + + <section class="terms-violations" style="max-width: 1200px; margin: 40px auto; padding: 0 20px"> + <h3 class="section-title">Violations of Terms & Conditions</h3> + <div class="content-block"> + <p> + FiEE reserves the right to seek all remedies available at law and in + equity for violations of these Terms and Conditions, including the right + to block access from a particular Internet address to the Site. YOU AGREE + TO INDEMNIFY, DEFEND AND HOLD HARMLESS FIEE FROM ANY LIABILITY, LOSS, + CLAIM AND EXPENSE, INCLUDING ATTORNEY'S FEES, RELATED TO YOUR VIOLATION OF + THESE TERMS AND CONDITIONS OR YOUR USE OF THE SERVICES AND INFORMATION + PROVIDED AT THE SITE. + </p> + </div> + </section> + + <section class="terms-liability" style="max-width: 1200px; margin: 40px auto; padding: 0 20px"> + <h3 class="section-title">Limitation of Liability</h3> + <div class="content-block"> + <p> + NEITHER FIEE NOR ITS DIRECTORS, MANAGERS, OFFICERS, EMPLOYEES, + REPRESENTATIVES OR AFFILIATES WILL BE LIABLE FOR DAMAGES ARISING OUT OF OR + IN CONNECTION WITH THE USE OF THIS SITE OR ANY SITE LINKED HERETO, + INCLUDING, WITHOUT LIMITATION, INDIRECT, PUNITIVE, INCIDENTAL OR + CONSEQUENTIAL DAMAGES, LOSS OF DATA, INCOME OR PROFIT, LOSS OF OR DAMAGE + TO PROPERTY AND CLAIMS OF THIRD PARTIES, WHETHER BASED ON CONTRACT, TORT, + STRICT LIABILITY OR OTHERWISE. BECAUSE SOME STATES/JURISDICTIONS DO NOT + ALLOW THE EXCLUSION OR LIMITATION OF LIABILITY FOR INCIDENTAL OR + CONSEQUENTIAL DAMAGES, SUCH LIMITATION MAY NOT APPLY. + </p> + <p> + FiEE may revise these Terms and Conditions at any time. Revisions will be + posted on this "Terms and Conditions" page and users are responsible for + reviewing the page from time to time to ensure compliance. + </p> + </div> + </section> + </div> +</template> + +<script setup> +import { onMounted, ref, onUnmounted } from "vue"; +</script> + +<style scoped> +.terms-of-use { + background-image: url("@/assets/image/bg-mobile.png"); + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; +} + +.section-titles { + font-size: 2rem; + margin-bottom: 20px; + color: black; +} + +.section-title { + font-size: 1.3rem; + margin-bottom: 20px; + color: #895bff; +} + +.content-block { + font-size: 1rem; + line-height: 1.6; +} + +.content-block p { + margin-bottom: 12px; +} + +/* 响应式设计 */ +@media (max-width: 768px) { + .grid-container { + grid-template-columns: 1fr; + } + + .section-titles { + font-size: 1.8rem; + } + + .section-title { + font-size: 1.2rem; + } + + .content-block { + font-size: 0.9rem; + } +} +</style> \ No newline at end of file diff --git a/src/views/stock-quote/size1440/index.vue b/src/views/stock-quote/size1440/index.vue index a8db8ef..b350550 100644 --- a/src/views/stock-quote/size1440/index.vue +++ b/src/views/stock-quote/size1440/index.vue @@ -23,7 +23,7 @@ getStockQuate() <div class="text-2xl font-bold">{{ stockQuote.open }}</div> </div> <div class="info-card"> - <div class="text-base text-gray-400">Change</div> + <div class="text-base text-gray-400">% Change</div> <div class="text-3xl font-bold" :class="stockQuote.change?.includes('-') ? 'text-red-500' : (stockQuote.change?.includes('+') ? 'text-green-500' : '')"> {{ stockQuote.change }}</div> diff --git a/src/views/stock-quote/size1920/index.vue b/src/views/stock-quote/size1920/index.vue index 2ba1cdf..e12d10f 100644 --- a/src/views/stock-quote/size1920/index.vue +++ b/src/views/stock-quote/size1920/index.vue @@ -23,7 +23,7 @@ getStockQuate() <div class="text-3xl font-bold">{{ stockQuote.open }}</div> </div> <div class="info-card"> - <div class="text-lg text-gray-400">Change</div> + <div class="text-lg text-gray-400">% Change</div> <!-- <div class="text-3xl font-bold" :class="stockQuote.change?.[1]?.startsWith('-') ? 'text-red-500' : (stockQuote.change?.[1]?.startsWith('+') ? 'text-green-500' : '')"> {{ stockQuote.change?.join('') }}</div> --> diff --git a/src/views/stock-quote/size375/index.vue b/src/views/stock-quote/size375/index.vue index 2f99fe5..01ac368 100644 --- a/src/views/stock-quote/size375/index.vue +++ b/src/views/stock-quote/size375/index.vue @@ -19,7 +19,7 @@ getStockQuate(); <div class="text-lg font-bold">{{ stockQuote.open }}</div> </div> <div class="info-card"> - <div class="text-xs text-gray-400">Change</div> + <div class="text-xs text-gray-400">% Change</div> <div class="text-lg font-bold" :class="stockQuote.change?.includes('-') ? 'text-red-500' : (stockQuote.change?.includes('+') ? 'text-green-500' : '')"> diff --git a/src/views/stock-quote/size768/index.vue b/src/views/stock-quote/size768/index.vue index 9985088..72b4cdb 100644 --- a/src/views/stock-quote/size768/index.vue +++ b/src/views/stock-quote/size768/index.vue @@ -23,7 +23,7 @@ getStockQuate(); <div class="text-xl font-bold">{{ stockQuote.open }}</div> </div> <div class="info-card"> - <div class="text-sm text-gray-400">Change</div> + <div class="text-sm text-gray-400">% Change</div> <div class="text-xl font-bold" :class="stockQuote.change?.includes('-') ? 'text-red-500' : (stockQuote.change?.includes('+') ? 'text-green-500' : '')"> {{ stockQuote.change }}</div>