add ourpass

content/header/_index.md

@@ -9,6 +9,7 @@ extra:
 ---
 - [Home]("/")
 - [About]("/about")
+- [Invest]("/invest")
 - [Ventures]("/ventures")
 - [People]("/people")
 - [Newsroom]("/newsroom")

content/invest/index.md

@@ -0,0 +1,12 @@
+---
+title: "About"
+description: ""
+date: 2018-09-14
+updated: 2021-02-20
+draft: false
+weight: 2
+template: "layouts/ourpass.html"
+---
+
+<!-- see partials/company.html -->
+

templates/index.html

@@ -18,6 +18,8 @@
 
 {% include "partials/stats.html" %}
 
+{% include "partials/ourpass.html" %}
+
 {% include "partials/ventures.html" %}
 
 {% include "partials/people.html" %}

templates/layouts/ourpass.html

@@ -0,0 +1,17 @@
+{% extends "_default/base.html" %}
+{% block content %}
+
+<!-- home page template, has a banner and rows of page summaries -->
+
+
+
+<div>
+    {% set page = get_page(path="about/index.md") %}
+    {{page.content | safe}}
+</div>
+
+{% include "partials/ourpass.html" %}
+
+{% include "partials/quote.html" %}
+
+{% endblock content %}

templates/partials/invest.html

@@ -0,0 +1,24 @@
+<div class="relative bg-gray-900">
+    <div class="relative h-80 overflow-hidden bg-indigo-600 md:absolute md:left-0 md:h-full md:w-1/3 lg:w-1/2">
+      <img class="h-full w-full object-cover" src="https://images.unsplash.com/photo-1525130413817-d45c1d127c42?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1920&q=60&blend=6366F1&sat=-100&blend-mode=multiply" alt="">
+      <svg viewBox="0 0 926 676" aria-hidden="true" class="absolute -bottom-24 left-24 w-[57.875rem] transform-gpu blur-[118px]">
+        <path fill="url(#60c3c621-93e0-4a09-a0e6-4c228a0116d8)" fill-opacity=".4" d="m254.325 516.708-90.89 158.331L0 436.427l254.325 80.281 163.691-285.15c1.048 131.759 36.144 345.144 168.149 144.613C751.171 125.508 707.17-93.823 826.603 41.15c95.546 107.978 104.766 294.048 97.432 373.585L685.481 297.694l16.974 360.474-448.13-141.46Z" />
+        <defs>
+          <linearGradient id="60c3c621-93e0-4a09-a0e6-4c228a0116d8" x1="926.392" x2="-109.635" y1=".176" y2="321.024" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#776FFF" />
+            <stop offset="1" stop-color="#FF4694" />
+          </linearGradient>
+        </defs>
+      </svg>
+    </div>
+    <div class="relative mx-auto max-w-7xl py-24 sm:py-32 lg:px-8 lg:py-40">
+      <div class="pl-6 pr-6 md:ml-auto md:w-2/3 md:pl-16 lg:w-1/2 lg:pl-24 lg:pr-0 xl:pl-32">
+        <h2 class="text-base font-semibold leading-7 text-indigo-400">Award winning support</h2>
+        <p class="mt-2 text-3xl font-bold tracking-tight text-white sm:text-4xl">We’re here to help</p>
+        <p class="mt-6 text-base leading-7 text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et, egestas tempus tellus etiam sed. Quam a scelerisque amet ullamcorper eu enim et fermentum, augue. Aliquet amet volutpat quisque ut interdum tincidunt duis.</p>
+        <div class="mt-8">
+          <a href="#" class="inline-flex rounded-md bg-white/10 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-white/20 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">Visit the help center</a>
+        </div>
+      </div>
+    </div>
+  </div>

templates/partials/ourpass.html

@@ -0,0 +1,49 @@
+<div class="overflow-hidden bg-white py-24 sm:py-32">
+    <div class="mx-auto max-w-7xl px-6 lg:px-8">
+        <div class="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-2">
+            <div class="flex items-start justify-end lg:order-first">
+                <img src="invest/img/owpass4.png" alt="Product screenshot" class="w-[48rem] max-w-none rounded-xl shadow-xl ring-1 ring-gray-400/10 sm:w-[57rem]" width="2432" height="1442">
+            </div>
+            <div class="lg:ml-auto lg:pl-4 lg:pt-4 lg:col-start-2 lg:col-span-1">
+                <div class="lg:max-w-lg lg:mx-auto">
+                    <h2 class="text-base font-semibold leading-7 text-indigo-600">INVEST</h2>
+                    <p class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">Introducing OurPass</p>
+                    <p class="mt-6 text-lg leading-8 text-gray-600">A strategic investment with the opportunity for global mobility, residency and citizenship in multiple countries.</p>
+                    <dl class="mt-10 max-w-xl space-y-8 text-base leading-7 text-gray-600 lg:max-w-none">
+                        <div class="relative pl-9">
+                            <dt class="inline font-semibold text-gray-900">
+                                <svg class="absolute left-1 top-1 h-5 w-5 text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+                                    <path fill-rule="evenodd" d="M5.5 17a4.5 4.5 0 01-1.44-8.765 4.5 4.5 0 018.302-3.046 3.5 3.5 0 014.504 4.272A4 4 0 0115 17H5.5zm3.75-2.75a.75.75 0 001.5 0V9.66l1.95 2.1a.75.75 0 101.1-1.02l-3.25-3.5a.75.75 0 00-1.1 0l-3.25 3.5a.75.75 0 101.1 1.02l1.95-2.1v4.59z" clip-rule="evenodd" />
+                                </svg>
+                                Sovereign Investment Program
+                            </dt>
+                            <dd class="inline">Secure a profitable investment while working towards global mobility with residency programs.</dd>
+                        </div>
+                        <div class="relative pl-9">
+                            <dt class="inline font-semibold text-gray-900">
+                                <svg class="absolute left-1 top-1 h-5 w-5 text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+                                    <path fill-rule="evenodd" d="M10 1a4.5 4.5 0 00-4.5 4.5V9H5a2 2 0 00-2 2v6a2 2 0 002 2h10a2 2 0 002-2v-6a2 2 0 00-2-2h-.5V5.5A4.5 4.5 0 0010 1zm3 8V5.5a3 3 0 10-6 0V9h6z" clip-rule="evenodd" />
+                                </svg>
+                                Economic Security
+                            </dt>
+                            <dd class="inline">Investments are carefully vetted to meet the economic and social criteria set by respective governments, ensuring the security of your investment and your path to citizenship.</dd>
+                        </div>
+                        <div class="relative pl-9">
+                            <dt class="inline font-semibold text-gray-900">
+                                <svg class="absolute left-1 top-1 h-5 w-5 text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+                                    <path d="M4.632 3.533A2 2 0 016.577 2h6.846a2 2 0 011.945 1.533l1.976 8.234A3.489 3.489 0 0016 11.5H4c-.476 0-.93.095-1.344.267l1.976-8.234z" />
+                                    <path fill-rule="evenodd" d="M4 13a2 2 0 100 4h12a2 2 0 100-4H4zm11.24 2a.75.75 0 01.75-.75H16a.75.75 0 01.75.75v.01a.75.75 0 01-.75.75h-.01a.75.75 0 01-.75-.75V15zm-2.25-.75a.75.75 0 00-.75.75v.01c0 .414.336.75.75.75H13a.75.75 0 00.75-.75V15a.75.75 0 00-.75-.75h-.01z" clip-rule="evenodd" />
+                                </svg>
+                                Golden Visa and Citizenship
+                            </dt>
+                            <dd class="inline">OurPass facilitates the issuance of Golden Visas, leading to permanent residency and eventually, citizenship.</dd>
+                        </div>
+                    </dl>
+                    <div class="mt-8 flex items-center gap-x-6">
+                        <a href="/invest" class="rounded-md bg-black px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Learn More</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

templates/partials/portfolio.html

@@ -1,5 +1,5 @@
 
-<div class="relative isolate overflow-hidden bg-gray-900 py-24 py-12">
+<div class="relative isolate overflow-hidden bg-gray-900 pt-12 pb-24 py-12">
     <img src="https://images.unsplash.com/photo-1521737604893-d14cc237f11d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&crop=focalpoint&fp-y=.8&w=2830&h=1500&q=80&blend=111827&sat=-100&exp=15&blend-mode=multiply" alt="" class="absolute inset-0 -z-10 h-full w-full object-cover object-right md:object-center">
     <div class="hidden sm:absolute sm:-top-10 sm:right-1/2 sm:-z-10 sm:mr-10 sm:block sm:transform-gpu sm:blur-3xl">
       <div class="aspect-[1097/845] w-[68.5625rem] bg-gradient-to-tr from-[#ff4694] to-[#776fff] opacity-20" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>