<template>
	<div class="privacy-policy">
		<OthersHeader :title="$t('MainFooter.PrivacyPolicy')" />
		<div class="content">
			<p>
				Please read this Privacy Policy Statement (“PPS”) to understand our policy and
				practices on the collection, use, transfer, storage and processing of your personal
				data. By accessing this Website, you are consenting to this PPS.
			</p>

			<ol>
				<li>
					Code Create Limited (“we”, “us” or “our”) pledges to comply with the
					requirements of the Personal Data (Privacy) Ordinance. In doing so, we will
					ensure compliance by our staff with the highest security and confidentiality
					standards.
				</li>

				<li>
					We protect the privacy of users of our website. Any personal data collected from
					you will only be used for the specific purposes mentioned at the time of
					collection or for purposes directly related to those specific purposes and/or
					that mentioned in the relevant Personal Information Collection Statement.
				</li>

				<li>
					We will retain your personal data only for so long as necessary to fulfill the
					purpose of collection; and will erase your personal data thereafter. We will
					ensure the security of your personal data and protect them from unauthorised
					access.
				</li>

				<li>
					We will keep your personal data confidential. Your personal data will be used
					(and disclosed) to third parties for the purposes for which they were collected,
					and where we are required to do so by law and as specified in the relevant
					Personal Information Collection Statement.
				</li>

				<li>
					We may keep an activity log that does not identify you individually and cannot
					be used to determine the particular user in order to measure traffic, gauge the
					popularity of different parts of our websites, gain general knowledge about the
					users, and facilitate the enhancement of our websites. This information may
					include the IP address, operating system and version, the type of network, the
					type and configuration of your browser, the geo-location information and
					identifiers of the device you used.
				</li>

				<li>
					We use cookies to enhance your experience on this website (<strong>code-</strong
					><strong>create.com.hk</strong>). Cookies are small pieces of data stored on
					your computer or other devices when websites are loaded in a browser. We use
					cookies to analyse website traffic, personalise website content and to make
					targeted advertisements on third party websites. We use Google Analytics to
					analyze usage trends at its website. We also use cookies at this website and
					cookies set by Google Analytics to collect information on how visitors use our
					website. Third parties such as YouTube and Google may set cookies, for example,
					relating to the use of YouTube video players and targeted advertising
					respectively. For further information, users should refer to the relevant third
					parties’ cookies policy which may be amended from time to time. By continuing to
					use this website, you agree to the use of these cookies. If you do not accept
					the cookies or withdraw your consent, you will not able to use some of the
					functions on this website.
				</li>

				<li>
					This PPS is subject to change. Any changes will be posted on this page. Your
					continued use of our website after the posting of such changes indicates your
					acceptance to the same. In case of any inconsistency between the English and
					Chinese versions, the English version shall prevail. If you have any enquiries,
					please send an email to&nbsp;<strong
						><a href="mailto:info@code-create.com.hk"
							>info@code-create.com.hk</a
						></strong
					>.
				</li>
			</ol>
		</div>
	</div>
</template>
<script setup lang="ts">
	import { useHead } from '@unhead/vue'
	import { useI18n } from 'vue-i18n'
	const { t } = useI18n()

	import { computed, ref } from 'vue'
	import OthersHeader from './others-header.vue'
	useHead({
		title: t('MainFooter.PrivacyPolicy') + ' - Code-Create'
	})
</script>

<style scoped lang="less">
	.privacy-policy {
		border-top: var(--main-header-height) solid #000;
		background-color: #f9f9f9;
		> .content {
			max-width: 1230px;
			width: 100%;
			margin: 0 auto;
			padding: 25px 15px 80px;
			line-height: 1.6;
			color: #333;
			font-weight: 400;
			> p {
				margin-bottom: 20px;
			}
			> ol {
				padding-left: 20px;
				margin: 0;
				> li {
					margin-bottom: 8px;
					a,
					strong {
						text-decoration: none;
						color: #222;
					}
				}
			}
		}
	}
</style>
