229 lines
52 KiB
HTML
229 lines
52 KiB
HTML
<!DOCTYPE html>
|
|
<html data-html-server-rendered="true" lang="en" data-vue-tag="%7B%22lang%22:%7B%22ssr%22:%22en%22%7D%7D">
|
|
|
|
<head>
|
|
<title>Threefold Webstack - Threefold Webstack</title><meta name="gridsome:hash" content="37745d271f5e5dc6dad5b9b28004c1ab94522a20"><meta data-vue-tag="ssr" charset="utf-8"><meta data-vue-tag="ssr" name="generator" content="Gridsome v0.7.23"><meta data-vue-tag="ssr" data-key="viewport" name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"><meta data-vue-tag="ssr" data-key="format-detection" name="format-detection" content="telephone=no"><link data-vue-tag="ssr" rel="icon" href="data:,"><link data-vue-tag="ssr" rel="icon" type="image/png" sizes="16x16" href="/assets/static/favicon.ce0531f.58ac168c914573b5ef7275f1a675e75a.png"><link data-vue-tag="ssr" rel="icon" type="image/png" sizes="32x32" href="/assets/static/favicon.ac8d93a.58ac168c914573b5ef7275f1a675e75a.png"><link rel="preload" href="/assets/css/0.styles.2851f169.css" as="style"><link rel="preload" href="/assets/js/app.e2a4e8c6.js" as="script"><link rel="preload" href="/assets/js/page--src--templates--markdown-page-vue.cccc57cb.js" as="script"><link rel="prefetch" href="/assets/js/page--node-modules--gridsome--app--pages--404-vue.f7582f47.js"><link rel="prefetch" href="/assets/js/page--src--pages--blog-vue.b0dc8a8c.js"><link rel="prefetch" href="/assets/js/page--src--pages--index-vue.f12c98ee.js"><link rel="prefetch" href="/assets/js/page--src--pages--news-vue.d1174d22.js"><link rel="prefetch" href="/assets/js/page--src--templates--blog-post-vue.88ace2b6.js"><link rel="prefetch" href="/assets/js/page--src--templates--membership-vue.3522376a.js"><link rel="prefetch" href="/assets/js/page--src--templates--news-post-vue.9eb5f236.js"><link rel="prefetch" href="/assets/js/page--src--templates--partners-vue.7cfcc422.js"><link rel="prefetch" href="/assets/js/page--src--templates--person-vue.9ae59aa3.js"><link rel="prefetch" href="/assets/js/page--src--templates--project-vue.402860b7.js"><link rel="prefetch" href="/assets/js/page--src--templates--search-vue.47349da6.js"><link rel="prefetch" href="/assets/js/page--src--templates--tag-vue.04e814f2.js"><link rel="prefetch" href="/assets/js/page--src--templates--team-vue.fd6ac744.js"><link rel="prefetch" href="/assets/js/vendors~page--src--templates--search-vue.7aae1da5.js"><link rel="stylesheet" href="/assets/css/0.styles.2851f169.css"><noscript data-vue-tag="ssr"><style>.g-image--loading{display:none;}</style></noscript>
|
|
</head>
|
|
|
|
<body >
|
|
|
|
<script>
|
|
// Add dark / light detection that runs before Vue.js load. Borrowed from overreacted.io
|
|
// for this starter, i used the code from gridsome.org
|
|
(function() {
|
|
window.__onThemeChange = function() {};
|
|
|
|
function setTheme(newTheme) {
|
|
|
|
window.__theme = newTheme;
|
|
preferredTheme = newTheme;
|
|
document.body.setAttribute('data-theme', newTheme);
|
|
|
|
window.__onThemeChange(newTheme);
|
|
}
|
|
|
|
var preferredTheme;
|
|
try {
|
|
preferredTheme = localStorage.getItem('theme');
|
|
} catch (err) {}
|
|
|
|
window.__setPreferredTheme = function(newTheme) {
|
|
setTheme(newTheme);
|
|
try {
|
|
localStorage.setItem('theme', newTheme);
|
|
} catch (err) {}
|
|
}
|
|
|
|
var darkQuery = window.matchMedia('(prefers-color-scheme: dark)');
|
|
|
|
darkQuery.addListener(function(e) {
|
|
window.__setPreferredTheme(e.matches ? 'dark' : 'light');
|
|
});
|
|
|
|
setTheme(preferredTheme || (darkQuery.matches ? 'dark' : 'light'));
|
|
})();
|
|
</script>
|
|
|
|
<div data-server-rendered="true" hideHeader="true" disableScroll="true" id="app" class="container mx-auto" data-v-3ae29a2a><div class="fixed inset-0 h-16 bg-white" data-v-ad7074da><header class="flex items-center justify-between flex-wrap container mx-auto px-4 sm:px-0 py-4 transition-all transition-500" data-v-ad7074da><div class="flex items-center justify-between px-4 py-3 sm:p-0" data-v-ad7074da><div class="inline-flex items-center flex-shrink-0" data-v-ad7074da><a href="/" class="flex" data-v-ad7074da><img src="/img/TFN_black.svg" width="180" alt class="mr-3 fill-current" data-v-ad7074da></a></div><div class="sm:hidden ml-auto" data-v-ad7074da><button type="button" class="block text-gray-500 focus:outline-none" data-v-ad7074da><svg viewBox="0 0 24 24" class="h-6 w-6 fill-current" data-v-ad7074da><!----><path fill-rule="evenodd" d="M4 5h16a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2z" data-v-ad7074da></path></svg></button></div><div class="text-gray-400 sm:block md:hidden" data-v-ad7074da><ul class="list-none flex justify-center md:justify-end" data-v-ad7074da><li class="mr-0 sm:mr-6" data-v-ad7074da><a role="button" aria-label="Toggle dark" title="Toggle dark" class="toggle-theme" data-v-ad7074da><!----><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="moon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="mr-3 svg-inline--fa fa-moon fa-w-16"><path fill="currentColor" d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z"></path></svg></a></li><li class="hover:text-white sm:block px-2 mr-2" data-v-ad7074da><span class="telegram_icon" data-v-ad7074da><a href="" target="_blank" rel="noopener noreferrer" data-v-ad7074da><svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="telegram-plane" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-telegram-plane fa-w-14" data-v-ad7074da data-v-ad7074da><path fill="currentColor" d="M446.7 98.6l-67.6 318.8c-5.1 22.5-18.4 28.1-37.3 17.5l-103-75.9-49.7 47.8c-5.5 5.5-10.1 10.1-20.7 10.1l7.4-104.9 190.9-172.5c8.3-7.4-1.8-11.5-12.9-4.1L117.8 284 16.2 252.2c-22.1-6.9-22.5-22.1 4.6-32.7L418.2 66.4c18.4-6.9 34.5 4.1 28.5 32.2z" data-v-ad7074da data-v-ad7074da></path></svg></a></span></li><li class="hover:text-white sm:block px-2 mr-2" data-v-ad7074da><span class="telegram_icon" data-v-ad7074da><a href="" target="_blank" rel="noopener noreferrer" data-v-ad7074da><svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="linkedin" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-linkedin fa-w-14" data-v-ad7074da data-v-ad7074da><path fill="currentColor" d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" data-v-ad7074da data-v-ad7074da></path></svg></a></span></li></ul></div></div><nav class="navbar md:order-2 px-2 pt-2 pb-4 sm:flex sm:p-0 sm:w-100 bg-white hidden" data-v-ad7074da><div class="w-auto" data-v-ad7074da><a href="/page1" class="inline-flex sm:flex uppercase p-2 mr-4 animated-link" data-v-ad7074da>Page1</a></div><div class="w-auto" data-v-ad7074da><div x-data="{ open: false }" class="relative mt-2" data-v-ad7074da><button class="flex flex-row items-center w-full md:w-auto md:inline md:mt-0 md:ml-4 animated-link" data-v-ad7074da><span class="uppercase py-1 pl-2" data-v-ad7074da>Dropdown</span><svg fill="currentColor" viewBox="0 0 20 20" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1" data-v-ad7074da><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" data-v-ad7074da></path></svg></button><!----></div></div><div class="w-auto" data-v-ad7074da><div x-data="{ open: false }" class="relative mt-2" data-v-ad7074da><button class="flex flex-row items-center w-full md:w-auto md:inline md:mt-0 md:ml-4 animated-link" data-v-ad7074da><span class="uppercase py-1 pl-2" data-v-ad7074da>People</span><svg fill="currentColor" viewBox="0 0 20 20" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1" data-v-ad7074da><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" data-v-ad7074da></path></svg></button><!----></div></div><div class="w-auto" data-v-ad7074da><div x-data="{ open: false }" class="relative mt-2" data-v-ad7074da><button class="flex flex-row items-center w-full md:w-auto md:inline md:mt-0 md:ml-4 animated-link" data-v-ad7074da><span class="uppercase py-1 pl-2" data-v-ad7074da>More</span><svg fill="currentColor" viewBox="0 0 20 20" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1" data-v-ad7074da><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" data-v-ad7074da></path></svg></button><!----></div></div></nav><div class="hidden md:ml-auto md:inline-block md:order-last" data-v-ad7074da><ul class="list-none inline-flex justify-center md:justify-end" data-v-ad7074da><li class="mr-0 sm:mr-6" data-v-ad7074da><a role="button" aria-label="Toggle dark" title="Toggle dark" class="toggle-theme" data-v-ad7074da><!----><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="moon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="mr-3 svg-inline--fa fa-moon fa-w-16"><path fill="currentColor" d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z"></path></svg></a></li><li class="sm:block mr-6" data-v-ad7074da><span class="telegram_icon" data-v-ad7074da><a href="" target="_blank" rel="noopener noreferrer" data-v-ad7074da><svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="telegram-plane" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-telegram-plane fa-w-14" data-v-ad7074da data-v-ad7074da><path fill="currentColor" d="M446.7 98.6l-67.6 318.8c-5.1 22.5-18.4 28.1-37.3 17.5l-103-75.9-49.7 47.8c-5.5 5.5-10.1 10.1-20.7 10.1l7.4-104.9 190.9-172.5c8.3-7.4-1.8-11.5-12.9-4.1L117.8 284 16.2 252.2c-22.1-6.9-22.5-22.1 4.6-32.7L418.2 66.4c18.4-6.9 34.5 4.1 28.5 32.2z" data-v-ad7074da data-v-ad7074da></path></svg></a></span></li><li class="sm:block" data-v-ad7074da><span class="telegram_icon" data-v-ad7074da><a href="" target="_blank" rel="noopener noreferrer" data-v-ad7074da><svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="linkedin" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-linkedin fa-w-14" data-v-ad7074da data-v-ad7074da><path fill="currentColor" d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" data-v-ad7074da data-v-ad7074da></path></svg></a></span></li></ul></div></header></div><div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5" data-v-3ae29a2a><!----><!----><section class="py-12 px-4 text-center" data-v-3ae29a2a><div class="w-full max-w-2xl mx-auto"><span class="text-sm font-semibold">TITLE</span><h2 class="text-4xl mt-2 mb-6 leading-tight font-heading">
|
|
Subtitle
|
|
</h2><div class="mb-8 text-gray-700 leading-relaxed"><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
|
|
</div><div><a href="/page3" aria-current="page" class="bg-gray-900 learn-button hover:bg-gray-700 text-gray-100 px-5 py-3 mr-3 font-semibold rounded shadow active--exact active">Button</a><a href="/page3" aria-current="page" class="text-gray-900 bg-transparent hover:underline active--exact active">Button</a></div></div></section><img src="/assets/static/image_name.1b91758.83cd44f1190394b57de798f5c9bd7931.png" class="m-auto my-4 g-image" data-v-3ae29a2a><!----><!----><!----><!----><!----><div class="bg-white" data-v-3ae29a2a><div class="max-w-screen-xl mx-auto py-24 px-4 sm:px-6 lg:px-8"><div class="sm:flex sm:flex-col sm:align-center"><h1 class="text-5xl leading-none font-extrabold text-gray-900 sm:text-center">
|
|
Title
|
|
</h1><p class="mt-5 text-xl leading-7 text-gray-500 sm:text-center">
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type
|
|
</p><div class="relative self-center mt-6 bg-gray-100 rounded-lg p-0.5 flex sm:mt-8"><button type="button" class="relative w-1/2 bg-white border-gray-200 rounded-md shadow-sm py-2 text-sm leading-5 font-medium text-gray-700 whitespace-no-wrap hover:text-gray-500 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue focus:z-10 active:bg-gray-50 active:text-gray-800 transition ease-in-out duration-150 sm:w-auto sm:px-8">
|
|
Button
|
|
</button><button type="button" class="relative w-1/2 border border-transparent rounded-md py-2 text-sm leading-5 font-medium text-gray-700 whitespace-no-wrap hover:text-gray-500 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue focus:z-10 active:bg-gray-50 active:text-gray-800 transition ease-in-out duration-150 sm:w-auto sm:px-8">
|
|
Button
|
|
</button></div></div><div class="mt-12 space-y-4 sm:mt-16 sm:space-y-0 sm:grid sm:grid-cols-2 sm:gap-6 lg:max-w-4xl lg:mx-auto xl:max-w-none xl:mx-0 xl:grid-cols-4"><div class="border border-gray-200 rounded-lg shadow-sm divide-y divide-gray-200"><div class="p-6"><h2 class="text-lg leading-6 font-medium text-gray-900">
|
|
Title
|
|
</h2><p class="mt-4 text-sm leading-5 text-gray-500">
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type
|
|
</p><p class="mt-8"><span class="text-4xl leading-10 font-extrabold text-gray-900">$</span><span class="text-base leading-6 font-medium text-gray-500">/mo</span></p><a href="/page3" aria-current="page" type="button" class="mt-8 w-full text-center bg-gray-800 border border-gray-800 rounded-md py-2 text-sm leading-5 font-semibold text-white hover:bg-gray-700 focus:outline-none focus:shadow-outline-gray transition duration-150 ease-in-out active--exact active">
|
|
Button
|
|
</a></div><div class="pt-6 pb-8 px-6"><h3 class="text-xs leading-4 font-medium text-gray-900 tracking-wide uppercase">
|
|
What's included?
|
|
</h3><ul class="mt-6 space-y-4"><li class="flex space-x-3"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="flex-shrink-0 h-5 w-5 text-green-500"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-sm leading-5 text-gray-500">potenti felis</span></li><li class="flex space-x-3"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="flex-shrink-0 h-5 w-5 text-green-500"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-sm leading-5 text-gray-500">in cras at at ligula nunc</span></li><li class="flex space-x-3"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="flex-shrink-0 h-5 w-5 text-green-500"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-sm leading-5 text-gray-500">orci neque eget pellentesque</span></li></ul></div></div><div class="border border-gray-200 rounded-lg shadow-sm divide-y divide-gray-200"><div class="p-6"><h2 class="text-lg leading-6 font-medium text-gray-900">
|
|
Title
|
|
</h2><p class="mt-4 text-sm leading-5 text-gray-500">
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type
|
|
</p><p class="mt-8"><span class="text-4xl leading-10 font-extrabold text-gray-900">$</span><span class="text-base leading-6 font-medium text-gray-500">/mo</span></p><a href="/page3" aria-current="page" type="button" class="mt-8 w-full text-center bg-gray-800 border border-gray-800 rounded-md py-2 text-sm leading-5 font-semibold text-white hover:bg-gray-700 focus:outline-none focus:shadow-outline-gray transition duration-150 ease-in-out active--exact active">
|
|
Button
|
|
</a></div><div class="pt-6 pb-8 px-6"><h3 class="text-xs leading-4 font-medium text-gray-900 tracking-wide uppercase">
|
|
What's included?
|
|
</h3><ul class="mt-6 space-y-4"><li class="flex space-x-3"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="flex-shrink-0 h-5 w-5 text-green-500"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-sm leading-5 text-gray-500">potenti felis</span></li><li class="flex space-x-3"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="flex-shrink-0 h-5 w-5 text-green-500"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-sm leading-5 text-gray-500">in cras at at ligula nunc</span></li><li class="flex space-x-3"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="flex-shrink-0 h-5 w-5 text-green-500"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-sm leading-5 text-gray-500">orci neque eget pellentesque</span></li></ul></div></div><div class="border border-gray-200 rounded-lg shadow-sm divide-y divide-gray-200"><div class="p-6"><h2 class="text-lg leading-6 font-medium text-gray-900">
|
|
Title
|
|
</h2><p class="mt-4 text-sm leading-5 text-gray-500">
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type
|
|
</p><p class="mt-8"><span class="text-4xl leading-10 font-extrabold text-gray-900">$</span><span class="text-base leading-6 font-medium text-gray-500">/mo</span></p><a href="/page3" aria-current="page" type="button" class="mt-8 w-full text-center bg-gray-800 border border-gray-800 rounded-md py-2 text-sm leading-5 font-semibold text-white hover:bg-gray-700 focus:outline-none focus:shadow-outline-gray transition duration-150 ease-in-out active--exact active">
|
|
Button
|
|
</a></div><div class="pt-6 pb-8 px-6"><h3 class="text-xs leading-4 font-medium text-gray-900 tracking-wide uppercase">
|
|
What's included?
|
|
</h3><ul class="mt-6 space-y-4"><li class="flex space-x-3"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="flex-shrink-0 h-5 w-5 text-green-500"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-sm leading-5 text-gray-500">potenti felis</span></li><li class="flex space-x-3"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="flex-shrink-0 h-5 w-5 text-green-500"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-sm leading-5 text-gray-500">in cras at at ligula nunc</span></li><li class="flex space-x-3"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="flex-shrink-0 h-5 w-5 text-green-500"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-sm leading-5 text-gray-500">orci neque eget pellentesque</span></li></ul></div></div><div class="border border-gray-200 rounded-lg shadow-sm divide-y divide-gray-200"><div class="p-6"><h2 class="text-lg leading-6 font-medium text-gray-900">
|
|
Title
|
|
</h2><p class="mt-4 text-sm leading-5 text-gray-500">
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type
|
|
</p><p class="mt-8"><span class="text-4xl leading-10 font-extrabold text-gray-900">$</span><span class="text-base leading-6 font-medium text-gray-500">/mo</span></p><a href="/page3" aria-current="page" type="button" class="mt-8 w-full text-center bg-gray-800 border border-gray-800 rounded-md py-2 text-sm leading-5 font-semibold text-white hover:bg-gray-700 focus:outline-none focus:shadow-outline-gray transition duration-150 ease-in-out active--exact active">
|
|
Button
|
|
</a></div><div class="pt-6 pb-8 px-6"><h3 class="text-xs leading-4 font-medium text-gray-900 tracking-wide uppercase">
|
|
What's included?
|
|
</h3><ul class="mt-6 space-y-4"><li class="flex space-x-3"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="flex-shrink-0 h-5 w-5 text-green-500"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-sm leading-5 text-gray-500">potenti felis</span></li><li class="flex space-x-3"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="flex-shrink-0 h-5 w-5 text-green-500"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-sm leading-5 text-gray-500">in cras at at ligula nunc</span></li><li class="flex space-x-3"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="flex-shrink-0 h-5 w-5 text-green-500"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="text-sm leading-5 text-gray-500">orci neque eget pellentesque</span></li></ul></div></div></div></div></div><div class="bg-white" data-v-3ae29a2a><div class="max-w-screen-xl mx-auto bg-white py-16 sm:py-24 sm:px-6 lg:px-8"><div class="max-w-2xl mx-auto lg:hidden"><table class="mt-8 w-full"><caption class="bg-gray-100 border-t border-gray-200 py-3 px-4 text-sm leading-5 font-medium text-gray-900 text-left">
|
|
Specs
|
|
</caption><tbody class="divide-y divide-gray-200"><tr class="border-t border-gray-200"><th scope="row" class="py-5 px-4 text-sm leading-5 font-normal text-gray-500 text-left">
|
|
Name
|
|
</th><td class="py-5 pr-4"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="ml-auto h-5 w-5 text-green-500"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="sr-only">Yes</span></td><td class="py-5 pr-4"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="ml-auto h-5 w-5 text-gray-400"><path fill-rule="evenodd" d="M3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path></svg><span class="sr-only">No</span></td><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td></tr></tbody><tbody class="divide-y divide-gray-200"><tr class="border-t border-gray-200"><th scope="row" class="py-5 px-4 text-sm leading-5 font-normal text-gray-500 text-left">
|
|
Name
|
|
</th><td class="py-5 pr-4"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="ml-auto h-5 w-5 text-green-500"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="sr-only">Yes</span></td><td class="py-5 pr-4"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="ml-auto h-5 w-5 text-gray-400"><path fill-rule="evenodd" d="M3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path></svg><span class="sr-only">No</span></td><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td></tr></tbody><tbody class="divide-y divide-gray-200"><tr class="border-t border-gray-200"><th scope="row" class="py-5 px-4 text-sm leading-5 font-normal text-gray-500 text-left">
|
|
Name
|
|
</th><td class="py-5 pr-4"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="ml-auto h-5 w-5 text-green-500"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg><span class="sr-only">Yes</span></td><td class="py-5 pr-4"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="ml-auto h-5 w-5 text-gray-400"><path fill-rule="evenodd" d="M3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path></svg><span class="sr-only">No</span></td><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td></tr></tbody><tbody class="divide-y divide-gray-200"><tr class="border-t border-gray-200"><th scope="row" class="py-5 px-4 text-sm leading-5 font-normal text-gray-500 text-left">
|
|
Name
|
|
</th><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td></tr></tbody></table><table class="mt-8 w-full"><caption class="bg-gray-100 border-t border-gray-200 py-3 px-4 text-sm leading-5 font-medium text-gray-900 text-left">
|
|
Specs
|
|
</caption><tbody class="divide-y divide-gray-200"><tr class="border-t border-gray-200"><th scope="row" class="py-5 px-4 text-sm leading-5 font-normal text-gray-500 text-left">
|
|
Name
|
|
</th><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td></tr></tbody><tbody class="divide-y divide-gray-200"><tr class="border-t border-gray-200"><th scope="row" class="py-5 px-4 text-sm leading-5 font-normal text-gray-500 text-left">
|
|
Name
|
|
</th><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td></tr></tbody><tbody class="divide-y divide-gray-200"><tr class="border-t border-gray-200"><th scope="row" class="py-5 px-4 text-sm leading-5 font-normal text-gray-500 text-left">
|
|
Name
|
|
</th><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td></tr></tbody><tbody class="divide-y divide-gray-200"><tr class="border-t border-gray-200"><th scope="row" class="py-5 px-4 text-sm leading-5 font-normal text-gray-500 text-left">
|
|
Name
|
|
</th><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td></tr></tbody></table><table class="mt-8 w-full"><caption class="bg-gray-100 border-t border-gray-200 py-3 px-4 text-sm leading-5 font-medium text-gray-900 text-left">
|
|
Specs
|
|
</caption><tbody class="divide-y divide-gray-200"><tr class="border-t border-gray-200"><th scope="row" class="py-5 px-4 text-sm leading-5 font-normal text-gray-500 text-left">
|
|
Name
|
|
</th><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td></tr></tbody><tbody class="divide-y divide-gray-200"><tr class="border-t border-gray-200"><th scope="row" class="py-5 px-4 text-sm leading-5 font-normal text-gray-500 text-left">
|
|
Name
|
|
</th><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td></tr></tbody><tbody class="divide-y divide-gray-200"><tr class="border-t border-gray-200"><th scope="row" class="py-5 px-4 text-sm leading-5 font-normal text-gray-500 text-left">
|
|
Name
|
|
</th><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td></tr></tbody><tbody class="divide-y divide-gray-200"><tr class="border-t border-gray-200"><th scope="row" class="py-5 px-4 text-sm leading-5 font-normal text-gray-500 text-left">
|
|
Name
|
|
</th><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td><td class="py-5 pr-4"><span class="block text-sm leading-5 text-gray-700 text-right">specification</span></td></tr></tbody></table></div><div class="hidden lg:block"><table class="w-full h-px table-fixed"><thead><tr><th scope="col" class="pb-4 px-6 text-sm leading-5 font-medium text-gray-900 text-left"><span class="sr-only">Feature by</span><span>Plans</span></th><th scope="col" class="w-1/4 pb-4 px-6 text-lg leading-6 font-medium text-gray-900 text-left">
|
|
Basic
|
|
</th><th scope="col" class="w-1/4 pb-4 px-6 text-lg leading-6 font-medium text-gray-900 text-left">
|
|
Essential
|
|
</th><th scope="col" class="w-1/4 pb-4 px-6 text-lg leading-6 font-medium text-gray-900 text-left">
|
|
Premium
|
|
</th></tr></thead><tbody class="border-t border-gray-200 divide-y divide-gray-200"><tr><th colspan="4" scope="colgroup" class="bg-gray-100 py-3 pl-6 text-sm leading-5 font-medium text-gray-900 text-left">
|
|
Specs
|
|
</th></tr><tr><th scope="row" class="py-5 px-6 text-sm leading-5 font-normal text-gray-500 text-left">
|
|
Name
|
|
</th><td class="py-5 px-6"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-green-500"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg></td><td class="py-5 px-6"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-gray-400"><path fill-rule="evenodd" d="M3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path></svg></td><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td></tr><tr><th scope="row" class="py-5 px-6 text-sm leading-5 font-normal text-gray-500 text-left">
|
|
Name
|
|
</th><td class="py-5 px-6"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-green-500"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg></td><td class="py-5 px-6"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-gray-400"><path fill-rule="evenodd" d="M3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path></svg></td><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td></tr><tr><th scope="row" class="py-5 px-6 text-sm leading-5 font-normal text-gray-500 text-left">
|
|
Name
|
|
</th><td class="py-5 px-6"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-green-500"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg></td><td class="py-5 px-6"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-gray-400"><path fill-rule="evenodd" d="M3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path></svg></td><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td></tr><tr><th scope="row" class="py-5 px-6 text-sm leading-5 font-normal text-gray-500 text-left">
|
|
Name
|
|
</th><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td></tr></tbody><tbody class="border-t border-gray-200 divide-y divide-gray-200"><tr><th colspan="4" scope="colgroup" class="bg-gray-100 py-3 pl-6 text-sm leading-5 font-medium text-gray-900 text-left">
|
|
Specs
|
|
</th></tr><tr><th scope="row" class="py-5 px-6 text-sm leading-5 font-normal text-gray-500 text-left">
|
|
Name
|
|
</th><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td></tr><tr><th scope="row" class="py-5 px-6 text-sm leading-5 font-normal text-gray-500 text-left">
|
|
Name
|
|
</th><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td></tr><tr><th scope="row" class="py-5 px-6 text-sm leading-5 font-normal text-gray-500 text-left">
|
|
Name
|
|
</th><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td></tr><tr><th scope="row" class="py-5 px-6 text-sm leading-5 font-normal text-gray-500 text-left">
|
|
Name
|
|
</th><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td></tr></tbody><tbody class="border-t border-gray-200 divide-y divide-gray-200"><tr><th colspan="4" scope="colgroup" class="bg-gray-100 py-3 pl-6 text-sm leading-5 font-medium text-gray-900 text-left">
|
|
Specs
|
|
</th></tr><tr><th scope="row" class="py-5 px-6 text-sm leading-5 font-normal text-gray-500 text-left">
|
|
Name
|
|
</th><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td></tr><tr><th scope="row" class="py-5 px-6 text-sm leading-5 font-normal text-gray-500 text-left">
|
|
Name
|
|
</th><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td></tr><tr><th scope="row" class="py-5 px-6 text-sm leading-5 font-normal text-gray-500 text-left">
|
|
Name
|
|
</th><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td></tr><tr><th scope="row" class="py-5 px-6 text-sm leading-5 font-normal text-gray-500 text-left">
|
|
Name
|
|
</th><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td><td class="py-5 px-6"><span class="block text-sm leading-5 text-gray-700">specification</span></td></tr></tbody></table></div></div></div><!----><!----><!----><!----><div class="bg-white" data-v-3ae29a2a><div class="max-w-7xl mx-auto py-16 px-4 sm:px-6 lg:py-24 lg:px-8"><div class="grid grid-cols-1 gap-16"><div class="lg:grid lg:grid-cols-3 lg:gap-8"><h2 class="text-4xl mb-6 leading-tight font-semibold font-heading">
|
|
Get in touch
|
|
</h2><div class="mt-8 grid grid-cols-1 gap-12 sm:grid-cols-2 sm:gap-x-8 sm:gap-y-12 lg:mt-0 lg:col-span-2"><div><h4 class="text-lg leading-6 font-medium text-gray-700">
|
|
Title
|
|
</h4><div class="mt-2 text-base leading-6 text-gray-500"><div>
|
|
e@mail.com
|
|
</div></div><div class="mt-1">
|
|
+1 (555) 123-4567
|
|
</div></div><div><h4 class="text-lg leading-6 font-medium text-gray-700">
|
|
Title
|
|
</h4><div class="mt-2 text-base leading-6 text-gray-500"><div>
|
|
e@mail.com
|
|
</div></div><div class="mt-1">
|
|
+1 (555) 123-4567
|
|
</div></div><div><h4 class="text-lg leading-6 font-medium text-gray-700">
|
|
Title
|
|
</h4><div class="mt-2 text-base leading-6 text-gray-500"><div>
|
|
e@mail.com
|
|
</div></div><div class="mt-1">
|
|
+1 (555) 123-4567
|
|
</div></div><div><h4 class="text-lg leading-6 font-medium text-gray-700">
|
|
Title
|
|
</h4><div class="mt-2 text-base leading-6 text-gray-500"><div>
|
|
e@mail.com
|
|
</div></div><div class="mt-1">
|
|
+1 (555) 123-4567
|
|
</div></div></div></div></div></div><div class="border-t-2 border-gray-100"></div></div></div><footer class="bg-white" data-v-4a61962a><div class="max-w-screen-xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8" data-v-4a61962a><div class="xl:grid xl:grid-cols-3 xl:gap-8" data-v-4a61962a><div class="space-y-8 xl:col-span-1" data-v-4a61962a><img alt="Company name" src="/img/tf_icon_black.svg" class="h-10 g-image" data-v-4a61962a data-v-4a61962a><p class="text-gray-500 text-base leading-6" data-v-4a61962a>
|
|
SLOGAN
|
|
</p><div class="flex space-x-6" data-v-4a61962a><!----><!----><!----><!----><!----></div></div><div class="mt-12 grid md:grid-cols-4 sm:grid-cols-2 xl:mt-0 xl:col-span-2" data-v-4a61962a><div class="md:grid md:grid-cols-3" data-v-4a61962a><div data-v-4a61962a><h4 class="text-sm leading-5 font-semibold text-gray-400 tracking-wider uppercase" data-v-4a61962a>
|
|
TITLE
|
|
</h4><ul class="mt-4 space-y-4 footerlink" data-v-4a61962a><li data-v-4a61962a><a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900" data-v-4a61962a>
|
|
Link
|
|
</a></li><li data-v-4a61962a><a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900" data-v-4a61962a>
|
|
Link
|
|
</a></li><li data-v-4a61962a><a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900" data-v-4a61962a>
|
|
Link
|
|
</a></li><li data-v-4a61962a><a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900" data-v-4a61962a>
|
|
Link
|
|
</a></li></ul></div></div><div class="md:grid md:grid-cols-3" data-v-4a61962a><div data-v-4a61962a><h4 class="text-sm leading-5 font-semibold text-gray-400 tracking-wider uppercase" data-v-4a61962a>
|
|
TITLE
|
|
</h4><ul class="mt-4 space-y-4 footerlink" data-v-4a61962a><li data-v-4a61962a><a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900" data-v-4a61962a>
|
|
Link
|
|
</a></li><li data-v-4a61962a><a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900" data-v-4a61962a>
|
|
Link
|
|
</a></li><li data-v-4a61962a><a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900" data-v-4a61962a>
|
|
Link
|
|
</a></li><li data-v-4a61962a><a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900" data-v-4a61962a>
|
|
Link
|
|
</a></li></ul></div></div><div class="md:grid md:grid-cols-3" data-v-4a61962a><div data-v-4a61962a><h4 class="text-sm leading-5 font-semibold text-gray-400 tracking-wider uppercase" data-v-4a61962a>
|
|
TITLE
|
|
</h4><ul class="mt-4 space-y-4 footerlink" data-v-4a61962a><li data-v-4a61962a><a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900" data-v-4a61962a>
|
|
Link
|
|
</a></li><li data-v-4a61962a><a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900" data-v-4a61962a>
|
|
Link
|
|
</a></li><li data-v-4a61962a><a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900" data-v-4a61962a>
|
|
Link
|
|
</a></li><li data-v-4a61962a><a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900" data-v-4a61962a>
|
|
Link
|
|
</a></li></ul></div></div><div class="md:grid md:grid-cols-3" data-v-4a61962a><div data-v-4a61962a><h4 class="text-sm leading-5 font-semibold text-gray-400 tracking-wider uppercase" data-v-4a61962a>
|
|
TITLE
|
|
</h4><ul class="mt-4 space-y-4 footerlink" data-v-4a61962a><li data-v-4a61962a><a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900" data-v-4a61962a>
|
|
Link
|
|
</a></li><li data-v-4a61962a><a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900" data-v-4a61962a>
|
|
Link
|
|
</a></li><li data-v-4a61962a><a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900" data-v-4a61962a>
|
|
Link
|
|
</a></li><li data-v-4a61962a><a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900" data-v-4a61962a>
|
|
Link
|
|
</a></li></ul></div></div></div></div><div class="mt-12 border-t border-gray-200 pt-8" data-v-4a61962a><p class="text-base leading-6 text-gray-400 xl:text-center" data-v-4a61962a>
|
|
© 2021 ThreeFold, All rights reserved.
|
|
</p></div></div></footer></div> <script>window.__INITIAL_STATE__={"data":{"markdownPage":{"id":"page3","path":"\u002Fpage3\u002F","excerpt":" ","header_excerpt":"","header_altImg":"","header_title":"","header_image":null,"solution_image":{"type":"image","mimeType":"image\u002Fpng","src":"\u002Fassets\u002Fstatic\u002Fimage_name.1b91758.83cd44f1190394b57de798f5c9bd7931.png","size":{"width":480,"height":480},"sizes":"(max-width: 480px) 100vw, 480px","srcset":["\u002Fassets\u002Fstatic\u002Fimage_name.1b91758.83cd44f1190394b57de798f5c9bd7931.png 480w"],"dataUri":"data:image\u002Fsvg+xml,%3csvg fill='none' viewBox='0 0 480 480' xmlns='http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg' xmlns:xlink='http:\u002F\u002Fwww.w3.org\u002F1999\u002Fxlink'%3e%3cdefs%3e%3cfilter id='__svg-blur-7d1539613d2c63b50eb458dc95c70f4e'%3e%3cfeGaussianBlur in='SourceGraphic' stdDeviation='40'\u002F%3e%3c\u002Ffilter%3e%3c\u002Fdefs%3e%3cimage x='0' y='0' filter='url(%23__svg-blur-7d1539613d2c63b50eb458dc95c70f4e)' width='480' height='480' xlink:href='data:image\u002Fpng%3bbase64%2ciVBORw0KGgoAAAANSUhEUgAAAEAAAABACAIAAAAlC%2baJAAAACXBIWXMAAC4jAAAuIwF4pT92AAAB40lEQVRo3u2WSWsCQRCF8\u002F\u002F\u002FiBf1pl5UFFxj3MaJ%2b4I6RlwQFZeLJvmwyZBDCAnk0JJXh6amZw799XtVNQ9vdx4PAhCAAAQgAAEIQAACEIAABCAAAQhAAPcN8PrLkAJ\u002FB2Cu83Q6eZ738oPgs\u002FV6bRHA9XplzWaz1Wq10%2bm4rvv8bQwGg3g8vlwufXgrFGg0Go7jJBKJWq1Wr9efPsXjLUqlUqVSSafTrVar1%2btNJhO7ALjaTCZjjoVJLpeLKVajjy\u002FUbrdDqG63O51OrQMoFArz%2bZwkl8uxsgkGK54pl8sUCfl%2bv8djlgLk83kA8FKxWMRF5i2OwjkcF9%2bfz%2bfD4YDT7FVgNpuRLxYLs4lbADCf0XmSySS1Sw3YC2COxUo7cm7hzziSzWYTCoXQB1PZWMTGQs1mE8fzGAgEKFz\u002FiCahvlOp1HA4tBGAjhmJRHCI2cdIaMLb7XbLudEEME4Pp40KtNvtWCwWjUbNVKbbjMfjcDgcDAbNBOj3%2b5CMRiOomAPW1YDpLYhAQqOk52AhJoN55PqRiITTw8CXFilgJhTG4JrRwb0FRsIn\u002FiO91f\u002FFYJ%2bBbd2vxPF4xBXeR0xv4X0V7K9WK\u002F1OC0AAAhCAAAQgAAEIQAACEIAABCAAAQjgXwO8A7hFdMkvglRqAAAAAElFTkSuQmCC' \u002F%3e%3c\u002Fsvg%3e"},"slides":[],"header":{"title":"TITLE","subtitle":"Subtitle","content":"\u003Cp\u003ELorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.\u003C\u002Fp\u003E\n","btn1":"Button","link1":"","btn2":"Button","link2":""},"cards":[],"howItWorks":[],"howItWorksMain":null,"productsMain":null,"productData":[],"featuresMain":null,"features":[],"comparisonMain":null,"comparisonSecs":[],"roadmap":[],"pricing_plansMain":{"id":"pricing","title":"Title","button1":"Button","button2":"Button","excerpt":"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type"},"pricingPlans":[{"id":"plan1","title":"Title","excerpt":"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type","price":"$","duration":"mo","button":"Button","link":"","includeTitle":"What's included?","options":["potenti felis","in cras at at ligula nunc","orci neque eget pellentesque"]},{"id":"plan2","title":"Title","excerpt":"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type","price":"$","duration":"mo","button":"Button","link":"","includeTitle":"What's included?","options":["potenti felis","in cras at at ligula nunc","orci neque eget pellentesque"]},{"id":"plan3","title":"Title","excerpt":"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type","price":"$","duration":"mo","button":"Button","link":"","includeTitle":"What's included?","options":["potenti felis","in cras at at ligula nunc","orci neque eget pellentesque"]},{"id":"plan4","title":"Title","excerpt":"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type","price":"$","duration":"mo","button":"Button","link":"","includeTitle":"What's included?","options":["potenti felis","in cras at at ligula nunc","orci neque eget pellentesque"]}],"plans":[{"id":"sec1","title":"Specs","rows":[{"title":"Name","firstCol":"include","secCol":"none","thirdCol":"specification"},{"title":"Name","firstCol":"include","secCol":"none","thirdCol":"specification"},{"title":"Name","firstCol":"include","secCol":"none","thirdCol":"specification"},{"title":"Name","firstCol":"specification","secCol":"specification","thirdCol":"specification"}]},{"id":"sec2","title":"Specs","rows":[{"title":"Name","firstCol":"specification","secCol":"specification","thirdCol":"specification"},{"title":"Name","firstCol":"specification","secCol":"specification","thirdCol":"specification"},{"title":"Name","firstCol":"specification","secCol":"specification","thirdCol":"specification"},{"title":"Name","firstCol":"specification","secCol":"specification","thirdCol":"specification"}]},{"id":"sec3","title":"Specs","rows":[{"title":"Name","firstCol":"specification","secCol":"specification","thirdCol":"specification"},{"title":"Name","firstCol":"specification","secCol":"specification","thirdCol":"specification"},{"title":"Name","firstCol":"specification","secCol":"specification","thirdCol":"specification"},{"title":"Name","firstCol":"specification","secCol":"specification","thirdCol":"specification"}]}],"logos":[],"cta":null,"signup":null,"brandPanel":null,"contactData":[{"id":"contact1","title":"Title","mail":"e@mail.com","phone":"+1 (555) 123-4567"},{"id":"contact2","title":"Title","mail":"e@mail.com","phone":"+1 (555) 123-4567"},{"id":"contact3","title":"Title","mail":"e@mail.com","phone":"+1 (555) 123-4567"},{"id":"contact4","title":"Title","mail":"e@mail.com","phone":"+1 (555) 123-4567"}]}},"context":{}};(function(){var s;(s=document.currentScript||document.scripts[document.scripts.length-1]).parentNode.removeChild(s);}());</script><script src="/assets/js/app.e2a4e8c6.js" defer></script><script src="/assets/js/page--src--templates--markdown-page-vue.cccc57cb.js" defer></script>
|
|
</body>
|
|
|
|
</html> |