sesamesite/site/contact.html

99 lines
7.1 KiB
HTML
Raw Normal View History

2023-07-14 23:34:40 -04:00
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sesame 2FA</title>
<style>[x-cloak]{display:none}</style>
<script src="https://unpkg.com/alpinejs" defer></script>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="icon" type="image/x-icon" href="/src/img/icon.png">
2023-07-15 07:43:59 -04:00
<meta property="og:title" content="Sesame 2FA" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://sesame.dws.rip/contact.html" />
<meta property="og:image" content="https://sesame.dws.rip/src/img/icon.png" />
<meta property="og:description" content="Take control of your 2-factor keys with full OTP spec compliance, Google Authenticator import, manual key creation, and JSON export." />
2023-07-14 23:34:40 -04:00
</head>
<body class="flex items-start justify-center h-full bg-gray-50">
<div class="flex items-center justify-center w-full max-w-full">
<section class="w-full px-6 pb-12 antialiased bg-white">
<div class="mx-auto max-w-7xl">
<nav class="relative z-50 h-24 select-none" x-data="{ showMenu: false }">
<div class="container relative flex flex-wrap items-center justify-between h-24 mx-auto overflow-hidden font-medium border-b border-gray-200 md:overflow-visible lg:justify-center sm:px-4 md:px-2 lg:px-0">
<div class="flex items-center justify-start w-1/4 h-full pr-4">
<a href="/index.html" class="flex items-center py-4 space-x-2 font-extrabold text-gray-900 md:py-0">
<span class="flex items-center justify-center w-8 h-8 text-white rounded-full">
<img src="/src/img/icon.png" alt="Icon">
</span>
<span>Sesame 2FA</span>
</a>
</div>
<div class="top-0 left-0 items-start hidden w-full h-full p-4 text-sm bg-gray-900 bg-opacity-50 md:items-center md:w-3/4 md:absolute lg:text-base md:bg-transparent md:p-0 md:relative md:flex" :class="{'flex fixed': showMenu, 'hidden': !showMenu }">
<div class="flex-col w-full h-auto overflow-hidden bg-white rounded-lg md:bg-transparent md:overflow-visible md:rounded-none md:relative md:flex md:flex-row">
<a href="/index.html" class="inline-flex items-center block w-auto h-16 px-6 text-xl font-black leading-none text-gray-900 md:hidden">
</a>
<div class="flex flex-col items-start justify-center w-full space-x-6 text-center lg:space-x-8 md:w-2/3 md:mt-0 md:flex-row md:items-center">
<a href="/index.html" class="inline-block w-full py-2 mx-0 font-medium text-left text-gray-700 md:w-auto md:px-0 md:mx-2 hover:text-black lg:mx-3 md:text-center">Home</a>
<a href="/features.html" class="inline-block w-full py-2 mx-0 font-medium text-left text-gray-700 md:w-auto md:px-0 md:mx-2 hover:text-black lg:mx-3 md:text-center">Features</a>
<a href="/about.html" class="inline-block w-full py-2 mx-0 font-medium text-left text-gray-700 md:w-auto md:px-0 md:mx-2 hover:text-black lg:mx-3 md:text-center">About</a>
<a href="/contact.html" class="inline-block w-full py-2 mx-0 ml-6 font-medium text-left text-black md:ml-0 md:w-auto md:px-0 md:mx-2 lg:mx-3 md:text-center">Contact</a>
</div>
</div>
</div>
<div @click="showMenu = !showMenu" class="absolute right-0 flex flex-col items-center items-end justify-center w-10 h-10 bg-white rounded-full cursor-pointer md:hidden hover:bg-gray-100">
<svg class="w-6 h-6 text-gray-700" x-show="!showMenu" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor"><path d="M4 6h16M4 12h16M4 18h16"></path></svg>
<svg class="w-6 h-6 text-gray-700" x-show="showMenu" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="display: none;"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>
</div>
</div>
</nav>
<!-- Main Hero Content -->
<section class="px-2 py-32 bg-white md:px-0">
<div class="container items-center max-w-6xl px-8 mx-auto xl:px-5">
<div class="flex flex-wrap items-center sm:-mx-3">
<div class="w-full md:w-1/2 md:px-3">
<div class="w-full pb-6 space-y-6 sm:max-w-md lg:max-w-lg md:space-y-4 lg:space-y-8 xl:space-y-9 sm:pr-5 lg:pr-0 md:pb-0">
<h1 class="text-4xl font-extrabold tracking-tight text-gray-900 sm:text-5xl md:text-4xl lg:text-5xl xl:text-6xl">
<span class="block xl:inline">We want to hear</span>
<span class="block text-blue-600 xl:inline" data-primary="blue-600">from you</span>
</h1>
<p class="mx-auto text-base text-gray-500 sm:max-w-md lg:text-xl md:max-w-3xl">Whether it is a bug, a suggestion, or just a hello, reach out to us! We want to make Sesame the best it can be for you.</p>
<div class="relative flex flex-col sm:flex-row sm:space-x-4">
<a href="mailto:admin@dws.rip" class="flex items-center w-full px-6 py-3 mb-3 text-lg text-white bg-blue-600 rounded-md sm:mb-0 hover:bg-blue-700 sm:w-auto" data-primary="blue-600" data-rounded="rounded-md">
Email us at admin@dws.rip
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ml-1" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
</a>
</div>
</div>
</div>
<div class="w-full md:w-1/2">
<div class="w-full h-auto overflow-hidden rounded-md shadow-xl sm:rounded-xl" data-rounded="rounded-xl" data-rounded-max="rounded-full">
<img src="https://cdn.devdojo.com/images/november2020/hero-image.jpeg">
</div>
</div>
</div>
</div>
</section>
<!-- End Main Hero Content -->
<footer>
<section class="text-gray-700 bg-white body-font" {!! $attributes ?? '' !!}>
<div class="container flex flex-col items-center px-8 py-8 mx-auto max-w-7xl sm:flex-row">
<a href="#_" class="text-xl font-black leading-none text-gray-900 select-none logo">Sesame 2FA<span class="text-blue-600"></span></a>
<p class="mt-4 text-sm text-gray-500 sm:ml-4 sm:pl-4 sm:border-l sm:border-gray-200 sm:mt-0">&copy; 2023 DWS © - 2023 Tanishq Dubey ©
</p>
<span class="inline-flex justify-center mt-4 space-x-5 sm:ml-auto sm:mt-0 sm:justify-start">
</span>
</div>
</section>
</footer>
</div>
</section>
</div>
</body>
</html>