2022-11-15 11:11:07 +00:00
<!DOCTYPE html>
< html lang = "en" charset = "utf-8" >
< head >
< meta name = "generator" content = "Zola v.0.13.0 - getzola.org" / >
2022-12-20 12:13:56 +00:00
< title > OurPhone< / title >
< meta property = "og:title" content = "OurPhone" / >
2022-11-15 11:11:07 +00:00
<!-- Required meta categories -->
< meta charset = "utf-8" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
<!-- **** BEGINNING, favicons **** -->
<!-- generics -->
<!-- iOS -->
<!-- Android -->
<!-- Windows 8, IE 10 -->
<!-- Windows 8.1 and up, IE 11 -->
<!-- **** CONCLUSION, favicons **** -->
<!-- CSS/SCSS -->
2023-07-13 11:01:20 +00:00
< link rel = "stylesheet" href = "https://ourphone.tf/css/index.css?h=5799d43775da59ef5d2ca88a23a48a90600f2cde78709878bdcde6d51b76c93d" / > < style > @ -moz-document url-prefix ( ) { . lazy : -moz-loading { visibility : hidden ; } } . ieOnly { display : none ; } @ media all and ( -ms-high-contrast : none ) , ( -ms-high-contrast : active ) { . ieOnly { display : block ; } } < / style >
2022-11-15 11:11:07 +00:00
< / head >
< body >
<!--
Tailwind UI components require Tailwind CSS v1.8 and the @tailwindcss/ui plugin.
Read the documentation to get started: https://tailwindui.com/documentation
--><!-- This example requires Tailwind CSS v1.4.0+ -->
< script type = "text/javascript" >
var displayedMenu = "";
var hamburgerShown = false;
let width = screen.width;
var isMobile = width < 1024 ;
function toggleMenu(button) {
if (displayedMenu === button.id.split("-")[0]) {
button.className = button.className.replace(" text-blue-500 bg-stone-200 sm:bg-transparent", " text-gray-900");
hideMenu(button.id.split("-")[0]);
button.lastElementChild.className = button.lastElementChild.className.replace("rotate-0", "-rotate-90")
displayedMenu = "";
}
else {
showMenu(button.id.split("-")[0]);
button.lastElementChild.className = button.lastElementChild.className.replace("-rotate-90", "rotate-0")
button.className = button.className.replace(" text-gray-900", " text-blue-500 bg-stone-200 sm:bg-transparent");
displayedMenu = button.id.split("-")[0]
}
}
function handleClick(button) {
if (button.id === "hamburger-btn" || button.id === "close-hamburger-btn") { toggleHamburger() }
if (button.id.indexOf("menu") !== -1 ) {
toggleMenu(button)
}
}
function toggleHamburger() {
if (hamburgerShown) {
hideHamburger();
hamburgerShown = false;
}
else {
showHamburger();
hamburgerShown = true;
}
}
function showMenu(menuName) {
var menuId = menuName + (isMobile ? '-mobile-menu' : '-menu');
var menuBtnId = menuName + (isMobile ? '-mobile-menu' : '-menu');
var menuElement = document.getElementById(menuId)
menuElement.className = menuElement.className.replace(" hidden" , "");
setTimeout(function() { menuElement.className = menuElement.className.replace("duration-200 ease-in opacity-0 -translate-y-1", "duration-150 ease-out opacity-1 -translate-y-0"); }, 10);
}
function hideMenu(menuName) {
var menuId = menuName + (isMobile ? '-mobile-menu' : '-menu');
var menuElement = document.getElementById(menuId)
menuElement.className = menuElement.className.replace("duration-150 ease-out opacity-1 -translate-y-0", "duration-200 ease-in opacity-0 -translate-y-1");
setTimeout(function() { menuElement.className = menuElement.className + " hidden" }, 300);
}
function showHamburger() {
document.getElementById('header-container').className = "overflow-hidden";
document.getElementById('hamburger').className = "fixed mt-16 z-20 top-0 inset-x-0 transition transform origin-top-right";
document.getElementById('hamburger-btn').className = "hidden lg:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
document.getElementById('close-hamburger-btn').className = "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
}
function hideHamburger() {
document.getElementById('header-container').className = "";
document.getElementById('hamburger').className = "hidden absolute z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden";
document.getElementById('hamburger-btn').className = "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
document.getElementById('close-hamburger-btn').className = "hidden lg:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
if (displayedMenu !== "") { hideMenu(displayedMenu); }
}
window.onload = function(){
let elements = document.getElementsByTagName("button");
let buttons = [...elements]
buttons.forEach((button) => {
button.addEventListener( 'click', function() { handleClick(button) });
})
document.getElementById("mobile-learn-btn").addEventListener( 'click', toggleMenu);
}
< / script >
<!-- set variables used for header template -->
2023-07-13 11:01:20 +00:00
<!--
Tailwind UI components require Tailwind CSS v1.8 and the @tailwindcss/ui plugin.
Read the documentation to get started: https://tailwindui.com/documentation
--><!-- This example requires Tailwind CSS v1.4.0+ -->
< script type = "text/javascript" >
var displayedMenu = "";
var hamburgerShown = false;
let width = screen.width;
var isMobile = width < 1024 ;
function toggleMenu(button) {
if (displayedMenu === button.id.split("-")[0]) {
button.className = button.className.replace(" text-blue-500 bg-stone-200 sm:bg-transparent", " text-gray-900");
hideMenu(button.id.split("-")[0]);
button.lastElementChild.className = button.lastElementChild.className.replace("rotate-0", "-rotate-90")
displayedMenu = "";
}
else {
showMenu(button.id.split("-")[0]);
button.lastElementChild.className = button.lastElementChild.className.replace("-rotate-90", "rotate-0")
button.className = button.className.replace(" text-gray-900", " text-blue-500 bg-stone-200 sm:bg-transparent");
displayedMenu = button.id.split("-")[0]
}
}
function handleClick(button) {
if (button.id === "hamburger-btn" || button.id === "close-hamburger-btn") { toggleHamburger() }
if (button.id.indexOf("menu") !== -1 ) {
toggleMenu(button)
}
}
function toggleHamburger() {
if (hamburgerShown) {
hideHamburger();
hamburgerShown = false;
}
else {
showHamburger();
hamburgerShown = true;
}
}
function showMenu(menuName) {
var menuId = menuName + (isMobile ? '-mobile-menu' : '-menu');
var menuBtnId = menuName + (isMobile ? '-mobile-menu' : '-menu');
var menuElement = document.getElementById(menuId)
menuElement.className = menuElement.className.replace(" hidden" , "");
setTimeout(function() { menuElement.className = menuElement.className.replace("duration-200 ease-in opacity-0 -translate-y-1", "duration-150 ease-out opacity-1 -translate-y-0"); }, 10);
}
function hideMenu(menuName) {
var menuId = menuName + (isMobile ? '-mobile-menu' : '-menu');
var menuElement = document.getElementById(menuId)
menuElement.className = menuElement.className.replace("duration-150 ease-out opacity-1 -translate-y-0", "duration-200 ease-in opacity-0 -translate-y-1");
setTimeout(function() { menuElement.className = menuElement.className + " hidden" }, 300);
}
function showHamburger() {
document.getElementById('header-container').className = "overflow-hidden";
document.getElementById('hamburger').className = "fixed mt-16 z-20 top-0 inset-x-0 transition transform origin-top-right";
document.getElementById('hamburger-btn').className = "hidden lg:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
document.getElementById('close-hamburger-btn').className = "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
}
function hideHamburger() {
document.getElementById('header-container').className = "";
document.getElementById('hamburger').className = "hidden absolute z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden";
document.getElementById('hamburger-btn').className = "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
document.getElementById('close-hamburger-btn').className = "hidden lg:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
if (displayedMenu !== "") { hideMenu(displayedMenu); }
}
window.onload = function(){
let elements = document.getElementsByTagName("button");
let buttons = [...elements]
buttons.forEach((button) => {
button.addEventListener( 'click', function() { handleClick(button) });
})
document.getElementById("mobile-learn-btn").addEventListener( 'click', toggleMenu);
}
< / script >
< header id = "header-container" >
< div class = "z-10 bg-white fixed w-screen" >
< div class = "relative z-50 shadow" >
< div class = "mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pl-0 md:pr-0 lg:py-5 sm:px-8 md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20" >
< div >
< a href = "/" class = "flex" >
< img class = "w-48 h-auto sm:w-15" src = "/images/logo_placeholder.png" alt = "Ourworld Logo" / >
< / a >
< / div >
< div class = "-mr-2 -my-2 lg:hidden" >
< button id = "hamburger-btn" type = "button" class = "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2" >
<!-- Heroicon name: menu -->
2022-11-15 11:11:07 +00:00
< svg class = "h-6 w-6" xmlns = "http://www.w3.org/2000/svg" fill = "none" viewBox = "0 0 24 24" stroke = "currentColor" >
2023-07-13 11:01:20 +00:00
< path stroke-linecap = "round" stroke-linejoin = "round" stroke-width = "2" d = "M4 6h16M4 12h16M4 18h16" / >
2022-11-15 11:11:07 +00:00
< / svg >
2023-07-13 11:01:20 +00:00
< / button >
< button id = "close-hamburger-btn" type = "button" class = "hidden lg:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2" >
<!-- Heroicon name: x -->
< svg class = "h-6 w-6" xmlns = "http://www.w3.org/2000/svg" fill = "none" viewBox = "0 0 24 24" stroke = "currentColor" >
< path stroke-linecap = "round" stroke-linejoin = "round" stroke-width = "2" d = "M6 18L18 6M6 6l12 12" / >
< / svg >
< / button >
2022-11-15 11:11:07 +00:00
< / div >
2023-07-13 11:01:20 +00:00
< div class = "hidden lg:flex-1 lg:flex lg:items-center lg:justify-end lg:space-x-12" >
< nav class = "flex space-x-10" >
2022-11-15 11:11:07 +00:00
2023-07-13 11:01:20 +00:00
< a href = "/" class = "text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0" >
OURPHONE
< / a >
< a href = "/buynow" class = "text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0" >
BUYNOW
< / a >
< a href = "/specs" class = "text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0" >
SPECS
< / a >
2023-07-13 12:03:16 +00:00
< a href = "/technology" class = "text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0" >
TECHNOLOGY
2023-07-13 11:01:20 +00:00
< / a >
2023-07-13 12:03:16 +00:00
< a href = "https://ourverse.tf/" target = "_blank" class = "text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0" >
OURVERSE
2023-07-13 11:01:20 +00:00
< / a >
< / nav >
< / div >
< / div >
< / div >
< nav >
< div id = "a-href-22-22-ourphone-a-menu" class = "mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden" >
< div class = "bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white" >
< div class = "mx-8 lg:mx-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12" >
< / div >
< / div >
< / div >
< / nav >
< nav >
< div id = "a-href-22-buynow-22-buynow-a-menu" class = "mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden" >
< div class = "bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white" >
< div class = "mx-8 lg:mx-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12" >
< / div >
< / div >
< / div >
< / nav >
< nav >
< div id = "a-href-22-specs-22-specs-a-menu" class = "mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden" >
< div class = "bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white" >
< div class = "mx-8 lg:mx-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12" >
< / div >
< / div >
< / div >
< / nav >
< nav >
2023-07-13 12:03:16 +00:00
< div id = "a-href-22-technology-22-technology-a-menu" class = "mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden" >
2023-07-13 11:01:20 +00:00
< div class = "bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white" >
< div class = "mx-8 lg:mx-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12" >
< / div >
< / div >
< / div >
< / nav >
2022-11-15 11:11:07 +00:00
2023-07-13 11:01:20 +00:00
< nav >
2023-07-13 12:03:16 +00:00
< div id = "a-href-22https-ourverse-tf-22-ourverse-a-menu" class = "mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden" >
2023-07-13 11:01:20 +00:00
< div class = "bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white" >
< div class = "mx-8 lg:mx-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12" >
< / ul >
< / div >
< / div >
< / div >
< / nav >
<!--
Mobile menu, show/hide based on mobile menu state.
Entering: "duration-200 ease-out"
From: "opacity-0 scale-95"
To: "opacity-100 scale-100"
Leaving: "duration-100 ease-in"
From: "opacity-100 scale-100"
To: "opacity-0 scale-95"
-->
< div id = "hamburger" class = "hidden fixed mt-16 z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden" >
< div >
< div class = "shadow-xs h-screen bg-white divide-y-2 divide-gray-50" >
< div class = "pb-6 sm:px-12 md:px-16 lg:px-20 space-y-6 sm:space-y-8 sm:pb-8 max-h-screen overflow-y-auto" >
< nav class = "flex flex-col justify-around pb-12" >
2022-11-15 11:11:07 +00:00
2023-07-13 11:01:20 +00:00
2022-11-15 11:11:07 +00:00
2023-07-13 11:01:20 +00:00
< a href = "/" class = "text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150" >
OURPHONE
< / a >
2022-12-16 14:24:00 +00:00
< hr / >
2023-07-13 11:01:20 +00:00
2022-12-16 14:24:00 +00:00
2023-07-13 11:01:20 +00:00
< a href = "/buynow" class = "text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150" >
BUYNOW
< / a >
2022-12-16 14:24:00 +00:00
2022-11-15 11:11:07 +00:00
< hr / >
2023-07-13 11:01:20 +00:00
2022-11-15 11:11:07 +00:00
2023-07-13 11:01:20 +00:00
< a href = "/specs" class = "text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150" >
SPECS
< / a >
2022-11-15 11:11:07 +00:00
< hr / >
2023-07-13 11:01:20 +00:00
2022-11-15 11:11:07 +00:00
2023-07-13 11:01:20 +00:00
2023-07-13 12:03:16 +00:00
< a href = "/technology" class = "text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150" >
TECHNOLOGY
2023-07-13 11:01:20 +00:00
< / a >
< hr / >
2022-11-15 11:11:07 +00:00
2023-07-13 11:01:20 +00:00
2023-07-13 12:03:16 +00:00
< a href = "https://ourverse.tf/" class = "text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150" >
OURVERSE
2023-07-13 11:01:20 +00:00
< / a >
< hr / >
< / nav >
< / div >
2022-11-15 11:11:07 +00:00
< / div >
2023-07-13 11:01:20 +00:00
< / div >
< / div >
< / header >
2022-11-15 11:11:07 +00:00
< div id = "content" class = "mx-auto overflow-hidden" >
<!-- home page template, has a banner and rows of page summaries -->
2023-07-13 11:01:20 +00:00
< div class = "container mx-auto" >
2022-11-15 11:11:07 +00:00
2023-07-13 11:01:20 +00:00
< div class = "container mx-auto" >
<!-- section 1 (header) -->
2022-11-15 11:11:07 +00:00
<!-- row shortcode
Shortcode used in markdown for the creation of mobile compatible vertical rows
Divides markdown into columns by splitting content using column identifier "|||"
Creates equal width blocks in a flex row.
Parameters:
- style:
- lean: if style is lean, the row doesn't have outer margins
- bgPath: if bgPath is passed, the row has a full width background
-->
<!-- This fixes link & img paths in local, prod, and wth prefix -->
2023-07-13 11:01:20 +00:00
2022-11-15 11:11:07 +00:00
<!-- aligns columns depending on col number -->
<!-- Padding -->
2022-11-18 09:27:51 +00:00
2022-11-15 11:11:07 +00:00
<!-- Margins -->
2023-07-13 11:01:20 +00:00
<!-- reverse col at mobile -->
2022-11-15 11:11:07 +00:00
<!-- makes row full screen width and adds background img -->
<!-- Cancels page margins so that rows can have separate margins -->
< div id = "" class = "relative justify-center flex overflow-hidden " style = "" >
2023-07-13 11:01:20 +00:00
< div id = "" class = "relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-8 md:py-4 lg:py-24 mx-8 " style = "min-width: -webkit-fill-available; min-width: -moz-available" >
2022-11-15 11:11:07 +00:00
<!-- Hides empty columns if displayed vertically in small screen -->
< div class = "flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4" >
<!-- handles mermaid markdown content display -->
2023-07-13 11:01:20 +00:00
< br >
< p > < img src = "https://ourphone.tf/home/./img/placeholder.png#mx-auto" alt = "placeholder" / > < / p >
2022-11-15 11:11:07 +00:00
< / div >
<!-- Hides empty columns if displayed vertically in small screen -->
< div class = "flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4" >
<!-- handles mermaid markdown content display -->
2023-07-13 11:01:20 +00:00
< br >
< h1 id = "meet-ourphonetm" > Meet< br > OurPhone™< / h1 >
< p > Experience True Sovereignty at Your Fingertips < br >
with the World’ s First Truly Decentralized Smartphone.< / p >
< p > < button > < a href = "https://ourphone.tf/specs" > Learn More< / a > < / button > < / p >
2022-11-15 11:11:07 +00:00
< / div >
< / div >
2022-12-19 11:30:06 +00:00
< / div > <!-- section 2 security -->
2022-11-15 11:11:07 +00:00
<!-- row shortcode
Shortcode used in markdown for the creation of mobile compatible vertical rows
Divides markdown into columns by splitting content using column identifier "|||"
Creates equal width blocks in a flex row.
Parameters:
- style:
- lean: if style is lean, the row doesn't have outer margins
- bgPath: if bgPath is passed, the row has a full width background
-->
<!-- This fixes link & img paths in local, prod, and wth prefix -->
2023-07-13 11:01:20 +00:00
2022-11-15 11:11:07 +00:00
<!-- aligns columns depending on col number -->
2022-12-19 11:30:06 +00:00
2022-11-15 11:11:07 +00:00
<!-- Padding -->
<!-- Margins -->
2023-07-13 11:01:20 +00:00
<!-- reverse col at mobile -->
2022-11-15 11:11:07 +00:00
2023-07-13 11:01:20 +00:00
<!-- makes row semi - full screen width, strips margins -->
<!-- makes row full screen width, strips margins -->
2022-11-15 11:11:07 +00:00
<!-- makes row full screen width and adds background img -->
<!-- Cancels page margins so that rows can have separate margins -->
< div id = "" class = "relative justify-center flex overflow-hidden " style = "" >
2023-07-13 11:01:20 +00:00
< div id = "" class = "flex flex-col-reverse md:flex-row items-center mx-8 text-center lg:text-right md:text-right justify-center " style = "min-width: -webkit-fill-available; min-width: -moz-available" >
2022-11-15 11:11:07 +00:00
<!-- Hides empty columns if displayed vertically in small screen -->
2023-07-13 11:01:20 +00:00
< div class = "flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4 flex-1 m-4 lg:m-0 mx-8" >
2022-11-15 11:11:07 +00:00
<!-- handles mermaid markdown content display -->
2023-07-13 11:01:20 +00:00
< h1 id = "secure-every-click" > Secure< br > Every Click< / h1 >
< p > Every application of < strong > OurPhone™< / strong > is fully encrypted. < br >
Have no concerns about your data being manipulated or stolen.< / p >
< p > < button > < a href = "https://ourphone.tf/technology" > Learn More< / a > < / button > < / p >
2022-11-15 11:11:07 +00:00
< / div >
<!-- Hides empty columns if displayed vertically in small screen -->
2023-07-13 11:01:20 +00:00
< div class = "flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4 flex-1 m-4 lg:m-0 mx-8" >
2022-11-15 11:11:07 +00:00
<!-- handles mermaid markdown content display -->
2023-07-13 11:01:20 +00:00
< p > < img src = "https://ourphone.tf/home/./img/secure.png#mx-auto" alt = "secure" / > < / p >
2022-11-15 11:11:07 +00:00
< / div >
< / div >
2022-12-19 11:30:06 +00:00
< / div > <!-- section 3 features title -->
2022-11-15 11:11:07 +00:00
<!-- row shortcode
Shortcode used in markdown for the creation of mobile compatible vertical rows
Divides markdown into columns by splitting content using column identifier "|||"
Creates equal width blocks in a flex row.
Parameters:
- style:
- lean: if style is lean, the row doesn't have outer margins
- bgPath: if bgPath is passed, the row has a full width background
-->
<!-- This fixes link & img paths in local, prod, and wth prefix -->
<!-- aligns columns depending on col number -->
<!-- Padding -->
<!-- Margins -->
2023-07-13 11:01:20 +00:00
<!-- reverse col at mobile -->
2022-11-15 11:11:07 +00:00
2023-07-13 11:01:20 +00:00
2022-11-15 11:11:07 +00:00
<!-- makes row semi - full screen width, strips margins -->
<!-- makes row full screen width, strips margins -->
<!-- makes row full screen width and adds background img -->
<!-- Cancels page margins so that rows can have separate margins -->
< div id = "" class = "relative justify-center flex overflow-hidden " style = "" >
2023-07-13 11:01:20 +00:00
< div id = "" class = "relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pt-24 mx-8 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center " style = "min-width: -webkit-fill-available; min-width: -moz-available" >
2022-11-15 11:11:07 +00:00
<!-- Hides empty columns if displayed vertically in small screen -->
< div class = "flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4 flex-1 " >
<!-- handles mermaid markdown content display -->
2023-07-13 11:01:20 +00:00
< h1 id = "decentralized-smartphone-like-no-other" > Decentralized Smartphone < br > Like No Other< / h1 >
< p > Discover many unique features of < strong > OurPhone™< / strong > that makes it < br > the ultimate decentralized smartphone like no other.< / p >
2022-11-15 11:11:07 +00:00
< / div >
< / div >
2022-12-19 11:30:06 +00:00
< / div > <!-- row shortcode
2022-11-15 11:11:07 +00:00
Shortcode used in markdown for the creation of mobile compatible vertical rows
Divides markdown into columns by splitting content using column identifier "|||"
Creates equal width blocks in a flex row.
Parameters:
- style:
- lean: if style is lean, the row doesn't have outer margins
- bgPath: if bgPath is passed, the row has a full width background
-->
<!-- This fixes link & img paths in local, prod, and wth prefix -->
2022-12-19 11:30:06 +00:00
2022-11-15 11:11:07 +00:00
<!-- aligns columns depending on col number -->
<!-- Padding -->
<!-- Margins -->
2023-07-13 11:01:20 +00:00
<!-- reverse col at mobile -->
2022-11-15 11:11:07 +00:00
2022-12-19 11:30:06 +00:00
2022-11-15 11:11:07 +00:00
2022-12-19 11:30:06 +00:00
2022-11-15 11:11:07 +00:00
2022-12-19 11:30:06 +00:00
2023-07-13 11:01:20 +00:00
2022-12-19 11:30:06 +00:00
<!-- makes row semi - full screen width, strips margins -->
<!-- makes row full screen width, strips margins -->
2022-11-15 11:11:07 +00:00
<!-- makes row full screen width and adds background img -->
<!-- Cancels page margins so that rows can have separate margins -->
< div id = "" class = "relative justify-center flex overflow-hidden " style = "" >
2023-07-13 11:01:20 +00:00
< div id = "" class = "relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-start py-0 mx-8 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center " style = "min-width: -webkit-fill-available; min-width: -moz-available" >
2022-11-15 11:11:07 +00:00
<!-- Hides empty columns if displayed vertically in small screen -->
2022-12-19 11:30:06 +00:00
< div class = "flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4 flex-1 " >
2022-11-15 11:11:07 +00:00
<!-- handles mermaid markdown content display -->
2023-07-13 11:01:20 +00:00
< p > < img src = "https://ourphone.tf/home/./img/data.png#sm#mx-auto" alt = "Image" / > < / p >
2022-12-19 11:30:06 +00:00
< h3 id = "100-data-ownership" > 100% Data Ownership< / h3 >
< p > With < strong > OurPhone™< / strong > , you are the sole owner of your data, will always be, not some giant tech companies.< / p >
2022-11-15 11:11:07 +00:00
< / div >
<!-- Hides empty columns if displayed vertically in small screen -->
2022-12-19 11:30:06 +00:00
< div class = "flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4 flex-1 " >
2022-11-15 11:11:07 +00:00
<!-- handles mermaid markdown content display -->
2023-07-13 11:01:20 +00:00
< p > < img src = "https://ourphone.tf/home/./img/qss.png#sm#mx-auto" alt = "Image" / > < / p >
2022-12-19 11:30:06 +00:00
< h3 id = "quantum-safe-storage" > Quantum Safe Storage< / h3 >
< p > Enjoy decentralized cloud storage benefit that comes with every < strong > OurPhone™< / strong > Apps subscription.< / p >
2022-11-15 11:11:07 +00:00
< / div >
<!-- Hides empty columns if displayed vertically in small screen -->
2022-12-19 11:30:06 +00:00
< div class = "flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4 flex-1 " >
2022-11-15 11:11:07 +00:00
<!-- handles mermaid markdown content display -->
2023-07-13 11:01:20 +00:00
< p > < img src = "https://ourphone.tf/home/./img/ourapps.png#sm#mx-auto" alt = "Image" / > < / p >
2022-12-19 11:30:06 +00:00
< h3 id = "introducing-ourversetm" > Introducing < strong > OurVerse™< / strong > < / h3 >
< p > < strong > OurApps™< / strong > : decentralized SuperApps powered by < strong > OurPhone™< / strong > are ready to meet our needs.< / p >
2022-11-15 11:11:07 +00:00
< / div >
< / div >
2022-12-19 11:30:06 +00:00
< / div > <!-- row shortcode
2022-11-15 11:11:07 +00:00
Shortcode used in markdown for the creation of mobile compatible vertical rows
Divides markdown into columns by splitting content using column identifier "|||"
Creates equal width blocks in a flex row.
Parameters:
- style:
- lean: if style is lean, the row doesn't have outer margins
- bgPath: if bgPath is passed, the row has a full width background
-->
<!-- This fixes link & img paths in local, prod, and wth prefix -->
2022-12-19 11:30:06 +00:00
2022-11-15 11:11:07 +00:00
<!-- aligns columns depending on col number -->
<!-- Padding -->
<!-- Margins -->
2023-07-13 11:01:20 +00:00
<!-- reverse col at mobile -->
2022-11-15 11:11:07 +00:00
2022-12-19 11:30:06 +00:00
2022-11-15 11:11:07 +00:00
2022-12-19 11:30:06 +00:00
2023-07-13 11:01:20 +00:00
2022-12-19 11:30:06 +00:00
<!-- makes row semi - full screen width, strips margins -->
<!-- makes row full screen width, strips margins -->
2022-11-15 11:11:07 +00:00
2022-12-19 11:30:06 +00:00
2022-11-15 11:11:07 +00:00
<!-- makes row full screen width and adds background img -->
<!-- Cancels page margins so that rows can have separate margins -->
< div id = "" class = "relative justify-center flex overflow-hidden " style = "" >
2023-07-13 11:01:20 +00:00
< div id = "" class = "relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-start py-2 md:py-4 lg:pb-24 mx-8 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center " style = "min-width: -webkit-fill-available; min-width: -moz-available" >
2022-11-15 11:11:07 +00:00
<!-- Hides empty columns if displayed vertically in small screen -->
2022-12-19 11:30:06 +00:00
< div class = "flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4 flex-1 " >
2022-11-15 11:11:07 +00:00
<!-- handles mermaid markdown content display -->
2023-07-13 11:01:20 +00:00
< p > < img src = "https://ourphone.tf/home/./img/decentralized.png#sm#mx-auto" alt = "Image" / > < / p >
2022-12-19 11:30:06 +00:00
< h3 id = "decentralized-network-support" > Decentralized Network Support< / h3 >
< p > < strong > OurVerse™< / strong > are hosted on the world's largest decentralized network. Join the movement.< / p >
2022-11-15 11:11:07 +00:00
< / div >
<!-- Hides empty columns if displayed vertically in small screen -->
2022-12-19 11:30:06 +00:00
< div class = "flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4 flex-1 " >
2022-11-15 11:11:07 +00:00
<!-- handles mermaid markdown content display -->
2023-07-13 11:01:20 +00:00
< p > < img src = "https://ourphone.tf/home/./img/edge.png#sm#mx-auto" alt = "Image" / > < / p >
2022-12-19 11:30:06 +00:00
< h3 id = "edge-computing-speed" > Edge Computing Speed< / h3 >
< p > Experience unparalleled usage speed with < strong > OurVerse™< / strong > 's latest edge cloud technology.< / p >
2022-11-15 11:11:07 +00:00
< / div >
<!-- Hides empty columns if displayed vertically in small screen -->
2022-12-19 11:30:06 +00:00
< div class = "flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4 flex-1 " >
2022-11-15 11:11:07 +00:00
<!-- handles mermaid markdown content display -->
2023-07-13 11:01:20 +00:00
< p > < img src = "https://ourphone.tf/home/./img/planetary.png#sm#mx-auto" alt = "Image" / > < / p >
2022-12-19 11:30:06 +00:00
< h3 id = "fully-encrypted-communication" > Fully Encrypted Communication< / h3 >
< p > Any transfer of data is powered by < strong > Planetary Network™< / strong > : a fully encrypted network technology.< / p >
2022-11-15 11:11:07 +00:00
< / div >
2022-12-19 11:30:06 +00:00
< / div >
< / div > <!-- section 5 apps -->
<!-- row shortcode
Shortcode used in markdown for the creation of mobile compatible vertical rows
Divides markdown into columns by splitting content using column identifier "|||"
Creates equal width blocks in a flex row.
Parameters:
- style:
- lean: if style is lean, the row doesn't have outer margins
- bgPath: if bgPath is passed, the row has a full width background
-->
<!-- This fixes link & img paths in local, prod, and wth prefix -->
<!-- aligns columns depending on col number -->
<!-- Padding -->
<!-- Margins -->
2023-07-13 11:01:20 +00:00
<!-- reverse col at mobile -->
2022-12-19 11:30:06 +00:00
2023-07-13 11:01:20 +00:00
2022-12-19 11:30:06 +00:00
<!-- makes row semi - full screen width, strips margins -->
<!-- makes row full screen width, strips margins -->
<!-- makes row full screen width and adds background img -->
<!-- Cancels page margins so that rows can have separate margins -->
< div id = "" class = "relative justify-center flex overflow-hidden " style = "" >
2023-07-13 11:01:20 +00:00
< div id = "" class = "relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pt-24 mx-8 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center " style = "min-width: -webkit-fill-available; min-width: -moz-available" >
2022-12-19 11:30:06 +00:00
2022-11-15 11:11:07 +00:00
<!-- Hides empty columns if displayed vertically in small screen -->
2022-12-19 11:30:06 +00:00
< div class = "flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4 flex-1 " >
2022-11-15 11:11:07 +00:00
<!-- handles mermaid markdown content display -->
2023-07-13 11:01:20 +00:00
< h1 id = "ourversetm-our-limitless-possibilities" > OurVerse™ < br > Our Limitless Possibilities< / h1 >
2022-12-19 11:30:06 +00:00
< p > Unlock limitless capabilities with < strong > OurVerse™< / strong > SuperApps that meet our daily needs and protect our data sovereignty.< / p >
2022-11-15 11:11:07 +00:00
< / div >
< / div >
2022-12-19 11:30:06 +00:00
< / div > <!-- row shortcode
2022-11-15 11:11:07 +00:00
Shortcode used in markdown for the creation of mobile compatible vertical rows
Divides markdown into columns by splitting content using column identifier "|||"
Creates equal width blocks in a flex row.
Parameters:
- style:
- lean: if style is lean, the row doesn't have outer margins
- bgPath: if bgPath is passed, the row has a full width background
-->
<!-- This fixes link & img paths in local, prod, and wth prefix -->
2022-12-19 11:30:06 +00:00
2022-11-15 11:11:07 +00:00
<!-- aligns columns depending on col number -->
<!-- Padding -->
<!-- Margins -->
2023-07-13 11:01:20 +00:00
<!-- reverse col at mobile -->
2022-11-15 11:11:07 +00:00
2023-07-13 11:01:20 +00:00
2022-11-15 11:11:07 +00:00
<!-- makes row semi - full screen width, strips margins -->
<!-- makes row full screen width, strips margins -->
<!-- makes row full screen width and adds background img -->
<!-- Cancels page margins so that rows can have separate margins -->
< div id = "" class = "relative justify-center flex overflow-hidden " style = "" >
2023-07-13 11:01:20 +00:00
< div id = "" class = "relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pb-24 mx-8 text-center items-center " style = "min-width: -webkit-fill-available; min-width: -moz-available" >
2022-11-15 11:11:07 +00:00
<!-- Hides empty columns if displayed vertically in small screen -->
< div class = "flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4 flex-1 " >
<!-- handles mermaid markdown content display -->
2023-07-13 11:01:20 +00:00
< p > < img src = "https://ourphone.tf/home/./img/manyapps.png#mx-auto" alt = "Image" / > < / p >
2022-12-19 11:30:06 +00:00
< br >
2023-07-13 11:01:20 +00:00
< p > < button > < a href = "https://ourphone.tf/specs" > See Specs< / a > < / button > < / p >
2022-11-15 11:11:07 +00:00
< / div >
2022-12-19 11:30:06 +00:00
< / div >
< / div > <!-- section 5 apps -->
<!-- row shortcode
Shortcode used in markdown for the creation of mobile compatible vertical rows
Divides markdown into columns by splitting content using column identifier "|||"
Creates equal width blocks in a flex row.
Parameters:
- style:
- lean: if style is lean, the row doesn't have outer margins
- bgPath: if bgPath is passed, the row has a full width background
-->
<!-- This fixes link & img paths in local, prod, and wth prefix -->
<!-- aligns columns depending on col number -->
<!-- Padding -->
<!-- Margins -->
2023-07-13 11:01:20 +00:00
<!-- reverse col at mobile -->
2022-12-19 11:30:06 +00:00
2023-07-13 11:01:20 +00:00
2022-12-19 11:30:06 +00:00
<!-- makes row semi - full screen width, strips margins -->
<!-- makes row full screen width, strips margins -->
<!-- makes row full screen width and adds background img -->
<!-- Cancels page margins so that rows can have separate margins -->
< div id = "" class = "relative justify-center flex overflow-hidden " style = "" >
2023-07-13 11:01:20 +00:00
< div id = "" class = "relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pt-24 mx-8 text-center items-center " style = "min-width: -webkit-fill-available; min-width: -moz-available" >
2022-12-19 11:30:06 +00:00
2022-11-15 11:11:07 +00:00
<!-- Hides empty columns if displayed vertically in small screen -->
< div class = "flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4 flex-1 " >
<!-- handles mermaid markdown content display -->
2022-12-19 11:30:06 +00:00
< h1 id = "powered-by" > Powered by< / h1 >
< h1 id = "threefold" > ThreeFold< / h1 >
2023-07-13 11:01:20 +00:00
< p > The world’ s largest decentralized network by < strong > ThreeFold< / strong > allows every application< br > on the < strong > OurApps™< / strong > to attain a level of security and privacy like never seen before.< / p >
2022-11-15 11:11:07 +00:00
< / div >
< / div >
2022-12-19 11:30:06 +00:00
< / div > <!-- row shortcode
2022-11-15 11:11:07 +00:00
Shortcode used in markdown for the creation of mobile compatible vertical rows
Divides markdown into columns by splitting content using column identifier "|||"
Creates equal width blocks in a flex row.
Parameters:
- style:
- lean: if style is lean, the row doesn't have outer margins
- bgPath: if bgPath is passed, the row has a full width background
-->
<!-- This fixes link & img paths in local, prod, and wth prefix -->
2022-12-19 11:30:06 +00:00
2022-11-15 11:11:07 +00:00
<!-- aligns columns depending on col number -->
<!-- Padding -->
<!-- Margins -->
2023-07-13 11:01:20 +00:00
<!-- reverse col at mobile -->
2022-11-15 11:11:07 +00:00
2023-07-13 11:01:20 +00:00
2022-11-15 11:11:07 +00:00
<!-- makes row semi - full screen width, strips margins -->
<!-- makes row full screen width, strips margins -->
<!-- makes row full screen width and adds background img -->
<!-- Cancels page margins so that rows can have separate margins -->
< div id = "" class = "relative justify-center flex overflow-hidden " style = "" >
2023-07-13 11:01:20 +00:00
< div id = "" class = "relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pb-24 mx-8 text-center items-center " style = "min-width: -webkit-fill-available; min-width: -moz-available" >
2022-11-15 11:11:07 +00:00
<!-- Hides empty columns if displayed vertically in small screen -->
< div class = "flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4 flex-1 " >
<!-- handles mermaid markdown content display -->
2023-07-13 11:01:20 +00:00
< p > < img src = "https://ourphone.tf/home/./img/tf.png#mx-auto" alt = "Image" / > < / p >
2022-12-19 11:30:06 +00:00
< br >
2023-07-13 11:01:20 +00:00
< p > < button > < a href = "https://ourphone.tf/technology" > Learn More< / a > < / button > < / p >
2022-11-15 11:11:07 +00:00
< / div >
< / div >
2022-12-19 11:30:06 +00:00
< / div > <!-- section 6 Buy -->
<!-- row shortcode
2022-11-15 11:11:07 +00:00
Shortcode used in markdown for the creation of mobile compatible vertical rows
Divides markdown into columns by splitting content using column identifier "|||"
Creates equal width blocks in a flex row.
Parameters:
- style:
- lean: if style is lean, the row doesn't have outer margins
- bgPath: if bgPath is passed, the row has a full width background
-->
<!-- This fixes link & img paths in local, prod, and wth prefix -->
2022-12-19 11:30:06 +00:00
2022-11-15 11:11:07 +00:00
<!-- aligns columns depending on col number -->
<!-- Padding -->
<!-- Margins -->
2023-07-13 11:01:20 +00:00
<!-- reverse col at mobile -->
2022-11-15 11:11:07 +00:00
2022-12-19 11:30:06 +00:00
2022-11-15 11:11:07 +00:00
2022-12-19 11:30:06 +00:00
2022-11-15 11:11:07 +00:00
2023-07-13 11:01:20 +00:00
2022-12-19 11:30:06 +00:00
<!-- makes row semi - full screen width, strips margins -->
<!-- makes row full screen width, strips margins -->
2022-11-15 11:11:07 +00:00
<!-- makes row full screen width and adds background img -->
<!-- Cancels page margins so that rows can have separate margins -->
< div id = "" class = "relative justify-center flex overflow-hidden " style = "" >
2023-07-13 11:01:20 +00:00
< div id = "" class = "relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-8 md:py-4 lg:py-24 mx-8 text-center items-center " style = "min-width: -webkit-fill-available; min-width: -moz-available" >
2022-11-15 11:11:07 +00:00
<!-- Hides empty columns if displayed vertically in small screen -->
2022-12-19 11:30:06 +00:00
< div class = "flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4 flex-1 " >
2022-11-15 11:11:07 +00:00
<!-- handles mermaid markdown content display -->
2022-12-19 11:30:06 +00:00
< h1 id = "ourphonetm" > OurPhone™< / h1 >
2023-07-13 11:01:20 +00:00
< p > < img src = "https://ourphone.tf/home/./img/placeholder.png#medium#mx-auto" alt = "Image" / >
2022-12-19 11:30:06 +00:00
< br >
< br > < / p >
< h3 id = "a-truly-decentralized-smartphone" > < strong > A Truly Decentralized Smartphone< / strong > < / h3 >
< h3 id = "like-no-other" > < strong > Like No Other< / strong > < / h3 >
2023-07-13 11:01:20 +00:00
< p > < button > < a href = "https://ourphone.tf/buynow" > Buy Now< / a > < / button > < / p >
2022-11-15 11:11:07 +00:00
< / div >
< / div >
2023-07-13 11:01:20 +00:00
< / div > < / div >
2022-11-15 11:11:07 +00:00
< / div >
< / div >
<!--
Tailwind UI components require Tailwind CSS v1.8 and the @tailwindcss/ui plugin.
Read the documentation to get started: https://tailwindui.com/documentation
-->
2022-11-15 14:43:55 +00:00
< footer class = "bottom-0" >
2022-11-15 11:11:07 +00:00
2022-11-15 14:43:55 +00:00
< div class = "customize" >
2022-11-15 11:11:07 +00:00
2022-12-19 11:30:06 +00:00
< p class = "text-center" > © Ourphone™ All Rights Reserved 2022< / p >
2022-11-15 11:11:07 +00:00
< / div >
< / footer >
< / body >
< / html >