Unverified Commit 36396acd authored by rishikaponna's avatar rishikaponna Committed by GitHub
Browse files

Add files via upload

parent 7539bccd
<!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">&copy; 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/hp2.jpg

3.99 MB

img/hp3.jpg

56.6 KB

img/hp5.jpg

65.9 KB

img/hp6.jpg

1.21 MB

Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment