96 lines
4.4 KiB
HTML
96 lines
4.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="apple-touch-icon" sizes="57x57" href="./icons/apple-icon-57x57.png" />
|
|
<link rel="apple-touch-icon" sizes="60x60" href="./icons/apple-icon-60x60.png" />
|
|
<link rel="apple-touch-icon" sizes="72x72" href="./icons/apple-icon-72x72.png" />
|
|
<link rel="apple-touch-icon" sizes="76x76" href="./icons/apple-icon-76x76.png" />
|
|
<link rel="apple-touch-icon" sizes="114x114" href="./icons/apple-icon-114x114.png" />
|
|
<link rel="apple-touch-icon" sizes="120x120" href="./icons/apple-icon-120x120.png" />
|
|
<link rel="apple-touch-icon" sizes="144x144" href="./icons/apple-icon-144x144.png" />
|
|
<link rel="apple-touch-icon" sizes="152x152" href="./icons/apple-icon-152x152.png" />
|
|
<link rel="apple-touch-icon" sizes="180x180" href="./icons/apple-icon-180x180.png" />
|
|
<link rel="icon" type="image/png" sizes="192x192" href="./icons/android-icon-192x192.png" />
|
|
<link rel="icon" type="image/png" sizes="32x32" href="./icons/favicon-32x32.png" />
|
|
<link rel="icon" type="image/png" sizes="96x96" href="./icons/favicon-96x96.png" />
|
|
<link rel="icon" type="image/png" sizes="16x16" href="./icons/favicon-16x16.png" />
|
|
<link rel="icon" href="./icons/favicon.ico" />
|
|
<link rel="manifest" href="./manifest.json" />
|
|
<meta name="msapplication-TileImage" content="./icons/ms-icon-144x144.png" />
|
|
<link rel="stylesheet" type="text/css" href="./font.css" />
|
|
<link rel="stylesheet" type="text/css" href="./styles/index.css" />
|
|
<script src="./scripts/Stickied.js"></script>
|
|
<title>Watch Party</title>
|
|
</head>
|
|
<body>
|
|
<div class="landing">
|
|
<div class="logo-circle"></div>
|
|
<div class="logo-circle"></div>
|
|
<div class="logo-circle"></div>
|
|
<h1 data-font="serif" class="logo">WATCH PARTY</h1>
|
|
<h5 data-font="sans" class="logo-tag">
|
|
WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
|
|
</h5>
|
|
<p data-font="sans-bold" class="title subtitle">FREE. NO SIGNUP. NO BS.<br />WORKS WITH</p>
|
|
<div class="supported">
|
|
<div class="supported-logo" id="netflix"></div>
|
|
<div class="supported-logo" id="hulu"></div>
|
|
<div class="supported-logo" id="disney"></div>
|
|
<div class="supported-logo" id="prime"></div>
|
|
<div class="supported-logo" id="youtube"></div>
|
|
<div class="supported-logo" id="hbonow"></div>
|
|
<div class="supported-logo" id="hbomax"></div>
|
|
</div>
|
|
<a data-font="sans-bold" href="./beta/" class="link-button">Get Chrome Extension</a>
|
|
</div>
|
|
<div class="features">
|
|
<p data-font="sans-bold" class="title subtitle">FEATURES</p>
|
|
<div class="feature-card">
|
|
<div class="feature-icon" id="sync"></div>
|
|
<p data-font="sans" class="feature-text">
|
|
Free group voice calls - for when text and GIFs just won't do.
|
|
</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon" id="phone"></div>
|
|
<p data-font="sans" class="feature-text">
|
|
Free group voice calls - for when text and GIFs just won't do.
|
|
</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon" id="chat"></div>
|
|
<p data-font="sans" class="feature-text">
|
|
Free group voice calls - for when text and GIFs just won't do.
|
|
</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon" id="delete"></div>
|
|
<p data-font="sans" class="feature-text">
|
|
Free group voice calls - for when text and GIFs just won't do.
|
|
</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon" id="custom"></div>
|
|
<p data-font="sans" class="feature-text">
|
|
Free group voice calls - for when text and GIFs just won't do.
|
|
</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon" id="signup"></div>
|
|
<p data-font="sans" class="feature-text">
|
|
Free group voice calls - for when text and GIFs just won't do.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<footer data-font="sans">
|
|
<p class="title">© AYUSHYA AMITABH, 2020</p>
|
|
<p class="title built-with">
|
|
BUILT WITH ❤ FOR <a>GOOGLE CHROME</a> USING <a>FIREBASE</a>, <a>MATERIAL-UI</a>,
|
|
<a>REACT JS</a>, <a>NODE JS</a>, & <a>GIPHY</a>.
|
|
</p>
|
|
<a data-font="sans-bold" href="./beta/" class="link-button">Support Watch Party</a>
|
|
<a data-font="sans-bold" href="./beta/" class="link-button">Get Chrome Extension</a>
|
|
</footer>
|
|
</body>
|
|
</html>
|