Add files via upload
home.html
0 → 100644
<!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>ChillFlix</title> | ||
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" | ||
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> | ||
<link rel="preconnect" href="https://fonts.googleapis.com"> | ||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
<link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet"> | ||
<link rel="icon" type="image/png" href="img/Darkmode_logo.png"/> | ||
<link href='https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/all.css' rel='stylesheet'> | ||
<link rel="stylesheet" href="css/darkmode.css"> | ||
<link rel="stylesheet" href="css/style1.css" /> | ||
<link rel="preconnect" href="https://fonts.googleapis.com"> | ||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
<link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet"> | ||
</head> | ||
<body data-theme = "dark" class="scrolls" id="HTML" onload="changing()"> | ||
<nav class="shadow bg-body rounded"> | ||
<div class="logo"> | ||
<img id="logo2" class="logo2" src="img/lightmode_logo.png"> | ||
</div> | ||
<div class="button" class="btn-dark btn btn-lg" data-bs-toggle="modal" data-bs-target="#exampleModal"> | ||
<a class="btn-dark btn btn-lg" href="movie.html" role="button"> | ||
WATCH NOW | ||
</a> | ||
</div> | ||
</nav> | ||
<div class="panel0"> | ||
<div class=" name" > | ||
<div class="heading">Chill<span class="In" style="color: aquamarine;">Flix</span></div> | ||
</div> | ||
</div> | ||
<div class="features"> | ||
<div class="rowf"> | ||
<div class="col icon icon1"> | ||
<svg xmlns="http://www.w3.org/2000/svg" height="130px" width="130px" class="bi bi-camera-reels-fill icon panellogos" viewBox="0 0 16 16"> | ||
<path d="M6 3a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/> | ||
<path d="M9 6a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/> | ||
<path d="M9 6h.5a2 2 0 0 1 1.983 1.738l3.11-1.382A1 1 0 0 1 16 7.269v7.462a1 1 0 0 1-1.406.913l-3.111-1.382A2 2 0 0 1 9.5 16H2a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h7z"/> | ||
</svg> | ||
<i class="bi bi-camera-reels-fill "></i> | ||
<h2 class="ftext">Video on Demand</h2> | ||
<p class="ftexting">Watch what you want whenever you want</p> | ||
</div> | ||
<div class="col icon"> | ||
<svg xmlns="http://www.w3.org/2000/svg" height="130px" width="130px" class="bi bi-mic-fill icon2 panellogos" viewBox="0 0 16 16"> | ||
<path d="M5 3a3 3 0 0 1 6 0v5a3 3 0 0 1-6 0V3z"/> | ||
<path d="M3.5 6.5A.5.5 0 0 1 4 7v1a4 4 0 0 0 8 0V7a.5.5 0 0 1 1 0v1a5 5 0 0 1-4.5 4.975V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 .5-.5z"/> | ||
</svg> | ||
<i class="bi bi-search "></i> | ||
<h2 class="ftext">Live Streaming</h2> | ||
<p class="ftexting">Go live! Share your reactions</p> | ||
</div> | ||
<div class="col icon"> | ||
<svg xmlns="http://www.w3.org/2000/svg" height="150px" width="150px" | ||
class="bi bi-display-fill panellogos" viewBox="0 0 16 16"> | ||
<path | ||
d="M6 12c0 .667-.083 1.167-.25 1.5H5a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1h-.75c-.167-.333-.25-.833-.25-1.5h4c2 0 2-2 2-2V4c0-2-2-2-2-2H2C0 2 0 4 0 4v6c0 2 2 2 2 2h4z" /> | ||
</svg> | ||
<i class="bi bi-display-fill icon3"></i> | ||
<h2 class="ftext">Watch Party</h2> | ||
<p class="ftexting">Watch with your friends</p> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="panel3"> | ||
<div class="p3text"> | ||
<div class="p3text1">To lazy to get out of the sofa?</div> | ||
<div class="p3text2">Watch a movie with your friends<br>right from the comfort of your home with popcorn you can afford.</div> | ||
</div> | ||
</div> | ||
<footer class="shadow foot"> | ||
<div class="logo"> | ||
<img class="logo-foot" id="logo-foot" src="img/lightmode_logo.png"> | ||
</div> | ||
<div class="text-foot">Try ChillFlix now</div> | ||
<p class="copyright">© copyright 2021 ChillFlix</p> | ||
<div class="switch position" > | ||
<input type="checkbox" class="darking" id="checkbox"> | ||
<label for="checkbox" class="label"> | ||
<i class="fas fa-moon"></i> | ||
<i class="fas fa-sun"></i> | ||
<div class="ball"></div> | ||
</label> | ||
</div> | ||
</footer> | ||
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" | ||
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" | ||
crossorigin="anonymous"></script> | ||
<script src="js/darkmode.js"></script> | ||
</body> | ||
</html> | ||
\ No newline at end of file |
img/Darkmode_logo.png
0 → 100644
23.6 KB
img/Lightmode_logo.png
0 → 100644
37.8 KB
img/background.jpg
0 → 100644
638 KB
img/c1.jpg
0 → 100644
597 KB
img/c2.jpg
0 → 100644
357 KB
img/c3.jpg
0 → 100644
283 KB
img/c4.jpeg
0 → 100644
370 KB
img/c4.jpg
0 → 100644
101 KB
img/c5.jpg
0 → 100644
21 KB
img/c6.jpg
0 → 100644
482 KB
img/c7.jpg
0 → 100644
169 KB
img/c8.jpg
0 → 100644
215 KB
img/hp1.jpg
0 → 100644
197 KB
img/hp2.jpg
0 → 100644
3.99 MB
img/hp3.jpg
0 → 100644
56.6 KB
img/hp4.jpg
0 → 100644
551 KB
img/hp5.jpg
0 → 100644
65.9 KB
img/hp6.jpg
0 → 100644
1.21 MB
img/hp7.jpg
0 → 100644
750 KB