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/" / >
< 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 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" > 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 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" > 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 pt-8 bg-white md:px-0" >
< div class = "container items-center max-w-6xl px-5 mx-auto space-y-6 text-center" >
< h1 class = "text-4xl font-extrabold tracking-tight text-left text-gray-900 sm:text-5xl md:text-6xl md:text-center" >
< span class = "block" > Level Up Your < span class = "block mt-1 text-blue-500 lg:inline lg:mt-0" data-primary = "blue-500" > 2FA< / span > < / span >
< / h1 >
< p class = "w-full mx-auto text-base text-left text-gray-500 md:max-w-md sm:text-lg lg:text-2xl md:max-w-3xl md:text-center" >
Take control of your 2-factor keys with full OTP spec compliance, Google Authenticator import, manual key creation, and JSON export.
< / p >
< div class = "relative flex flex-col justify-center md:flex-row md:space-x-4" >
2023-07-14 23:55:30 -04:00
< a href = "#" class = "flex items-center w-full px-6 py-3 mb-3 text-lg text-white bg-blue-500 rounded-md md:mb-0 hover:bg-blue-700 md:w-auto" data-primary = "blue-500" data-rounded = "rounded-md" >
2023-07-14 23:34:40 -04:00
Coming Soon to iOS
< 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" >
< line x1 = "5" y1 = "12" x2 = "19" y2 = "12" > < / line >
< polyline points = "12 5 19 12 12 19" > < / polyline >
< / svg >
< / a >
2023-07-14 23:55:30 -04:00
< a href = "/features.html" class = "flex items-center px-6 py-3 text-gray-500 bg-gray-100 rounded-md hover:bg-gray-200 hover:text-gray-600" data-rounded = "rounded-md" >
2023-07-14 23:34:40 -04:00
Learn More
< / a >
< / div >
< / div >
< div class = "container items-center max-w-4xl px-5 mx-auto mt-16 text-center" >
< img src = "src/img/hero_screen.png" >
< / 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-indigo-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" > © 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 >
