You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
160 lines
6.0 KiB
160 lines
6.0 KiB
7 months ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<!-- jquery script for smooth scroll -->
|
||
|
|
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||
|
|
|
||
|
|
<!-- HTML Meta Tags -->
|
||
|
|
<meta charset="UTF-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
|
|
<meta
|
||
|
|
name="description"
|
||
|
|
content="We build mods of social media apps such as Instagram to help you stay focused, avoid distractions, and help you practice digital minimalism."
|
||
|
|
/>
|
||
|
|
<meta
|
||
|
|
name="keywords"
|
||
|
|
content="Instagram, Social Media, Digital Minimalism, Distraction, Focus"
|
||
|
|
/>
|
||
|
|
|
||
|
|
<title>Home</title>
|
||
|
|
|
||
|
|
<!-- Facebook Meta Tags -->
|
||
|
|
<meta property="og:url" content="https://www.distractionfreeapps.com/" />
|
||
|
|
<meta property="og:type" content="website" />
|
||
|
|
<meta property="og:title" content="Distraction Free Instagram" />
|
||
|
|
<meta
|
||
|
|
property="og:description"
|
||
|
|
content="We build mods of social media apps such as Instagram to help you stay focused, avoid distractions, and help you practice digital minimalism."
|
||
|
|
/>
|
||
|
|
<meta property="og:image" content="assets/dfi_hero.png" />
|
||
|
|
|
||
|
|
<!-- Twitter Meta Tags -->
|
||
|
|
<meta name="twitter:card" content="summary_large_image" />
|
||
|
|
<meta
|
||
|
|
property="twitter:domain"
|
||
|
|
content="https://www.distractionfreeapps.com/"
|
||
|
|
/>
|
||
|
|
<meta
|
||
|
|
property="twitter:url"
|
||
|
|
content="https://www.distractionfreeapps.com/"
|
||
|
|
/>
|
||
|
|
<meta name="twitter:title" content="Distraction Free Instagram" />
|
||
|
|
<meta
|
||
|
|
name="twitter:description"
|
||
|
|
content="We build mods of social media apps such as Instagram to help you stay focused, avoid distractions, and help you practice digital minimalism."
|
||
|
|
/>
|
||
|
|
<meta name="twitter:image" content="assets/dfi_hero.png" />
|
||
|
|
|
||
|
|
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
|
||
|
|
|
||
|
|
<link rel="icon" type="image/png" href="assets/favicon.ico" />
|
||
|
|
<link rel="stylesheet" href="./style.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<!-- nav bar -->
|
||
|
|
<nav class="nav">
|
||
|
|
<a href="index.html" class="nav__logo">DistractionFreeApps.com</a>
|
||
|
|
<ul class="nav__list">
|
||
|
|
<li class="active">
|
||
|
|
<a href="index.html"><p>Home</p></a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="faq.html"><p>FaQ</p></a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="download.html"><p>Download</p></a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<!-- body -->
|
||
|
|
<div class="hero--wrap">
|
||
|
|
<div class="hero">
|
||
|
|
<div class="hero__left">
|
||
|
|
<h2>Get Your Focus Back</h2>
|
||
|
|
<h5>with Distraction Free Instagram</h5>
|
||
|
|
<div class="hero__cta">
|
||
|
|
<a href="download.html">
|
||
|
|
<button class="hero__cta__button">Download</button>
|
||
|
|
</a>
|
||
|
|
<p class="hero__cta__info">
|
||
|
|
Currently exclusive <br />
|
||
|
|
to Android users
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<p class="hero__cta__subtitle">
|
||
|
|
Take charge of your digital well-being today.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="hero__right">
|
||
|
|
<img src="assets/instagram_logo_dark.svg" alt="DFinstagram" />
|
||
|
|
<p class="hero__info">
|
||
|
|
"Break free from endless scrolling and reclaim your time with
|
||
|
|
Distraction Free Instagram! Designed to help you stay connected
|
||
|
|
without the addictive clutter, our app lets you disable distracting
|
||
|
|
features like the endless feed and explore page with ease. Take
|
||
|
|
control of your social media experience and stay focused on what
|
||
|
|
matters most."
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="tutorial">
|
||
|
|
<a class="tutorial__button" id="tutorial__button">
|
||
|
|
See tutorial below 👇
|
||
|
|
</a>
|
||
|
|
<div class="tutorial__video--wrap" id="tutorial__video">
|
||
|
|
<video width="250" height="450" controls>
|
||
|
|
<source src="assets/tutorial_video.mp4" type="video/mp4">
|
||
|
|
</video>
|
||
|
|
</div>
|
||
|
|
<img
|
||
|
|
src="assets/chevrons-down.svg"
|
||
|
|
alt="down button"
|
||
|
|
class="tutorial__up"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<div class="aboutus--wrap">
|
||
|
|
<div class="aboutus">
|
||
|
|
<h2>About Us</h2>
|
||
|
|
<p>
|
||
|
|
Distraction Free Instagram is your gateway to a more intentional
|
||
|
|
digital experience. Recognizing the addictive tendencies fostered by
|
||
|
|
conventional social media platforms like Instagram, we've crafted a
|
||
|
|
solution to empower users in regaining control of their online habits.
|
||
|
|
By selectively disabling features such as the endless feed, explore
|
||
|
|
page, reels, and shopping section, our app allows you to focus on what
|
||
|
|
truly matters: genuine connections with friends and family.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
Exclusively available for Android users, transitioning to Distraction
|
||
|
|
Free Instagram is a straightforward process. Simply uninstall
|
||
|
|
Instagram and replace it with DFinstagram by accessing the downloaded
|
||
|
|
file through your file explorer. Our commitment extends beyond just
|
||
|
|
providing an alternative; we're dedicated to supporting you in your
|
||
|
|
journey towards a healthier relationship with social media.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- footer -->
|
||
|
|
<footer class="footer">
|
||
|
|
Contact us at
|
||
|
|
<a href="/cdn-cgi/l/email-protection#9bf8f4f5effaf8efdbfff2e8efe9faf8eff2f4f5fde9fefefaebebe8b5f8f4f6"><span class="__cf_email__" data-cfemail="4c2f2322382d2f380c28253f383e2d2f382523222a3e29292d3c3c3f622f2321">[email protected]</span></a
|
||
|
|
>
|
||
|
|
</footer>
|
||
|
|
|
||
|
|
<!-- smooth scroll script -->
|
||
|
|
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
|
||
|
|
$("#tutorial__button").click(function () {
|
||
|
|
$("html, body").animate(
|
||
|
|
{
|
||
|
|
scrollTop: $("#tutorial__video").offset().top,
|
||
|
|
},
|
||
|
|
1000
|
||
|
|
);
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|