Your Shopping Cart is empty.
{{ (item.variation.media ? item.variation.media.alt_translations : item.product.cover_media.alt_translations) | translateModel }} {{ (item.variation.media
                    ? item.variation.media.alt_translations
                    : item.product.cover_media.alt_translations) | translateModel
                }}
{{ 'product.bundled_products.label' | translate }}
{{ 'product.bundle_group_products.label' | translate }}
{{ 'product.gift.label' | translate }}
{{ 'product.addon_products.label' | translate }}
{{item.product.title_translations|translateModel}}
{{ field.name_translations | translateModel }}
  • {{ childProduct.title_translations | translateModel }}

    {{ getChildVariationShorthand(childProduct.child_variation) }}

{{item.variation.name}}
{{item.quantity}}x HK$0 {{ item.unit_point }} Point
{{addonItem.product.cover_media.alt_translations | translateModel}}
{{ 'product.addon_products.label' | translate }}
{{addonItem.product.title_translations|translateModel}}
{{addonItem.quantity}}x {{ mainConfig.merchantData.base_currency.alternate_symbol + "0" }}

Terms and Conditions

@import url('https://fonts.googleapis.com/css?family=Hind:300,400');*, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit;}html { -webkit-box-sizing: border-box; box-sizing: border-box;}body { margin: 0; padding: 0; font-family: 'Hind', sans-serif; background: #fff; color: #4d5974; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 100vh;}.container { margin: 0 auto; padding: 4rem; width: 48rem;}h3 { font-size: 1.75rem; color: #373d51; padding: 1.3rem; margin: 0;}.accordion a { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 1rem 3rem 1rem 1rem; color: #7288a2; font-size: 1.15rem; font-weight: 400; border-bottom: 1px solid #e5e5e5;}.accordion a:hover,.accordion a:hover::after { cursor: pointer; color: #ff5353;}.accordion a:hover::after { border: 1px solid #ff5353;}.accordion a.active { color: #ff5353; border-bottom: 1px solid #ff5353;}.accordion a::after { font-family: 'Ionicons'; content: '\f218'; position: absolute; float: right; right: 1rem; font-size: 1rem; color: #7288a2; padding: 5px; width: 30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #7288a2; text-align: center;}.accordion a.active::after { font-family: 'Ionicons'; content: '\f209'; color: #ff5353; border: 1px solid #ff5353;}.accordion .content { opacity: 0; padding: 0 1rem; max-height: 0; border-bottom: 1px solid #e5e5e5; overflow: hidden; clear: both; -webkit-transition: all 0.2s ease 0.15s; -o-transition: all 0.2s ease 0.15s; transition: all 0.2s ease 0.15s;}.accordion .content p { font-size: 1rem; font-weight: 300;}.accordion .content.active { opacity: 1; padding: 1rem; max-height: 100%; -webkit-transition: all 0.35s ease 0.15s; -o-transition: all 0.35s ease 0.15s; transition: all 0.35s ease 0.15s;}HTML CSS FAQ Design | Webdevtrick.com

Frequently Asked Questions

What can JavaScript Do?

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut. Ut tortor pretium viverra suspendisse potenti.

How JavaScript Can Modify HTML and CSS Values?

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut. Ut tortor pretium viverra suspendisse potenti.

What Is SVG?

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut. Ut tortor pretium viverra suspendisse potenti.

Is FAQ Section Matters In Website?

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut. Ut tortor pretium viverra suspendisse potenti.

How To Create a Light FAQ Element?

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut. Ut tortor pretium viverra suspendisse potenti.