597 lines
31 KiB
HTML
597 lines
31 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<link rel="icon" type="favicon" href="/assets/favicon.ico" />
|
||
<meta property="description" content="Hiddify, for a free internet" data-rh="true" />
|
||
<link data-rh="true" rel="canonical" href="https://hiddify.com/" />
|
||
<meta property="og:title" content="Hiddify | Hiddify" data-rh="true" />
|
||
|
||
<title>Hiddify | Internet Freedom Solution</title>
|
||
<link href="/assets/css/site.css" rel="stylesheet" />
|
||
<style>
|
||
html,
|
||
body {
|
||
margin: 0;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
body {
|
||
/* Set the background image */
|
||
background-image: url('/assets/background-color.png');
|
||
|
||
/* Cover the entire page */
|
||
background-size: cover;
|
||
|
||
/* Center the background image */
|
||
background-position: center;
|
||
|
||
/* Do not repeat the image */
|
||
background-repeat: no-repeat;
|
||
|
||
/* Fix the background (won't scroll with the content) */
|
||
background-attachment: scroll;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
<header class="md:mb-36 lg:mb-52 px-3 md:px-10 lg:px-20">
|
||
<nav class="flex items-center justify-between py-10">
|
||
<div class="justify-start items-center w-full hidden md:flex">
|
||
<a href="/" class="items-center flex">
|
||
<img src="/assets/hiddify-logo.png" alt="Hiddify Logo" height="40" />
|
||
</a>
|
||
</div>
|
||
<div class="w-full hidden md:flex items-center justify-end gap-8 text-[#212529]">
|
||
<a href="/app" class="py-2 w-fit no-underline hover:text-primary">
|
||
App
|
||
</a>
|
||
<a href="/manager" class="py-2 w-fit no-underline hover:text-primary">
|
||
Manager
|
||
</a>
|
||
<a href="/about-us" class="py-2 w-fit no-underline hover:text-primary">
|
||
About Us
|
||
</a>
|
||
<a href="/fa" class="py-2 w-fit px-2 no-underline hover:text-primary flex items-center gap-2">
|
||
<img style="display:inline"
|
||
src="https://user-images.githubusercontent.com/125398461/234186932-52f1fa82-52c6-417f-8b37-08fe9250a55f.png"
|
||
alt="Lang_farsi">
|
||
<span>فارسی</span>
|
||
</a>
|
||
</div>
|
||
<div class="flex justify-start items-center w-fit h-7 md:hidden">
|
||
<a href="/" class="flex items-center h-7">
|
||
<img src="/assets/hiddify-logo.png" alt="Hiddify Logo" height="28" class="h-7" />
|
||
</a>
|
||
</div>
|
||
<div id="menu-btn" class="flex justify-center items-center w-fit md:hidden cursor-pointer">
|
||
<img src="/assets/three-dots.svg" alt="hero" height="24" decoding="async" loading="lazy" />
|
||
</div>
|
||
</nav>
|
||
<div id="sidebar"
|
||
class="w-[250px] bg-[#e8cff1] hidden max-h-screen h-screen fixed right-0 top-0 px-10 py-20 flex-col gap-5 z-50">
|
||
<div id="close-sidebar-btn"
|
||
class="absolute top-5 left-5 flex justify-center items-center w-fit md:hidden cursor-pointer">
|
||
<img src="/assets/close-button.svg" alt="hero" height="24" decoding="async" loading="lazy" />
|
||
</div>
|
||
<div class="flex justify-start items-center w-fit h-7 md:hidden">
|
||
<a href="/" class="flex items-center h-7">
|
||
<img src="/assets/hiddify-logo.png" alt="Hiddify Logo" height="28" class="h-7" />
|
||
</a>
|
||
</div>
|
||
<a href="/app" class="py-2 w-fit no-underline hover:text-primary">
|
||
App
|
||
</a>
|
||
<a href="/manager" class="py-2 w-fit no-underline hover:text-primary">
|
||
Manager
|
||
</a>
|
||
<a href="/about-us" class="py-2 w-fit no-underline hover:text-primary">
|
||
About Us
|
||
</a>
|
||
<a href="/fa" class="py-2 w-fit px-2 no-underline hover:text-primary flex items-center gap-2">
|
||
<img style="display:inline"
|
||
src="https://user-images.githubusercontent.com/125398461/234186932-52f1fa82-52c6-417f-8b37-08fe9250a55f.png"
|
||
alt="Lang_farsi">
|
||
<span>فارسی</span>
|
||
</a>
|
||
</div>
|
||
</header>
|
||
<main class="2xl:flex 2xl:justify-center">
|
||
<div class="px-3 md:px-10 lg:px-20 2xl:max-w-[1920px]">
|
||
<div class="relative pb-24 mb-80 md:pb-36 lg:pb-52">
|
||
<div class="absolute z-10 text-[#212529] flex flex-col gap-5">
|
||
<h1 class="text-3xl font-semibold md:text-5xl lg:text-7xl">
|
||
Hiddify,
|
||
<br />
|
||
Internet Freedom Solution
|
||
</h1>
|
||
<p class="text-lg text-secondary md:text-2xl">
|
||
All you need for an unrestricted internet
|
||
</p>
|
||
</div>
|
||
|
||
<img alt="hero" src="/assets/globe.png"
|
||
class="absolute -bottom-[350px] lg:-bottom-[400px] -right-24 lg:-right-56 z-0 min-w-[400px] w-1/4 md:w-[500px] lg:w-[750px] 2xl:w-[850px]" />
|
||
</div>
|
||
<section class="relative mb-40 flex flex-col gap-10">
|
||
<h2 class="text-center text-lg font-semibold text-secondary md:text-2xl">
|
||
Two Products That Work Together
|
||
</h2>
|
||
|
||
<div class="w-full flex items-center justify-center">
|
||
<div class="max-w-[1120px] flex flex-col lg:flex-row">
|
||
<div
|
||
class="w-full px-5 md:px-20 py-7 md:py-10 flex flex-col justify-between items-center gap-5 md:gap-10 border-2 border-solid border-white bg-white bg-opacity-25 rounded-tl-[30px] md:rounded-tl-[100px] rounded-tr-[30px] md:rounded-tr-[100px] lg:rounded-tr-none lg:rounded-bl-[100px]">
|
||
<h3 class="text-center text-secondary text-base font-normal hidden md:block">
|
||
VPN client app – to access the internet
|
||
</h3>
|
||
<div class="h-20 md:h-24 flex items-center justify-center">
|
||
<img src="/assets/hiddify-logo.png" alt="Hiddify Logo" height="96" />
|
||
</div>
|
||
<p class="text-start text-secondary text-base font-normal">
|
||
Hiddify is a user-friendly VPN (virtual private network) app that lets you connect to
|
||
your Hiddify (or non-Hiddify) servers. Download the app on mobile or desktop and enjoy
|
||
an uncensored internet.
|
||
</p>
|
||
<div class="w-full h-fit flex items-end justify-end">
|
||
<div class="h-fit w-fit hover:bg-white rounded-md cursor-pointer">
|
||
<img src="/assets/arrow-right.svg" alt="right-arrow" class="w-6" decoding="async" loading="lazy" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="w-full px-5 md:px-20 py-7 md:py-10 flex flex-col justify-between items-center gap-5 md:gap-10 lg:border-l-0 border-t-0 border-x-2 border-b-2 lg:border-y-2 lg:border-r-2 border-solid border-white bg-white bg-opacity-25 rounded-br-[30px] md:rounded-br-[100px] rounded-bl-[30px] md:rounded-bl-[100px] lg:rounded-bl-none lg:rounded-tr-[100px]">
|
||
<h3 class="text-center text-secondary text-base font-normal hidden md:block">
|
||
VPN server – to manage the users
|
||
</h3>
|
||
<div class="h-20 md:h-24 flex items-center justify-center">
|
||
<img src="/assets/hiddify-manager-logo.svg" alt="Hiddify Logo" height="96" decoding="async"
|
||
loading="lazy" />
|
||
</div>
|
||
<p class="text-start text-secondary text-base font-normal">
|
||
Hiddify Manager makes it easy to create your own VPN which you can manage on either
|
||
desktop or mobile. Share it with your groups, even hundreds of <br class="hidden lg:block" /> people.
|
||
</p>
|
||
<div class="w-full h-fit flex items-end justify-end">
|
||
<div class="h-fit w-fit hover:bg-white rounded-md cursor-pointer">
|
||
<img src="/assets/arrow-right.svg" alt="right-arrow" class="w-6" decoding="async" loading="lazy" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="mb-40 flex lg:items-center px-5 md:px-20 text-secondary flex-col lg:flex-row">
|
||
<div class="flex items-center justify-center lg:items-start lg:justify-start">
|
||
<img src="/assets/hiddify-next-mobile.svg" alt="hiddify next" class="w-[400px]" decoding="async"
|
||
loading="lazy" />
|
||
</div>
|
||
|
||
<div class="lg:w-1/2 w-full">
|
||
<p>Connect to the internet easier than ever with</p>
|
||
<img src="/assets/hiddify-logo.png" alt="hiddify logo" height="96" class="my-4" />
|
||
|
||
<ul class="list-disc ml-4 lg:ml-0">
|
||
<li>Easy to use</li>
|
||
<li>
|
||
Supports Hysteria2, TUIC, SSH, Reality, VMess, VLESS, and
|
||
<span class="underline underline-offset-4"> 20 more protocols. </span>
|
||
</li>
|
||
</ul>
|
||
|
||
<div class="my-5 gap-5 hidden sm:flex w-fit">
|
||
<div
|
||
class="flex h-[80px] w-[80px] items-center justify-center rounded-full bg-gray-500 bg-opacity-5 border border-solid border-white">
|
||
<img src="/assets/platforms/android.svg" alt="android" class="w-12" decoding="async" loading="lazy" />
|
||
</div>
|
||
<div
|
||
class="flex h-[80px] w-[80px] items-center justify-center rounded-full bg-gray-500 bg-opacity-5 border border-solid border-white">
|
||
<img src="/assets/platforms/apple.svg" alt="ios" class="w-12" decoding="async" loading="lazy" />
|
||
</div>
|
||
<div
|
||
class="flex h-[80px] w-[80px] items-center justify-center rounded-full bg-gray-500 bg-opacity-5 border border-solid border-primary">
|
||
<img src="/assets/platforms/windows.svg" alt="windows" class="w-12" decoding="async" loading="lazy" />
|
||
</div>
|
||
<div
|
||
class="flex h-[80px] w-[80px] items-center justify-center rounded-full bg-gray-500 bg-opacity-5 border border-solid border-white">
|
||
<img src="/assets/platforms/mac.svg" alt="mac" class="w-12" decoding="async" loading="lazy" />
|
||
</div>
|
||
<div
|
||
class="flex h-[80px] w-[80px] items-center justify-center rounded-full bg-gray-500 bg-opacity-5 border border-solid border-white">
|
||
<img src="/assets/platforms/linux.svg" alt="linux" class="w-12" decoding="async" loading="lazy" />
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mt-5 flex items-center lg:justify-start justify-end gap-3">
|
||
<button
|
||
class="text-primary border border-primary focus:outline-none hover:bg-primary hover:text-white focus:ring-4 focus:ring-primary/70 font-medium rounded-lg text-sm px-5 py-2.5">
|
||
Read more
|
||
</button>
|
||
|
||
<button
|
||
class="text-white bg-primary hover:bg-primary/90 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 focus:outline-none">
|
||
<a href="https://app.hiddify.com/" id="install-btn"> Download for </a>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="my-40 flex 3xl:items-center gap-7 px-5 md:px-20 text-secondary flex-col 2xl:flex-row">
|
||
<img src="/assets/hiddify-manager.png" alt="hiddify manager" class="min-w-[741px] w-[741px]" />
|
||
<div class="lg:w-1/2">
|
||
<p>Set up your own VPN for your group with</p>
|
||
|
||
<div class="flex items-center gap-2">
|
||
<img src="/assets/hiddify-logo-white.svg" alt="hiddify logo" class="my-4" height="50" decoding="async"
|
||
loading="lazy" />
|
||
<h2 class="text-2xl font-semibold">Hiddify Manager</h2>
|
||
</div>
|
||
|
||
<ul class="my-4 list-disc ml-4">
|
||
<li>Effortless installation</li>
|
||
<li>One of the best VPNs for Iran, China, Russia, Brazil and the whole world</li>
|
||
<li>
|
||
Supports Hysteria2, TUIC, SSH, Reality, VMess, VLESS, and
|
||
<span class="underline underline-offset-4"> 20 more protocols. </span>
|
||
</li>
|
||
</ul>
|
||
|
||
<div class="mt-5 flex items-center 2xl:justify-start justify-end gap-3">
|
||
<button
|
||
class="text-primary border border-primary focus:outline-none hover:bg-primary hover:text-white focus:ring-4 focus:ring-primary/70 font-medium rounded-lg text-sm px-5 py-2.5">
|
||
Read more
|
||
</button>
|
||
|
||
<button
|
||
class="text-white bg-primary hover:bg-primary/90 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 focus:outline-none">
|
||
Install on server
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="w-full flex flex-col gap-16 justify-center items-center my-40 text-center text-secondary">
|
||
|
||
<h2 class="text-center text-2xl font-semibold">Why to choose Hiddify?</h2>
|
||
<div class="w-full grid grid-cols-1 lg:grid-cols-3 gap-10">
|
||
<div class="w-full flex flex-col items-center justify-center gap-2">
|
||
<img src="/assets/cross-platform.png" alt="cross platform" class="lg:max-w-[250px]" />
|
||
<h2 class="text-xl lg:text-2xl font-semibold">Cross-platform</h2>
|
||
<p>Available on Android, iOS,<br /> Window, Linux and macOS</p>
|
||
</div>
|
||
|
||
<div class="w-full flex flex-col items-center justify-center gap-2">
|
||
<img src="/assets/secure.png" alt="cross platform" class="lg:max-w-[250px]" />
|
||
<h2 class="text-xl lg:text-2xl font-semibold">Secure and Ad-free</h2>
|
||
<p>Open-source, non-commercial,<br /> and security audited</p>
|
||
</div>
|
||
|
||
<div class="w-full flex flex-col items-center justify-center gap-2">
|
||
<img src="/assets/processor.png" alt="cross platform" class="lg:max-w-[250px]" />
|
||
<h2 class="text-xl lg:text-2xl font-semibold">Powerful Features</h2>
|
||
<p>Auto-proxy client based on sing-box,<br /> supporting various protocols</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="flex flex-col gap-16 justify-center items-center my-40 py-20 text-center text-secondary">
|
||
<div>
|
||
<h2 class="text-center text-2xl font-semibold">Measuring Impact</h2>
|
||
<p class="mt-2">One of the most trusted VPNs</p>
|
||
</div>
|
||
|
||
<div class="mt-8 w-full grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10">
|
||
<div>
|
||
<h3 class="text-xl font-semibold">1,000,000+</h3>
|
||
<p>Hiddify Manager downloads</p>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold">1,200,000+</h3>
|
||
<p>Hiddify app downloads</p>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold">4.8 / 5</h3>
|
||
<p>Rating for Hiddify app on Google Play</p>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold">6500+</h3>
|
||
<p>GitHub stars</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="relative my-20 flex flex-col items-center justify-center gap-5 text-secondary">
|
||
<h2 class="text-center text-3xl font-semibold">Frequently Asked Questions</h2>
|
||
<ul class="relative mt-1 w-full max-w-5xl list-none flex-col p-4">
|
||
<li class="disclosure-item mt-4 cursor-pointer rounded-md bg-[#FFFFFF] p-5 text-secondary shadow-md">
|
||
<div class="disclosure-title flex items-center justify-between">
|
||
<span class="title-text text-xl text-gray-800">How can I make sure that Hiddify is safe? </span>
|
||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
|
||
<g fill="none" fill-rule="evenodd">
|
||
<path
|
||
d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" />
|
||
<path fill="currentColor"
|
||
d="M12.707 15.707a1 1 0 0 1-1.414 0L5.636 10.05A1 1 0 1 1 7.05 8.636l4.95 4.95l4.95-4.95a1 1 0 0 1 1.414 1.414z" />
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
<div class="disclosure-content mt-3 text-lg text-gray-700 text-left" style="display: none">
|
||
Yes, Hiddify is designed to work seamlessly with popular streaming services, ensuring
|
||
you can access region-restricted content without any hassle. Enjoy your favorite shows
|
||
and movies from anywhere in the world
|
||
</div>
|
||
</li>
|
||
<li class="disclosure-item mt-4 cursor-pointer rounded-md bg-[#FFFFFF] p-5 text-secondary shadow-md">
|
||
<div class="disclosure-title flex items-center justify-between">
|
||
<span class="title-text text-xl text-gray-800">Why should I pay for a VPN service?</span>
|
||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
|
||
<g fill="none" fill-rule="evenodd">
|
||
<path
|
||
d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" />
|
||
<path fill="currentColor"
|
||
d="M12.707 15.707a1 1 0 0 1-1.414 0L5.636 10.05A1 1 0 1 1 7.05 8.636l4.95 4.95l4.95-4.95a1 1 0 0 1 1.414 1.414z" />
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
<div class="disclosure-content mt-3 text-lg text-gray-700 text-left" style="display: none">
|
||
Your privacy is our top priority. Hiddify does not collect or store any personal information, giving you
|
||
peace of mind knowing that your data remains yours and yours alone. No data is ever transferred to Hiddify
|
||
servers, ensuring that your conversations remain confidential.
|
||
</div>
|
||
</li>
|
||
<li class="disclosure-item mt-4 cursor-pointer rounded-md bg-[#FFFFFF] p-5 text-secondary shadow-md">
|
||
<div class="disclosure-title flex items-center justify-between">
|
||
<span class="title-text text-xl text-gray-800">Can I use Hiddify while traveling abroad?</span>
|
||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
|
||
<g fill="none" fill-rule="evenodd">
|
||
<path
|
||
d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" />
|
||
<path fill="currentColor"
|
||
d="M12.707 15.707a1 1 0 0 1-1.414 0L5.636 10.05A1 1 0 1 1 7.05 8.636l4.95 4.95l4.95-4.95a1 1 0 0 1 1.414 1.414z" />
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
<div class="disclosure-content mt-3 text-lg text-gray-700 text-left" style="display: none">
|
||
Yes, Hiddify is designed to work seamlessly with popular streaming services, ensuring
|
||
you can access region-restricted content without any hassle. Enjoy your favorite shows
|
||
and movies from anywhere in the world
|
||
</div>
|
||
</li>
|
||
<li class="disclosure-item mt-4 cursor-pointer rounded-md bg-[#FFFFFF] p-5 text-secondary shadow-md">
|
||
<div class="disclosure-title flex items-center justify-between">
|
||
<span class="title-text text-xl text-gray-800">Which devices does Hiddify support?</span>
|
||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
|
||
<g fill="none" fill-rule="evenodd">
|
||
<path
|
||
d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" />
|
||
<path fill="currentColor"
|
||
d="M12.707 15.707a1 1 0 0 1-1.414 0L5.636 10.05A1 1 0 1 1 7.05 8.636l4.95 4.95l4.95-4.95a1 1 0 0 1 1.414 1.414z" />
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
<div class="disclosure-content mt-3 text-lg text-gray-700 text-left" style="display: none">
|
||
Yes, Hiddify is designed to work seamlessly with popular streaming services, ensuring
|
||
you can access region-restricted content without any hassle. Enjoy your favorite shows
|
||
and movies from anywhere in the world
|
||
</div>
|
||
</li>
|
||
<li class="disclosure-item mt-4 cursor-pointer rounded-md bg-[#FFFFFF] p-5 text-secondary shadow-md">
|
||
<div class="disclosure-title flex items-center justify-between">
|
||
<span class="title-text text-xl text-gray-800">How do I contact Hiddify’s customer support?</span>
|
||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
|
||
<g fill="none" fill-rule="evenodd">
|
||
<path
|
||
d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" />
|
||
<path fill="currentColor"
|
||
d="M12.707 15.707a1 1 0 0 1-1.414 0L5.636 10.05A1 1 0 1 1 7.05 8.636l4.95 4.95l4.95-4.95a1 1 0 0 1 1.414 1.414z" />
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
<div class="disclosure-content mt-3 text-lg text-gray-700 text-left" style="display: none">
|
||
Yes, Hiddify is designed to work seamlessly with popular streaming services, ensuring
|
||
you can access region-restricted content without any hassle. Enjoy your favorite shows
|
||
and movies from anywhere in the world
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
</div>
|
||
</main>
|
||
|
||
<footer
|
||
class="body-font relative bg-transparent py-4 text-secondary border-t border-white px-3 md:px-16 lg:px-28 xl:px-36">
|
||
<div class="flex flex-col flex-wrap px-5 py-24 md:flex-row md:flex-nowrap md:items-center lg:items-start">
|
||
<div class="w-full md:w-64 flex-shrink-0 md:mx-0 px-4 text-left">
|
||
<div class="w-full flex flex-col sm:flex-row sm:items-center sm:justify-between gap-5">
|
||
<a class="title-font flex items-center font-medium text-white md:justify-start">
|
||
<img src="/assets/hiddify-logo.png" alt="hero" height="40" />
|
||
</a>
|
||
<div class="items-end justify-start gap-5 flex md:hidden">
|
||
<div class="flex items-center justify-center w-6 h-6 rounded-full bg-white text-white">
|
||
<a href="https://www.youtube.com/@hiddify">
|
||
<img src="/assets/socials/youtube.svg" alt="linux" class="w-6" decoding="async" loading="lazy" />
|
||
</a>
|
||
</div>
|
||
<div class="flex items-center justify-center w-6 h-6 rounded-full bg-white text-white">
|
||
<a href="https://twitter.com/hiddify_com">
|
||
<img src="/assets/socials/x.svg" alt="linux" class="w-6" decoding="async" loading="lazy" />
|
||
</a>
|
||
</div>
|
||
<div class="flex items-center justify-center w-6 h-6 rounded-full bg-white text-white">
|
||
<a href="https://t.me/hiddify">
|
||
<img src="/assets/socials/telegram.svg" alt="linux" class="w-6" decoding="async" loading="lazy" />
|
||
</a>
|
||
</div>
|
||
<div class="flex items-center justify-center w-6 h-6 rounded-full bg-white text-white">
|
||
<a href="https://github.com/hiddify/Hiddify-Manager">
|
||
<img src="/assets/socials/github.svg" alt="linux" class="w-6" decoding="async" loading="lazy" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p class="mt-5 mb-10 text-secondary text-sm">
|
||
To ensure everyone can access the unrestricted internet easily with a powerful and
|
||
professional anti-censorship tool
|
||
</p>
|
||
<div class="items-end justify-start gap-5 hidden md:flex">
|
||
<div class="flex items-center justify-center w-6 h-6 rounded-full bg-white text-white">
|
||
<a href="https://www.youtube.com/@hiddify">
|
||
<img src="/assets/socials/youtube.svg" alt="linux" class="w-6" decoding="async" loading="lazy" />
|
||
</a>
|
||
</div>
|
||
<div class="flex items-center justify-center w-6 h-6 rounded-full bg-white text-white">
|
||
<a href="https://twitter.com/hiddify_com">
|
||
<img src="/assets/socials/x.svg" alt="linux" class="w-6" decoding="async" loading="lazy" />
|
||
</a>
|
||
</div>
|
||
<div class="flex items-center justify-center w-6 h-6 rounded-full bg-white text-white">
|
||
<a href="https://t.me/hiddify">
|
||
<img src="/assets/socials/telegram.svg" alt="linux" class="w-6" decoding="async" loading="lazy" />
|
||
</a>
|
||
</div>
|
||
<div class="flex items-center justify-center w-6 h-6 rounded-full bg-white text-white">
|
||
<a href="https://github.com/hiddify/Hiddify-Manager">
|
||
<img src="/assets/socials/github.svg" alt="linux" class="w-6" decoding="async" loading="lazy" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="-mb-10 mt-10 flex flex-grow flex-wrap md:mt-0 md:pl-20 text-left">
|
||
<div class="w-full px-4 md:w-1/2 lg:w-1/3">
|
||
<h2 class="title-font mb-3 text-lg text-secondary">Download Client</h2>
|
||
<nav class="mb-10 list-none">
|
||
<li>
|
||
<a href="https://app.hiddify.com/" target="_blank" class="text-sm text-secondary"> Android </a>
|
||
</li>
|
||
<li>
|
||
<a href="https://app.hiddify.com/" target="_blank" class="text-sm text-secondary"> IOS </a>
|
||
</li>
|
||
<li>
|
||
<a href="https://app.hiddify.com/" target="_blank" class="text-sm text-secondary"> Windows </a>
|
||
</li>
|
||
<li>
|
||
<a href="https://app.hiddify.com/" target="_blank" class="text-sm text-secondary"> MacOS </a>
|
||
</li>
|
||
<li>
|
||
<a href="https://app.hiddify.com/" target="_blank" class="text-sm text-secondary"> Linux </a>
|
||
</li>
|
||
</nav>
|
||
</div>
|
||
<div class="w-full px-4 md:w-1/2 lg:w-1/3">
|
||
<h2 class="title-font mb-3 text-lg text-secondary">Setup Hiddify Manager</h2>
|
||
<nav class="mb-10 list-none">
|
||
<li>
|
||
<a href="https://github.com/hiddify/Hiddify-Manager/wiki/Quick-Installation-On-Ubuntu"
|
||
class="text-sm text-secondary">
|
||
Ubuntu
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://github.com/hiddify/Hiddify-Manager/wiki/Install-Hiddify-using-Docker"
|
||
class="text-sm text-secondary">
|
||
Docker
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="text-sm text-secondary"
|
||
href="https://github.com/hiddify/Hiddify-Manager/wiki/Quick-installation-on-Hetzner-Servers">
|
||
Hetzner
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://github.com/hiddify/Hiddify-Manager/wiki/Quick-Installation-on-Oracle-Cloud"
|
||
class="text-sm text-secondary">
|
||
Oracle Cloud
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://github.com/hiddify/Hiddify-Manager/wiki/Quick-installation-on-Vultr-Servers"
|
||
class="text-sm text-secondary">
|
||
Vultr
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://github.com/hiddify/Hiddify-Manager/wiki/Quick-Installation-on-OVH-Servers"
|
||
class="text-sm text-secondary">
|
||
OVH
|
||
</a>
|
||
</li>
|
||
</nav>
|
||
</div>
|
||
<div class="w-full px-4 md:w-1/2 lg:w-1/3">
|
||
<h2 class="title-font mb-3 text-lg text-secondary">Support</h2>
|
||
<nav class="mb-10 list-none">
|
||
<li>
|
||
<a class="text-sm text-secondary" href="https://github.com/hiddify/Hiddify-Manager/wiki/">
|
||
Visit GitHub Wiki
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="text-sm text-secondary" href="https://t.me/hiddify"> Join Telegram Group </a>
|
||
</li>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="flex justify-center">
|
||
<p class="text-center text-sm sm:text-left">
|
||
Powered by 2024 Hiddify team. All Rights Reserved.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script>
|
||
var menuBtn = document.getElementById("menu-btn");
|
||
var sideBar = document.getElementById("sidebar");
|
||
var closeSideBarBtn = document.getElementById("close-sidebar-btn")
|
||
|
||
menuBtn.addEventListener("click", function () {
|
||
sideBar.classList.remove("hidden");
|
||
sideBar.classList.add("flex");
|
||
});
|
||
|
||
closeSideBarBtn.addEventListener("click", function () {
|
||
sideBar.classList.remove("flex");
|
||
sideBar.classList.add("hidden");
|
||
});
|
||
|
||
var disclosureItems = document.querySelectorAll(".disclosure-item");
|
||
disclosureItems.forEach(function (item) {
|
||
var title = item.querySelector(".disclosure-title");
|
||
var content = item.querySelector(".disclosure-content");
|
||
var icon = item.querySelector(".icon");
|
||
|
||
title.addEventListener("click", function () {
|
||
if (content.style.display === "none") {
|
||
content.style.display = "block";
|
||
icon.style.transform = "rotate(180deg)";
|
||
} else {
|
||
content.style.display = "none";
|
||
icon.style.transform = "none";
|
||
}
|
||
});
|
||
});
|
||
|
||
const installButton = document.getElementById("install-btn");
|
||
|
||
var os = "Unknown";
|
||
if (window.navigator.userAgent.indexOf("Windows") != -1) os = "Windows";
|
||
if (window.navigator.userAgent.indexOf("Mac") != -1) os = "Mac/iOS";
|
||
if (window.navigator.userAgent.indexOf("X11") != -1) os = "UNIX";
|
||
if (window.navigator.userAgent.indexOf("Linux") != -1) os = "Linux";
|
||
|
||
installButton.innerText = "Download for " + os;
|
||
</script>
|
||
</body>
|
||
|
||
</html> |