<div class="legal-wrap_new bg-white">
<div class="container">
<div class="legalContain-wraper">
<div class="title-warp">
<h2 class="title"> Important Legal Information</h2>
<h1 class="main-title">Welcome at BlueBox</h1>
<p class="desc-text">The information on this website is for the exclusive use of professional clients within the meaning of Directive 2014/65/EU of the European Parliament and of the Council of 15 May 2014 on markets in financial instruments ("Professional Clients"). By clicking the accept button you acknowledge that you are a Professional Client in accordance with the law of your country of domicile.</p>
</div>
<div class="country-warper countryAreaWraper">
<p class="country-text">Please select your country:</p>
<div class="country-list">
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="heading1">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="false" aria-controls="collapse1">
<a class="country-name" data-country="">
<div class="country-name-img">
<span>
<img src="/images/luxemborg.svg" alt="flag" />
</span>
Luxembourg
</div>
<span class="inst_name">Professional/Institutional investors</span>
</a>
</button>
</h2>
<div id="collapse1" class="accordion-collapse collapse" aria-labelledby="heading1" data-bs-parent="#accordionExample">
<div class="accordion-body">
<div class="accorBody">
<div class="body_title">
<h1>Dislaimer</h1>
<a class="btn btn-outline-secondary" href="#"> Accept</a>
</div>
<div class="body_desc">
<p>This website is intended to be accessed in the United Kingdom by Professional Clients and Eligible Counterparties only, as defined by the UK Financial Conduct Authority (“FCA”), in accordance with Section 21 of the Financial Services and Markets Act 2000. The information in this website is not intended for the use of and should not be relied on by any person who would qualify as a Retail Client as defined by the FCA. If you are uncertain about whether you qualify as a Professional Client or as an Eligible. This website is intended to be accessed in the United Kingdom by Professional Clients and Eligible Counterparties only, as defined by the UK Financial Conduct Authority (“FCA”), in accordance with Section 21 of the Financial Services and Markets Act 2000. The information in this website is not intended for the use of and should not be relied on by any person who would qualify as a Retail Client as defined by the FCA. If you are uncertain about whether you qualify as a Professional Client or as an Eligible</p>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading2">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
<a class="country-name" data-country="">
<div class="country-name-img">
<span>
<img src="/images/spain.svg" alt="flag" />
</span>
Spain
</div>
<span class="inst_name">Professional/Institutional investors</span>
</a>
</button>
</h2>
<div id="collapse2" class="accordion-collapse collapse" aria-labelledby="heading2" data-bs-parent="#accordionExample">
<div class="accordion-body">
<div class="accorBody">
<div class="body_title">
<h1>Dislaimer</h1>
<a class="btn btn-outline-secondary" href="#"> Accept</a>
</div>
<div class="body_desc">
<p>This website is intended to be accessed in the United Kingdom by Professional Clients and Eligible Counterparties only, as defined by the UK Financial Conduct Authority (“FCA”), in accordance with Section 21 of the Financial Services and Markets Act 2000. The information in this website is not intended for the use of and should not be relied on by any person who would qualify as a Retail Client as defined by the FCA. If you are uncertain about whether you qualify as a Professional Client or as an Eligible. This website is intended to be accessed in the United Kingdom by Professional Clients and Eligible Counterparties only, as defined by the UK Financial Conduct Authority (“FCA”), in accordance with Section 21 of the Financial Services and Markets Act 2000. The information in this website is not intended for the use of and should not be relied on by any person who would qualify as a Retail Client as defined by the FCA. If you are uncertain about whether you qualify as a Professional Client or as an Eligible</p>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading3">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
<a class="country-name" data-country="">
<div class="country-name-img">
<span>
<img src="/images/switzerland.svg" alt="flag" />
</span>
Switzerland
</div>
<span class="inst_name">Professional/Institutional investors</span>
</a>
</button>
</h2>
<div id="collapse3" class="accordion-collapse collapse" aria-labelledby="heading3" data-bs-parent="#accordionExample">
<div class="accordion-body">
<div class="accorBody">
<div class="body_title">
<h1>Dislaimer</h1>
<a class="btn btn-outline-secondary" href="#"> Accept</a>
</div>
<div class="body_desc">
<p>This website is intended to be accessed in the United Kingdom by Professional Clients and Eligible Counterparties only, as defined by the UK Financial Conduct Authority (“FCA”), in accordance with Section 21 of the Financial Services and Markets Act 2000. The information in this website is not intended for the use of and should not be relied on by any person who would qualify as a Retail Client as defined by the FCA. If you are uncertain about whether you qualify as a Professional Client or as an Eligible. This website is intended to be accessed in the United Kingdom by Professional Clients and Eligible Counterparties only, as defined by the UK Financial Conduct Authority (“FCA”), in accordance with Section 21 of the Financial Services and Markets Act 2000. The information in this website is not intended for the use of and should not be relied on by any person who would qualify as a Retail Client as defined by the FCA. If you are uncertain about whether you qualify as a Professional Client or as an Eligible</p>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading4">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
<a class="country-name" data-country="">
<div class="country-name-img">
<span>
<img src="/images/united-kingdom.svg" alt="flag" />
</span>
United Kingdom
</div>
<span class="inst_name">Professional/Institutional investors</span>
</a>
</button>
</h2>
<div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4" data-bs-parent="#accordionExample">
<div class="accordion-body">
<div class="accorBody">
<div class="body_title">
<h1>Dislaimer</h1>
<a class="btn btn-outline-secondary" href="#"> Accept</a>
</div>
<div class="body_desc">
<p>This website is intended to be accessed in the United Kingdom by Professional Clients and Eligible Counterparties only, as defined by the UK Financial Conduct Authority (“FCA”), in accordance with Section 21 of the Financial Services and Markets Act 2000. The information in this website is not intended for the use of and should not be relied on by any person who would qualify as a Retail Client as defined by the FCA. If you are uncertain about whether you qualify as a Professional Client or as an Eligible. This website is intended to be accessed in the United Kingdom by Professional Clients and Eligible Counterparties only, as defined by the UK Financial Conduct Authority (“FCA”), in accordance with Section 21 of the Financial Services and Markets Act 2000. The information in this website is not intended for the use of and should not be relied on by any person who would qualify as a Retail Client as defined by the FCA. If you are uncertain about whether you qualify as a Professional Client or as an Eligible</p>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading5">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
<a class="country-name" data-country="">
<div class="country-name-img">
<span>
<img src="/images/others.svg" alt="flag" />
</span>
Other
</div>
<span class="inst_name">Professional/Institutional investors</span>
</a>
</button>
</h2>
<div id="collapse5" class="accordion-collapse collapse" aria-labelledby="heading5" data-bs-parent="#accordionExample">
<div class="accordion-body">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="legal-wrap_new {{ bgGrey ? 'bg-grey' : 'bg-white' }}">
<div class="container">
<div class="legalContain-wraper">
<div class="title-warp">
<h2 class="title"> {{title}}</h2>
<h1 class="main-title">{{mainTitle}}</h1>
<p class="desc-text">{{ desc }}</p>
</div>
<div class="country-warper countryAreaWraper">
<p class="country-text">{{ countrytext }}</p>
<div class="country-list">
{# {% for item in countryItems %}
<a class="country-name">
<div class="country-name-img">
<span>
<img src="{{item.img}}" alt="flag"/>
</span>
{{item.name}}
</div>
<span class="inst_name">{{item.subText}}</span>
</a>
{% endfor %} #}
<div class="accordion" id="accordionExample">
{% for item in countryItems %}
<div class="accordion-item">
<h2 class="accordion-header" id="heading{{loop.index}}">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{loop.index}}" aria-expanded="false" aria-controls="collapse{{loop.index}}">
<a class="country-name" data-country="{{ item.country_id }}">
<div class="country-name-img">
<span>
<img src="{{item.img}}" alt="flag"/>
</span>
{{item.name}}
</div>
<span class="inst_name">{{item.subText}}</span>
</a>
</button>
</h2>
<div id="collapse{{loop.index}}" class="accordion-collapse collapse" aria-labelledby="heading{{loop.index}}" data-bs-parent="#accordionExample">
<div class="accordion-body">
{% for itemBlock in item.countryBlock %}
<div class="accorBody">
<div class="body_title">
<h1>{{itemBlock.title}}</h1>
<a class="btn btn-outline-secondary" href="{{itemBlock.btnLink}}"> {{itemBlock.btnTitle}}</a>
</div>
<div class="body_desc">
<p>{{itemBlock.desc}}</p>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
{
"showButton": "true,",
"bgGrey": false,
"title": "Important Legal Information",
"mainTitle": "Welcome at BlueBox",
"desc": "The information on this website is for the exclusive use of professional clients within the meaning of Directive 2014/65/EU of the European Parliament and of the Council of 15 May 2014 on markets in financial instruments (\"Professional Clients\"). By clicking the accept button you acknowledge that you are a Professional Client in accordance with the law of your country of domicile.",
"btnText": "Continue",
"btn_link": "#",
"countrytext": "Please select your country:",
"countryItems": [
{
"item": null,
"name": "Luxembourg",
"img": "/images/luxemborg.svg",
"subText": "Professional/Institutional investors",
"countryBlock": [
{
"item": null,
"title": "Dislaimer",
"btnTitle": "Accept",
"btnLink": "#",
"desc": "This website is intended to be accessed in the United Kingdom by Professional Clients and Eligible Counterparties only, as defined by the UK Financial Conduct Authority (“FCA”), in accordance with Section 21 of the Financial Services and Markets Act 2000. The information in this website is not intended for the use of and should not be relied on by any person who would qualify as a Retail Client as defined by the FCA. If you are uncertain about whether you qualify as a Professional Client or as an Eligible. This website is intended to be accessed in the United Kingdom by Professional Clients and Eligible Counterparties only, as defined by the UK Financial Conduct Authority (“FCA”), in accordance with Section 21 of the Financial Services and Markets Act 2000. The information in this website is not intended for the use of and should not be relied on by any person who would qualify as a Retail Client as defined by the FCA. If you are uncertain about whether you qualify as a Professional Client or as an Eligible"
}
]
},
{
"item": null,
"name": "Spain",
"img": "/images/spain.svg",
"subText": "Professional/Institutional investors",
"countryBlock": [
{
"item": null,
"title": "Dislaimer",
"btnTitle": "Accept",
"btnLink": "#",
"desc": "This website is intended to be accessed in the United Kingdom by Professional Clients and Eligible Counterparties only, as defined by the UK Financial Conduct Authority (“FCA”), in accordance with Section 21 of the Financial Services and Markets Act 2000. The information in this website is not intended for the use of and should not be relied on by any person who would qualify as a Retail Client as defined by the FCA. If you are uncertain about whether you qualify as a Professional Client or as an Eligible. This website is intended to be accessed in the United Kingdom by Professional Clients and Eligible Counterparties only, as defined by the UK Financial Conduct Authority (“FCA”), in accordance with Section 21 of the Financial Services and Markets Act 2000. The information in this website is not intended for the use of and should not be relied on by any person who would qualify as a Retail Client as defined by the FCA. If you are uncertain about whether you qualify as a Professional Client or as an Eligible"
}
]
},
{
"item": null,
"name": "Switzerland",
"img": "/images/switzerland.svg",
"subText": "Professional/Institutional investors",
"countryBlock": [
{
"item": null,
"title": "Dislaimer",
"btnTitle": "Accept",
"btnLink": "#",
"desc": "This website is intended to be accessed in the United Kingdom by Professional Clients and Eligible Counterparties only, as defined by the UK Financial Conduct Authority (“FCA”), in accordance with Section 21 of the Financial Services and Markets Act 2000. The information in this website is not intended for the use of and should not be relied on by any person who would qualify as a Retail Client as defined by the FCA. If you are uncertain about whether you qualify as a Professional Client or as an Eligible. This website is intended to be accessed in the United Kingdom by Professional Clients and Eligible Counterparties only, as defined by the UK Financial Conduct Authority (“FCA”), in accordance with Section 21 of the Financial Services and Markets Act 2000. The information in this website is not intended for the use of and should not be relied on by any person who would qualify as a Retail Client as defined by the FCA. If you are uncertain about whether you qualify as a Professional Client or as an Eligible"
}
]
},
{
"item": null,
"name": "United Kingdom",
"img": "/images/united-kingdom.svg",
"subText": "Professional/Institutional investors",
"countryBlock": [
{
"item": null,
"title": "Dislaimer",
"btnTitle": "Accept",
"btnLink": "#",
"desc": "This website is intended to be accessed in the United Kingdom by Professional Clients and Eligible Counterparties only, as defined by the UK Financial Conduct Authority (“FCA”), in accordance with Section 21 of the Financial Services and Markets Act 2000. The information in this website is not intended for the use of and should not be relied on by any person who would qualify as a Retail Client as defined by the FCA. If you are uncertain about whether you qualify as a Professional Client or as an Eligible. This website is intended to be accessed in the United Kingdom by Professional Clients and Eligible Counterparties only, as defined by the UK Financial Conduct Authority (“FCA”), in accordance with Section 21 of the Financial Services and Markets Act 2000. The information in this website is not intended for the use of and should not be relied on by any person who would qualify as a Retail Client as defined by the FCA. If you are uncertain about whether you qualify as a Professional Client or as an Eligible"
}
]
},
{
"item": null,
"name": "Other",
"img": "/images/others.svg",
"subText": "Professional/Institutional investors"
}
]
}
-
Content:
- URL: /components/raw/legal_disclaimer_new/legal_disclaimer_new.js
- Filesystem Path: components/03-components/legal_disclaimer_new/legal_disclaimer_new.js
- Size: 1 Bytes
-
Content:
.legal-wrap_new { padding: 140px 0; // @include media-breakpoint-down(lg) { // padding: 80px 0; // } .container { max-width: 1030px; padding: 0 15px; .legalContain-wraper { max-width: 665px; .title-warp { padding-bottom: 40px; @include media-breakpoint-down(lg) { padding-bottom: 30px; } .title { font-size: 17px; font-family: "OpenSans_light"; line-height: 23px; color: #120f29; } .main-title { font-size: 60px; font-family: "PlayfairDisplay-Bold"; color: #120f29; margin-bottom: 25px; @include media-breakpoint-down(lg) { font-size: 40px; } } .desc-text { line-height: 29px; } } .country-warper { .country-list { display: flex; flex-direction: column; padding-top: 30px; .country-name { color: #120f29; font-size: 17px; font-family: "OpenSans-Regular"; line-height: 29px; text-decoration: none; opacity: 0.3; display: flex; align-items: center; justify-content: space-between; padding: 9px 10px; // margin-bottom: 17px; transition: all 0.15s ease-in-out; cursor: pointer; @include media-breakpoint-down(md) { flex-direction: column; align-items: flex-start; } &.active, &:hover { font-family: "OpenSans-SemiBold"; opacity: 1; background-color: rgba(41, 35, 92, 0.04); .inst_name { display: block; } } span { padding-right: 12px; img { max-width: 100%; height: 22px; } } .inst_name { font-size: 13px; color: #120f29; opacity: 0.5; display: none; padding-right: 0; @include media-breakpoint-down(md) { padding-left: 50px; } } .country-name-img { display: flex; align-items: center; } } } .accordion { .accordion-item { padding: 0; border-bottom: 0; margin-bottom: 17px; .accordion-button { display: block; padding: 0; &::after { display: none; width: 100%; } } .accordion-body { padding: 0; background-color: rgba(41, 35, 92, 0.04); border-top: 1px solid rgba(41, 35, 92, 0.15); .accorBody { padding: 25px; @include media-breakpoint-down(md) { padding: 15px; } } .body_title { display: flex; align-items: center; justify-content: space-between; @include media-breakpoint-down(md) { display: block; } h1 { color: #120f29; font-size: 22px; line-height: 30px; font-family: "OpenSans-SemiBold"; @include media-breakpoint-down(md) { font-size: 17px; } } .btn-outline-secondary { margin-top: 0; width: 177px; @include media-breakpoint-down(md) { width: 100%; padding: 10px 54px; } } } .body_desc { margin-top: 30px; height: 203px; overflow-y: scroll; scrollbar-width: thin; scrollbar-color: #120f29 transparent; &::-webkit-scrollbar { width: 4px !important; display: block !important; } &::-webkit-scrollbar-track { background: transparent !important; } &::-webkit-scrollbar-thumb { background-color: #120f29 !important; border-radius: 4px !important; border: 3px solid transparent !important; } @include media-breakpoint-down(md) { margin-top: 15px; } } } } } } .btn-outline-secondary { font-size: 16px; width: 260px; margin-top: 40px; @include media-breakpoint-down(md) { width: 100%; } } } } } - URL: /components/raw/legal_disclaimer_new/legal_disclaimer_new.scss
- Filesystem Path: components/03-components/legal_disclaimer_new/legal_disclaimer_new.scss
- Size: 5 KB
- Handle: @legal_disclaimer_new
- Preview:
- Filesystem Path: components/03-components/legal_disclaimer_new/legal_disclaimer_new.twig
There are no notes for this item.