- Scan ID:
- 7831e715-d6f3-414f-98c9-66fb9345631aFinished
- Submitted URL:
- https://alo.ne/
- Report Finished:
Links · 3 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://discord.gg/email | discord.gg/email |
| https://alonemail.mysellix.io/product/670a06599d8cf | Purchase |
| https://alonemail.mysellix.io/product/670a04795f45d | Purchase |
JavaScript Variables · 4 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| elements | object |
Console log messages · 0 found
Messages logged to the web console
HTML
The raw HTML body of the page
<!--
Designed by: Github - Sye0001 Discord - @.sye
Owned by: Telegram - reflashable Discord - @tar.g
--><!DOCTYPE html><html><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://alo.ne/js/output.css" rel="stylesheet">
<title>Alone Services</title>
<link rel="icon" href="https://alo.ne/7az7a6">
<meta content="Alone Services - Enjoy privacy in style" property="og:title">
<meta content="https://alo.ne/q6t75m" property="og:image">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Primary Meta Tags -->
<meta name="title" content="Alone Services - Enjoy privacy in style">
<meta name="description" content="The luxury privacy based service dedicated to safeguarding your information in style with our personalized bio link service, image hosting and email service!">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://alo.ne/">
<meta property="og:title" content="Alone Services - Enjoy privacy in style">
<meta property="og:description" content="The luxury privacy based service dedicated to safeguarding your information in style with our personalized bio link service, image hosting and email service!">
<meta property="og:image" content="https://alo.ne/q6t75m">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://alo.ne/">
<meta property="twitter:title" content="Alone Services - Enjoy privacy in style">
<meta property="twitter:description" content="The luxury privacy based service dedicated to safeguarding your information in style with our personalized bio link service, image hosting and email service!">
<meta property="twitter:image" content="https://alo.ne/q6t75m">
<!-- Meta Tags Generated with https://metatags.io -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
html,body {
height: 100vh;
scroll-behavior: smooth;
font-family: 'Poppins',sans-serif;
}
body {
overflow-x: hidden;
}
#ud {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #eaeaf3;
color: transparent;
}
#faq .line {
background: #767cce;
position: absolute;
transition: none;
transform: scale(0);
opacity: 1;
}
#faq .line:nth-child(1) {
transform-origin: 100% 100%;
height: 1px;
width: 20%;
bottom: 0;
}
#faq .line:nth-child(4) {
transform-origin: 0 100%;
height: 1px;
width: 20%;
top: -1px;
right: 0;
}
#faq .line:nth-child(2) {
transform-origin: 100% 100%;
height: 100%;
width: 2px;
bottom: 0;
left: -1px;
}
#faq .line:nth-child(5) {
transform-origin: 100% 0;
height: 100%;
width: 2px;
bottom: 0;
right: -1px;
}
#faq .line:nth-child(3) {
transform-origin: 0 100%;
height: 1px;
width: 100%;
top: -1px;
left: -1px;
}
#faq .line:nth-child(6) {
transform-origin: 100% 0;
height: 1px;
width: 100%;
bottom: 0;
right: -1px;
}
#faq:hover > .line {
transform: scale(1);
opacity: 0;
transition: all 1s;
}
#faq:hover > .line:nth-child(2), #faq:hover > .line:nth-child(5) {
transition-delay: 0.5s;
}
#faq:hover > .line:nth-child(3), #faq:hover > .line:nth-child(6) {
transition-delay: 0.9s;
}
#faq:hover {
border-radius: 0.5vh;
background: rgba(255, 255, 255, 0.03);
}
/* ANIMATIONS */
:root {
--animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
--animation-duration: 1s;
}
@keyframes slideInUp {
0% {
opacity: 0;
transform: translateY(25%);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes slideInDown {
0% {
opacity: 0;
transform: translateY(-25%);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes slideInleft {
0% {
opacity: 0;
transform: translateX(25%);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes slideInRight {
0% {
opacity: 0;
transform: translateX(-25%);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
transform: scale(0.75);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes zoomReverseIn {
0% {
opacity: 0;
transform: scale(1.25);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes flipInY {
0% {
opacity: 0;
transform: perspective(90vw) rotateY(67.5deg);
}
100% {
opacity: 1;
transform: none;
}
}
[data-animation] {
opacity: 0;
animation-timing-function: var(--animation-timing-function);
animation-fill-mode: both;
animation-duration: var(--animation-duration);
}
.animations-disabled, .animations-disabled [data-animation] {
animation: none !important;
opacity: 1 !important;
}
.slideInUp {
animation-name: slideInUp;
}
.slideInDown {
animation-name: slideInDown;
}
.slideInLeft {
animation-name: slideInleft;
}
.slideInRight {
animation-name: slideInRight;
}
.fadeIn {
animation-name: fadeIn;
}
.zoomIn {
animation-name: zoomIn;
}
.zoomReverseIn {
animation-name: zoomReverseIn;
}
.flipInY {
animation-name: flipInY;
}
.flipOutY {
animation-name: flipInY;
animation-direction: reverse;
}
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fade-in {
opacity:0; /* make things invisible upon start */
-webkit-animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
-moz-animation:fadeIn ease-in 1;
animation:fadeIn ease-in 1;
-webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
animation-duration:2s;
}
@keyframes float {
0% {
box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
transform: translatey(0px);
}
50% {
box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
transform: translatey(-20px);
}
100% {
box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
transform: translatey(0px);
}
}
.loader {
z-index: 100;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background: #121212;
transition: opacity 0.75s, visibility 0.75s;
}
.loader--hidden {
opacity: 0;
visibility: hidden;
}
.loader::after {
content: "";
width: 75px;
height: 75px;
border: 15px solid #545bb7;
border-top-color: #767cce;
border-radius: 50%;
animation: loading 0.75s ease infinite;
}
@keyframes loading {
from {
transform: rotate(0turn);
}
to {
transform: rotate(1turn);
}
}
.circle {
width: 16px;
height: 16px;
border-radius: 50%;
box-shadow: 0px 0px 1px 1px #545bb7;
}
.pulse {
animation: pulse-animation 2s infinite;
}
@keyframes pulse-animation {
0% {
box-shadow: 0 0 0 0px #545bb7;
}
100% {
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}
}
nav {
box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}
/* width */
::-webkit-scrollbar {
width: 10px;
border-radius: 2vh;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f100;
border-radius: 2vh;
}
/* Handle */
::-webkit-scrollbar-thumb {
border-radius: 1vh;
background: #424242;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
</style>
</head>
<body class="bg-custom-bg fadeIn" data-animation="fadeIn" data-animation-delay="100ms" style="animation-delay: 100ms;" data-animated="true">
<div class="loader loader--hidden"></div>
<div class="root w-full justify-center mx-auto">
<svg class="absolute inset-x-0 top-0 -z-10 h-[64rem] w-full stroke-neutral-800 [mask-image:radial-gradient(32rem_32rem_at_center,white,transparent)]" aria-hidden="true">
<defs>
<pattern id="1f932ae7-37de-4c0a-a8b0-a6e3b4d44b84" width="200" height="200" x="50%" y="-1" patternUnits="userSpaceOnUse">
<path d="M.5 200V.5H200" fill="none"></path>
</pattern>
</defs>
<svg x="50%" y="-1" class="overflow-visible fill-neutral-900">
<path d="M-200 0h201v201h-201Z M600 0h201v201h-201Z M-400 600h201v201h-201Z M200 800h201v201h-201Z" stroke-width="0"></path>
</svg>
<rect width="100%" height="100%" stroke-width="0" fill="url(#1f932ae7-37de-4c0a-a8b0-a6e3b4d44b84)"></rect>
</svg>
<div class="navbar justify-center mx-2 flex items-center">
<nav class="p-6 bg-custom-secondary flex justify-center sm:justify-between w-[48rem] items-center mt-6 rounded-3xl">
<div class="logo hidden sm:flex">
<img class="w-[54px] h-[19px]" src="https://i.ibb.co/hFsPJqM/image-2024-04-04-151451631-removebg-preview.png">
</div>
<div class="name flex items-center text-center gap-4 flex-wrap">
<ul class="flex items-center gap-4 text-custom-text text-opacity-70 font-medium text-sm">
<a href="#pricing">
<li class="hover:text-opacity-100 hover:text-custom-primary duration-[400ms] ease-in-out hover:-translate-y-1">Pricing</li>
</a>
<a href="#features">
<li class="hover:text-opacity-100 hover:text-custom-primary duration-[400ms] ease-in-out hover:-translate-y-1">Features</li>
</a>
<a href="#questions">
<li class="hover:text-opacity-100 hover:text-custom-primary duration-[400ms] ease-in-out hover:-translate-y-1">FAQ</li>
</a>
<a href="https://dash.alo.ne">
<li class="hover:text-opacity-100 hover:text-custom-primary duration-[400ms] ease-in-out hover:-translate-y-1">Dashboard</li>
</a>
<a href="https://mail.alo.ne">
<li class="hover:text-opacity-100 hover:text-custom-primary duration-[400ms] ease-in-out hover:-translate-y-1">E-mail</li>
</a>
</ul>
</div>
</nav>
</div>
<main>
<div class=" justify-center items-center mx-auto max-w-[1300px] px-4 md:px-0">
<div class="glow-container flex justify-center items-center">
<div class="glow absolute bg-custom-accent w-[80%] lg:w-[1100px] h-[400px] blur-[44px] rounded-[50%] opacity-40 -z-10 top-[-250px]"></div>
</div>
<div class="announcement mt-[7rem] md:mt-48 mb-6 justify-center flex items-center">
<div class="px-4 py-2 bg-custom-secondary flex items-center text-custom-text gap-3 rounded-xl">
<div class="circle pulse bg-custom-primary"></div>
<p class="text-[12px] text-opacity-70 text-custom-text"><a target="_blank" href="https://discord.gg/email">discord.gg/email</a></p>
</div>
</div>
<div class="title text-[64px] text-center font-medium tracking-tighter leading-[4.3rem]">
<h1 class="text-custom-text line ">Welcome to <span class="text-custom-primary font-semibold italic">Alone</span></h1>
<!--<div id="evil">
<h1 data-value="Alone" class="bg-gradient-to-r from-custom-primary to-custom-accent bg-clip-text text-transparent font-semibold">Alone</h1>
</div>!-->
</div>
<div class="text-info text-[12px] sm:text-[15px] text-center md:w-[40%] mx-auto text-custom-text text-opacity-80 mt-4">
<p>The <span class="text-custom-text text-opacity-100">luxury privacy based service</span> dedicated to safeguarding your information in style with our personalized bio link service, file hosting and email service! </p>
</div>
<div class="discord justify-center items-center flex mt-6">
<a href="#pricing">
<button class="overflow-hidden w-32 p-2 h-12 bg-custom-primary text-custom-text border-none rounded-md text-md font-semibold cursor-pointer relative z-10 group">
Get Started
<span class="absolute w-36 h-32 -top-8 -left-2 bg-white rotate-12 transform scale-x-0 group-hover:scale-x-100 transition-transform group-hover:duration-500 duration-1000 origin-left"></span>
<span class="absolute w-36 h-32 -top-8 -left-2 bg-indigo-400 rotate-12 transform scale-x-0 group-hover:scale-x-100 transition-transform group-hover:duration-700 duration-700 origin-left"></span>
<span class="absolute w-36 h-32 -top-8 -left-2 bg-indigo-600 rotate-12 transform scale-x-0 group-hover:scale-x-50 transition-transform group-hover:duration-1000 duration-500 origin-left"></span>
<span class="group-hover:opacity-100 group-hover:duration-1000 duration-100 opacity-0 absolute top-4.5 left-6 z-10">Purchase</span>
</button>
</a>
</div>
</div>
</main>
</div>
<!--PRICING SECTION-->
<div id="pricing" class="px-2 pb-8 pt-16 sm:px-6 mx-auto lg:w-[63rem] mt-[25rem] md:mt-[20rem] " data-animation="slideInDown" data-animation-delay=".15s">
<section class="py-5">
<div class=" justify-center items-center lg:flex mt-10 px-10 lg:w-[63rem] mx-auto gap-4 text-custom-text">
<h1 class="text-custom-text text-[28px] font-semibold">Pricing</h1>
</div>
<div class=" justify-center items-center lg:flex mt-10 px-10 lg:w-[63rem] mx-auto gap-4 text-custom-text">
<div class="card bg-custom-secondary mt-3 lg:mt-0 p-4 rounded-md w-full h-full">
<div class="flex gap-2 items-center text-[18px]">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-envelope-fill" viewBox="0 0 16 16">
<path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414zM0 4.697v7.104l5.803-3.558zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586zm3.436-.586L16 11.801V4.697z"></path>
</svg>
<h2 class="text-[18px]"> Email Service</h2>
</div>
<h1 class="text-[28px]"><span class="text-[20px]">$</span><span class="font-semibold">8</span></h1>
<div class="text-xs p-0.5 flex-wrap mt-0.5 text-custom-text text-opacity-90">
<p>
Unique domains with minimal logs for maximum privacy.</p>
</div>
<div class="">
<h3 class="mt-4">
Includes:
</h3>
<a class="flex items-center gap-1 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#767cce" class="bi bi-check" viewBox="0 0 16 16">
<path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"></path>
</svg>
1x Lifetime Account</a>
<a class="flex items-center gap-1 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#767cce" class="bi bi-check" viewBox="0 0 16 16">
<path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"></path>
</svg>
Minimal Logs</a>
<a class="flex items-center gap-1 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#767cce" class="bi bi-check" viewBox="0 0 16 16">
<path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"></path>
</svg>
Unique Collection of Domains</a>
</div>
<!-- <div class="pt-3 ml-auto">
<a target="_blank" href="https://alonemail.mysellix.io/product/670a06599d8cf">
<button class="p-2 border border-custom-primary rounded-md text-sm w-full duration-300 ease-in-out hover:bg-custom-primary">Purchase</button>
</a>
</div> -->
<div class="pt-3 ml-auto">
<form id="email-check-form" class="">
<div class="form-group">
<label for="email" class="block text-sm font-medium text-gray-700">Check for your next email?</label>
<div class="input-group flex">
<input type="text" id="email" name="email" class="border border-custom-primary rounded-md w-full bg-custom-secondary form-control flex-1 h-12 lg:w-[2rem] pl-2 pr-2 p-2 text-sm text-gray-700 border border-gray-300 rounded-l-md" placeholder="example" style="border-top-right-radius: 0px;border-bottom-right-radius: 0px;outline: none;">
<select id="domain" class="border border-custom-primary rounded-md bg-custom-secondary form-control p-2 h-12 pl-2 pr-2 text-sm text-gray-700 border border-gray-300 rounded-r-md" style="border-top-left-radius: 0px;border-bottom-left-radius: 0px;">
<option value="alo.ne">alo.ne</option>
<option value="afra.id">afra.id</option>
<option value="sexu.al">sexu.al</option>
<option value="deni.al">deni.al</option>
<option value="ageba.it">ageba.it</option>
<option value="excus.es">excus.es</option>
<option value="glowi.es">glowi.es</option>
<option value="skid.rip">skid.rip</option>
<option value="bruis.es">bruis.es</option>
<option value="supersta.rs">supersta.rs</option>
<option value="drugabu.se">drugabu.se</option>
<option value="pinge.rs">pinge.rs</option>
<option value="doxi.ng">doxi.ng</option>
<option value="swatti.ng">swatti.ng</option>
<option value="larpi.ng">larpi.ng</option>
<option value="trolli.ng">trolli.ng</option>
<option value="exitsc.am">exitsc.am</option>
<option value="bayon.et">bayon.et</option>
<option value="karamb.it">karamb.it</option>
<option value="trapst.ar">trapst.ar</option>
<option value="homicid.es">homicid.es</option>
<option value="larp.money">larp.money</option>
</select>
</div>
</div>
<div class="flex justify-between pt-3 z-50">
<button id="result" type="submit" class="border border-custom-primary rounded-md text-sm w-full duration-300 ease-in-out hover:bg-custom-primary" style="margin-right: 8px; padding: .5rem;">Check availability</button>
<a target="_blank" class="flex justify-center items-center border border-custom-primary rounded-md text-sm w-full duration-300 ease-in-out hover:bg-custom-primary" style="width: 40%;" href="https://alonemail.mysellix.io/product/670a06599d8cf">Purchase</a>
</div></form>
</div>
</div>
<div class="card bg-custom-secondary mt-3 lg:mt-0 p-4 rounded-md w-full h-full relative overflow-hidden">
<div class="blur-glow absolute bg-custom-accent bg-opacity-60 blur-[44px] w-[152px] h-[110px] top-0 right-0 -z-100"></div>
<div class="flex gap-2 items-center text-[18px]">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-link-45deg" viewBox="0 0 16 16">
<path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z"></path>
<path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z"></path>
</svg>
<h2 class="text-[18px]">Dashboard</h2>
</div>
<h1 class="text-[28px]"><span class="text-[20px]">$</span><span class="font-semibold">20</span></h1>
<div class="text-xs p-0.5 flex-wrap mt-0.5 text-custom-text text-opacity-90">
<p>
The all in one solution for all of our services combined. Get access to everything we offer.</p>
</div>
<div class="z-50">
<h3 class="mt-4">
Includes:
</h3>
<a class="flex items-center gap-1 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#767cce" class="bi bi-check" viewBox="0 0 16 16">
<path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"></path>
</svg>
Biolink service</a>
<a class="flex items-center gap-1 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#767cce" class="bi bi-check" viewBox="0 0 16 16">
<path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"></path>
</svg>
Email service</a>
<a class="flex items-center gap-1 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#767cce" class="bi bi-check" viewBox="0 0 16 16">
<path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"></path>
</svg>
Filehost + End-2-End encryption</a>
<a class="flex items-center gap-1 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#767cce" class="bi bi-check" viewBox="0 0 16 16">
<path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"></path>
</svg>
Discord domain connections</a>
<a class="flex items-center gap-1 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#767cce" class="bi bi-check" viewBox="0 0 16 16">
<path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"></path>
</svg>
1 Month premium included</a>
</div>
<div class="pt-3 z-50">
<a target="_blank" href="https://alonemail.mysellix.io/product/670a04795f45d">
<button class="p-2 border border-custom-primary rounded-md text-sm w-full duration-300 ease-in-out hover:bg-custom-primary">Purchase</button>
</a>
</div>
</div>
<div class="card bg-custom-secondary mt-3 lg:mt-0 p-4 rounded-md w-full h-full ">
<div class="flex gap-2 items-center text-[18px]">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-hdd-stack-fill" viewBox="0 0 16 16">
<path d="M2 9a2 2 0 0 0-2 2v1a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-1a2 2 0 0 0-2-2zm.5 3a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1m2 0a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1M2 2a2 2 0 0 0-2 2v1a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zm.5 3a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1m2 0a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1"></path>
</svg>
<h2 class="text-[18px]"> Dashboard premium</h2>
</div>
<h1 class="text-[28px]"><span class="text-[20px]">$</span><span class="font-semibold">15</span><span class="text-[16px] text-custom-text text-opacity-80"></span></h1>
<div class="text-xs p-0.5 flex-wrap mt-0.5 text-custom-text text-opacity-90">
<p>
The premium add-on for our dashboard</p>
</div>
<div class="">
<h3 class="mt-4">
Includes:
</h3>
<a class="flex items-center gap-1 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#767cce" class="bi bi-check" viewBox="0 0 16 16">
<path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"></path>
</svg>
7 email addresses per domain</a>
<a class="flex items-center gap-1 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#767cce" class="bi bi-check" viewBox="0 0 16 16">
<path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"></path>
</svg>
1GB of file storage</a>
</div>
<div class="pt-3 ml-auto">
<a target="_blank" href="https://discord.gg/email">
<button class="p-2 border border-custom-primary rounded-md text-sm w-full duration-300 ease-in-out hover:bg-custom-primary">Purchase</button>
</a>
</div>
</div>
</div>
</section>
</div>
<!-- FEATURES SECTION -->
<section class="space-y-4 text-center items-center justify-center">
<div data-animation="slideInDown" data-animation-delay=".15s" class="ft-section px-9 md:px-0 pb-8 pt-16 lg:w-[63rem] justify-center items-center mt-[10rem] md:mt-[15rem] mx-auto md:gap-9">
<div id="features" class="title">
<h1 class="text-custom-text text-[28px] font-semibold text-center pb-10">Share files, Send emails, Look cool.</h1>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-16">
<div class="text-custom-text md:w-[20rem] my-auto gap-3 mx-auto">
<div class="text-custom-text text-[26px] font-semibold text-center">
<h2><span class="text-custom-primary">20+</span> Domains</h2>
</div>
<div class="text-center text-custom-text text-opacity-70">
<p>We offer a unique selection of domains that you can use to elevate your presence</p>
</div>
</div>
<div class="img w-full mx-auto md:w-[80%] rounded-lg z-50 shadow-lg md:mx-5 mt-5 md:mt-0">
<img class="w-full mx-auto z-50 h-[254px] object-cover rounded-md border-[4px] hover:border-custom-primary duration-700 ease-in-out border-custom-secondary" src="https://alo.ne/ohnnlg">
</div>
<div class="img hidden md:flex w-full mx-auto md:w-[80%] rounded-lg z-50 shadow-lg md:mx-5 mt-5 md:mt-0">
<img class="w-full z-50 h-[254px] object-cover rounded-md border-[4px] hover:border-custom-primary duration-700 ease-in-out border-custom-secondary" src="https://alo.ne/omp22l">
</div>
<div class="text-custom-text md:w-[20rem] my-auto gap-3 mx-auto">
<div class="text-custom-text text-[26px] font-semibold text-center">
<h2><span class="text-custom-primary">Unique</span> Mail Service</h2>
</div>
<div class="text-center text-custom-text text-opacity-70">
<p>Why have a boring email when you can have a cool one with the added bonus of our minimal-logs policy</p>
</div>
</div>
<div class="img flex md:hidden w-full mx-auto md:w-[80%] rounded-lg z-50 shadow-lg md:mx-5 mt-5 md:mt-0">
<img class="w-full z-50 h-[254px] object-cover rounded-md border-[4px] hover:border-custom-primary duration-700 ease-in-out border-custom-secondary" src="https://alo.ne/omp22l">
</div>
<div class="text-custom-text md:w-[20rem] my-auto gap-3 mx-auto">
<div class="text-custom-text text-[26px] font-semibold text-center">
<h2><span class="text-custom-primary">Secure</span> Filehost</h2>
</div>
<div class="text-center text-custom-text text-opacity-70">
<p>At alone, you can upload files that even we cant see the content of. Our End-2-End Encryption is open-source and we support it on ShareX</p>
</div>
</div>
<div class="img w-full mx-auto md:w-[80%] rounded-lg z-50 shadow-lg md:mx-5 mt-5 md:mt-0">
<img class="w-full z-50 h-[254px] object-cover rounded-md border-[4px] hover:border-custom-primary duration-700 ease-in-out border-custom-secondary" src="https://alo.ne/jey8rk">
</div>
</div>
</div>
</section>
<!--FAQ SECTION-->
<section id="questions" data-animation="slideInDown" data-animation-delay=".15s" class="flex justify-center items-center">
<div class="faq-container mt-[13rem] mb-4 px-8 pb-8 pt-16 sm:px-6 mx-auto md:w-[63rem]">
<h2 class="text-custom-text font-semibold text-[30px] mb-5 ml-2">Frequently Asked Questions</h2>
<div id="faq" class="ft bg-custom-secondary p-4 rounded-xl w-full cursor-default relative ">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="title-faq flex items-center gap-3">
<div class="icon bg-custom-primary text-custom-text m-[4] rounded-lg p-2 px-4">
<a class="font-bold">1</a>
</div>
<h2 class="text-custom-text font-medium" id="faq1">Is the dashboard lifetime?</h2>
</div>
<p class="mt-4 text-custom-text text-opacity-80">Yes the dashboard itself is lifetime, however we do have monthly memberships on the dashboard that mainly allow more emails to be created.</p>
</div>
<div id="faq" class="ft mt-8 bg-custom-secondary p-4 rounded-xl w-full cursor-default relative ">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="title-faq flex items-center gap-3">
<div class="icon bg-custom-primary text-custom-text m-[4] rounded-lg p-2 px-4">
<a class="font-bold">2</a>
</div>
<h2 class="text-custom-text font-medium">Do I lose my emails if my membership runs out?</h2>
</div>
<p class="mt-4 text-custom-text text-opacity-80">No, if your membership expires, your aliases are still linked to you however they do get disabled until your membership is active again.</p>
</div>
<div id="faq" class="ft mt-8 bg-custom-secondary p-4 rounded-xl w-full cursor-default relative ">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="title-faq flex items-center gap-3">
<div class="icon bg-custom-primary text-custom-text m-[4] rounded-lg p-2 px-4">
<a class="font-bold">3</a>
</div>
<h2 class="text-custom-text font-medium">Can I link one of your domains to my discord?</h2>
</div>
<p class="mt-4 text-custom-text text-opacity-80">You can join our <a class="text-custom-text text-opacity-100 hover:text-custom-primary duration-200 ease-out" href="https://discord.gg/email">discord</a> and use our bot to link 2 of our domains, dashboard users can have all of them if they wish. </p>
</div>
<div id="faq" class="ft mt-8 bg-custom-secondary p-4 rounded-xl w-full cursor-default relative ">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="title-faq flex items-center gap-3">
<div class="icon bg-custom-primary text-custom-text m-[4] rounded-lg p-2 px-4">
<a class="font-bold">4</a>
</div>
<h2 class="text-custom-text font-medium">What is the email service and how does it work?</h2>
</div>
<p class="mt-4 text-custom-text text-opacity-80">Our email service functions the same way that gmail or outlook does, you register an email address with us on one of our many domains and you're set! You can login to the account via our webmail or login on your choice of Mail app, such as the IOS built in Mail app. You are able to send and recieve emails like any other provider.
</p>
</div>
</div>
</section>
<footer class="bg-custom-bg">
<div class="mx-auto max-w-screen-xl px-8 pb-8 pt-16 sm:px-6 lg:px-[5rem] lg:pt-24">
<span class="relative flex justify-center">
<div class="absolute inset-x-0 top-1/2 h-px -translate-y-1/2 bg-transparent bg-gradient-to-r from-transparent via-custom-accent to-transparent opacity-75"></div>
</span>
<div class="footer justify-between mt-5 px-8 flex">
<p class="text-custom-text text-opacity-20 text-[12px]">All rights reserved alo.ne, 2024 ©</p>
<a href="https://discord.gg/email" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-discord text-custom-text text-opacity-20 hover:text-custom-primary duration-200 ease-out" viewBox="0 0 16 16">
<path d="M13.545 2.907a13.2 13.2 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.2 12.2 0 0 0-3.658 0 8 8 0 0 0-.412-.833.05.05 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.04.04 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032q.003.022.021.037a13.3 13.3 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019q.463-.63.818-1.329a.05.05 0 0 0-.01-.059l-.018-.011a9 9 0 0 1-1.248-.595.05.05 0 0 1-.02-.066l.015-.019q.127-.095.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.05.05 0 0 1 .053.007q.121.1.248.195a.05.05 0 0 1-.004.085 8 8 0 0 1-1.249.594.05.05 0 0 0-.03.03.05.05 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.2 13.2 0 0 0 4.001-2.02.05.05 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.03.03 0 0 0-.02-.019m-8.198 7.307c-.789 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612m5.316 0c-.788 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612"></path>
</svg>
</a>
</div>
</div>
<script src="https://alo.ne/js/loader.js"></script>
<script src="https://alo.ne/js/glitch.js"></script>
<script src="https://alo.ne/js/anim.js"></script>
<script>
window.onbeforeunload = function () {
window.scrollTo(0, 0);
}
</script>
<script>
const form = document.getElementById('email-check-form');
let isAvailable = false;
form.addEventListener('submit', async (e) => {
e.preventDefault();
const email = document.getElementById('email').value;
const domain = document.getElementById('domain').value;
const fullEmail = email + '@' + domain;
try {
const requestData = { email: fullEmail };
const response = await fetch('https://api.evilmail.to/check', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(requestData)
});
const data = await response.json();
document.getElementById('result').innerHTML = data.message;
// Reset the result to "check" after 3 seconds
setTimeout(() => {
document.getElementById('result').innerHTML = 'Check availability';
}, 3000); // 3000ms = 3 seconds
} catch (error) {
document.getElementById('result').innerHTML = 'API Error';
setTimeout(() => {
document.getElementById('result').innerHTML = 'Check availability';
}, 3000); // 3000ms = 3 seconds
}
});
</script>
</footer></body></html>