<div class="page-wrap">
<div class="main-header">
<header>
<div class="top-header">
<nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand" href="#">
<img src="/images/logo.png" alt="logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<div class="hamburger" id="hamburger-1">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
</div>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a href="https://www.google.org/" class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" role="button" aria-haspopup="true" aria-expanded="false">
The Tech Fund
</a>
<span class="dropItem">
</span>
<div class="dropdown-menu dropdown-content" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item nav-link-item nav-dropdown-item" href="#">
About the Fund
</a>
<a class="dropdown-item nav-link-item nav-dropdown-item" href="#">
Fund Strategy
</a>
<a class="dropdown-item nav-link-item nav-dropdown-item" href="#">
Performance
</a>
<a class="dropdown-item nav-link-item nav-dropdown-item" href="#">
Team
</a>
<a class="dropdown-item nav-link-item nav-dropdown-item" href="#">
Fund Composition
</a>
<a class="dropdown-item nav-link-item nav-dropdown-item" href="#">
Documents
</a>
</div>
</li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" role="button" aria-haspopup="true" aria-expanded="false">
About BlueBox
</a>
<span class="dropItem">
</span>
<div class="dropdown-menu dropdown-content" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item nav-link-item nav-dropdown-item" href="#">
About the Fund
</a>
<a class="dropdown-item nav-link-item nav-dropdown-item" href="#">
Fund Strategy
</a>
<a class="dropdown-item nav-link-item nav-dropdown-item" href="#">
Performance
</a>
<a class="dropdown-item nav-link-item nav-dropdown-item" href="#">
Team
</a>
<a class="dropdown-item nav-link-item nav-dropdown-item" href="#">
Fund Composition
</a>
<a class="dropdown-item nav-link-item nav-dropdown-item" href="#">
Documents
</a>
</div>
</li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" role="button" aria-haspopup="true" aria-expanded="false">
Contact
</a>
<span class="dropItem">
</span>
<div class="dropdown-menu dropdown-content" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item nav-link-item nav-dropdown-item" href="#">
About the Fund
</a>
<a class="dropdown-item nav-link-item nav-dropdown-item" href="#">
Fund Strategy
</a>
<a class="dropdown-item nav-link-item nav-dropdown-item" href="#">
Performance
</a>
<a class="dropdown-item nav-link-item nav-dropdown-item" href="#">
Team
</a>
<a class="dropdown-item nav-link-item nav-dropdown-item" href="#">
Fund Composition
</a>
<a class="dropdown-item nav-link-item nav-dropdown-item" href="#">
Documents
</a>
</div>
</li>
</ul>
</div>
</nav>
</div>
</header>
</div>
<div class="big-header bg-btn">
<picture>
<source media="(max-width: 767px)" srcset="/images/home-bg.png">
<source media="(max-width: 1024px)" srcset="/images/home-bg.png">
<img src="/images/home-bg.png" alt="test">
</picture>
<div class="home-text-wrap">
<h1 class="main-title">BlueBox Funds</h1>
<a class="btn btn-outline-secondary banner-btn download-with-popup" href="#" target="_blank"> Download Factsheet </a>
</div>
<a class="scroll-down" href="#section">Scroll down</a>
</div>
<div class="simpleText-wrap bg-grey">
<div class="container">
<div class="title-warp">
<h2 class="main-title"> Here comes an Introduction</h2>
</div>
<div class="info-wrap">
<p>Lorem ipsum dolor sit amet, consetetur sadipscinge elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et. Lorem ipsum dolor sit amet, consetetur sadipscinge elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et.</p>
</div>
<a class="btn btn-link" href="#">Find out more</a>
</div>
</div>
<div class="videoImg-wraper bg-video">
<img class="img-fluid" src="/images/animated-img.png" alt="animated-img" data-scroll-zoom />
<video role="video" src="https://media.istockphoto.com/videos/industrial-abstract-pattern-video-id1050190380" alt="Video" muted autoplay loop data-scroll-zoom></video>
</div>
<div class="simpleTextStats-wrap bg-grey">
<div class="container">
<div class="title-warp">
<h2 class="title"> Here comes an Introduction</h2>
</div>
<div class="info-wrap">
<p>Lorem ipsum dolor sit amet, consetetur sadipscinge elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et. Lorem ipsum dolor sit amet, consetetur sadipscinge elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et.
<p>
</div>
<div class="row statInfo-row">
<div class="col-md-4 statInfo-col">
<div class="textInfo-wrap">
<h3>Fund launched</h3>
<p>30 March 2018</p>
</div>
</div>
<div class="col-md-4 statInfo-col">
<div class="textInfo-wrap">
<h3>Return since launch</h3>
<p>163,43%</p>
</div>
</div>
<div class="col-md-4 statInfo-col">
<div class="textInfo-wrap">
<h3>Annualised return</h3>
<p>30,2%</p>
</div>
</div>
</div>
<a class="btn btn-link" href="#">Past performance is not a guarantee of future returns. Based on S Class share performance</a>
</div>
</div>
<div class="textBlocks-wrap bg-white">
<div class="container">
<div class="title-warp">
<h2 class="title"> BlueBox Investment Strategy</h2>
<h1 class="main-title">We invest in enablers</h1>
</div>
<div class="row textBlocks-row">
<div class="col-md-6">
<div class="leftTextWrap">
<h3 class="sub-title">Direct Connection</h3>
<h2 class="main-title">1. A strong <span>underlying technology trend</span>, principally Direct Connection</h2>
</div>
</div>
<div class="col-md-6">
<div class="rightTextWrap">
<p>The Direct Connection of computers to the real world has enabled the technology revolution of the past 15 years, driving an acceleration in tech adoption simultaneously across all industry verticals. The Direct Connection of computers to the real world has enabled the technology revolution of the past 15 years,</p>
</div>
</div>
</div>
<div class="row textBlocks-row">
<div class="col-md-6">
<div class="leftTextWrap">
<h3 class="sub-title">Create Value</h3>
<h2 class="main-title">2. A company’s ability to create value <span>as a result</span>of that <span>trend</span>.</h2>
</div>
</div>
<div class="col-md-6">
<div class="rightTextWrap">
<p>The Direct Connection of computers to the real world has enabled the technology revolution of the past 15 years, driving an acceleration in tech adoption simultaneously across all industry verticals. </p>
</div>
</div>
</div>
<div class="row textBlocks-row">
<div class="col-md-6">
<div class="leftTextWrap">
<h3 class="sub-title">Strong barriers</h3>
<h2 class="main-title">3. <span>Strong barriers</span> to entry</h2>
</div>
</div>
<div class="col-md-6">
<div class="rightTextWrap">
<p>The Direct Connection of computers to the real world has enabled the technology revolution of the past 15 years, driving an acceleration in tech adoption simultaneously across all industry verticals. </p>
</div>
</div>
</div>
<div class="row textBlocks-row">
<div class="col-md-6">
<div class="leftTextWrap">
<h3 class="sub-title">Division</h3>
<h2 class="main-title">4. A <span>reasonable division</span> of generated value between <span>outside shareholders</span> and other stakeholders</h2>
</div>
</div>
<div class="col-md-6">
<div class="rightTextWrap">
<p>The Direct Connection of computers to the real world has enabled the technology revolution of the past 15 years.</p>
</div>
</div>
</div>
</div>
</div>
<div class="simpleText-wrap bg-grey">
<div class="container">
<div class="title-warp">
<h2 class="title"> Here comes an Introduction</h2>
</div>
<div class="info-wrap">
<p>Lorem ipsum dolor sit amet, consetetur sadipscinge elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et. Lorem ipsum dolor sit amet, consetetur sadipscinge elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et.</p>
<p>Lorem ipsum dolor sit amet, consetetur sadipscinge elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et. Lorem ipsum dolor sit amet, consetetur sadipscinge elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et.</p>
</div>
<div class="quoteText">
<p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.</p>
</div>
</div>
</div>
<div class="rating-wrap bg-white">
<div class="container">
<div class="slider">
<div class="slider-wrap">
<div class="sliderInfo-warp">
<div class="leftTextWrap">
<div class="img-wrap">
<img class="rating-logo" src="/images/Logo-morningstar.png" alt="logo">
</div>
<p>„Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et."</p>
</div>
<div class="starWrap">
<div class="star-wrap">
<img class="star" src="/images/Star-icon.svg" alt="star">
<img class="star" src="/images/Star-icon.svg" alt="star">
<img class="star" src="/images/Star-icon.svg" alt="star">
<img class="star" src="/images/Star-icon.svg" alt="star">
<img class="star" src="/images/Star-icon.svg" alt="star">
</div>
<p>5 out of 5 stars</p>
</div>
</div>
</div>
<div class="slider-wrap">
<div class="sliderInfo-warp">
<div class="leftTextWrap">
<div class="img-wrap">
<img class="rating-logo" src="/images/Logo-morningstar.png" alt="logo">
</div>
<p>„Lorem ipsum dolor sit amet, consetetur sadipscing elitr,"</p>
</div>
<div class="starWrap">
<div class="star-wrap">
<img class="star" src="/images/Star-icon.svg" alt="star">
<img class="star" src="/images/Star-icon.svg" alt="star">
<img class="star" src="/images/Star-icon.svg" alt="star">
</div>
<p>3 out of 5 stars</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footer-content">
<div class="copyright-wrap">
<a class="" href="#"> © BlueBox Technology Fund - 2022 </a>
<a class="linkedin-icon" href="#">
<img src="/images/linkedin-brands.svg" alt="linkedin" />
</a>
</div>
<div class="footer-link">
<a class="" href="#"> Imprimt </a>
<a class="" href="#"> Legal mentions </a>
<a class="btn btn-outline" href="#"> Contact us </a>
</div>
</div>
</div>
</div>
<div class="page-wrap">
{% render "@components/02-layout/navigation/navigation.twig" %}
{% render "@components/03-components/big_header/big_header.twig" %}
{% render "@components/03-components/simple_text_element/simple_text_element.twig" %}
{% render "@components/03-components/animated_element/animated_element.twig" %}
{% render "@components/03-components/simple_text_element_with_stats/simple_text_element_with_stats.twig" with {statInfo: statInfos} %}
{% render "@components/03-components/text_blocks_element/text_blocks_element.twig" with {textBlockBox: textBlocks} %}
{% render "@components/03-components/simple_text_element_with_highlighted_text/simple_text_element_with_highlighted_text.twig" %}
{% render "@components/03-components/rating_element/rating_element.twig" with {ratingRecords : ratingElements} %}
{% render "@components/02-layout/footer/footer.twig" %}
</div>
{
"ratingElements": [
{
"$rating_record": {
"imgUrl": "/images/Logo-morningstar.png",
"desc": "„Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.\"",
"ratingText": "5 out of 5 stars",
"starImg": "/images/Star-icon.svg",
"rating": 5
}
},
{
"$rating_record": {
"imgUrl": "/images/Logo-morningstar.png",
"desc": "„Lorem ipsum dolor sit amet, consetetur sadipscing elitr,\"",
"starImg": "/images/Star-icon.svg",
"ratingText": "3 out of 5 stars",
"rating": 3
}
}
],
"textBlocks": [
{
"$text_block": {
"subTitle": "Direct Connection",
"mainTitle": "1. A strong <span>underlying technology trend</span>, principally Direct Connection",
"desc": "The Direct Connection of computers to the real world has enabled the technology revolution of the past 15 years, driving an acceleration in tech adoption simultaneously across all industry verticals. The Direct Connection of computers to the real world has enabled the technology revolution of the past 15 years,"
}
},
{
"$text_block": {
"subTitle": "Create Value",
"mainTitle": "2. A company’s ability to create value <span>as a result</span>of that <span>trend</span>.",
"desc": "The Direct Connection of computers to the real world has enabled the technology revolution of the past 15 years, driving an acceleration in tech adoption simultaneously across all industry verticals. "
}
},
{
"$text_block": {
"subTitle": "Strong barriers",
"mainTitle": "3. <span>Strong barriers</span> to entry",
"desc": "The Direct Connection of computers to the real world has enabled the technology revolution of the past 15 years, driving an acceleration in tech adoption simultaneously across all industry verticals. "
}
},
{
"$text_block": {
"subTitle": "Division",
"mainTitle": "4. A <span>reasonable division</span> of generated value between <span>outside shareholders</span> and other stakeholders",
"desc": "The Direct Connection of computers to the real world has enabled the technology revolution of the past 15 years."
}
}
],
"statInfos": [
{
"$stats_info": {
"title": "Fund launched",
"stat": "30 March 2018"
}
},
{
"$stats_info": {
"title": "Return since launch",
"stat": "163,43%"
}
},
{
"$stats_info": {
"title": "Annualised return",
"stat": "30,2%"
}
}
]
}
-
Content:
import $ from "jquery"; $(document).ready(function() {}); - URL: /components/raw/home/home.js
- Filesystem Path: components/05-pages/home/home.js
- Size: 59 Bytes
-
Content:
- URL: /components/raw/home/home.scss
- Filesystem Path: components/05-pages/home/home.scss
- Size: 1 Bytes
- Handle: @home
- Preview:
- Filesystem Path: components/05-pages/home/home.twig
There are no notes for this item.