-
Notifications
You must be signed in to change notification settings - Fork 0
/
streamroom.html
126 lines (118 loc) · 6.02 KB
/
streamroom.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
<title>STREAMROOM</title>
<link rel="stylesheet" href="streamroom.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Audiowide">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light " style="background-color: #400202;">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="images\logo.jpg" alt="" width="30" height="24" class="">
</a>
<h1> STREAMROOM </h1>
<div class="collapse navbar-collapse text-right" id="navbarSupportedContent">
<form action="/login" method="">
<button class="btn btn-outline-warning m-3 col-11" type="submit">LOGIN</button>
</form>
<form action="/signup">
<button class="btn btn-outline-primary m-3 col-11" type="submit">SIGNUP</button>
</form>
</div>
</nav>
<a class="btn btn-dark col-3" data-bs-toggle="offcanvas" href="#offcanvasExample" role="button" aria-controls="offcanvasExample" style="margin-left:10px; margin-top:10px; ">
WHAT IS STREAMROOM
</a>
<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasExample" aria-labelledby="offcanvasExampleLabel" style="background-color: darkblue; ">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasExampleLabel"></h5>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body" >
<div style="color:white; font-size:25px; text-align:justify; ">
STREAMROOM is basically an online movie streaming platform wherein we can watch, chat & have fun. It is a unique platform because we are provided with remote access and yes! personal controls.
Now What are you waiting for..?
Just Login or signup to watch your favourite movies and enjoy yourselves.
</div>
<div class="dropdown mt-3">
<button class="btn btn-secondary dropdown-toggle col-12" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown">
HAVE FUN ?
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<li><a class="dropdown-item" href="/login" >Login</a></li>
<li><a class="dropdown-item" href="/signup">Sign Up</a></li>
</ul>
</div>
</div>
</div>
<div class="content">
<div class="top">
<p> WATCH YOUR FAVOURITE MOVIES </p>
</div>
<p> WITH FRIENDS AND FAMILY !! </p>
<div class="subheading">
<p> A unique platform to watch movies, Chat and have fun </p>
</div>
</div>
<div class="poster">
</div>
<div class="div-center gallery">
<div id="carousel">
<figure><img src="images\tomcruise.jpg" alt=""></figure>
<figure><img src=images\fam.jpg alt=""></figure>
<figure><img src=images\tomcruise.jpg alt=""></figure>
<figure><img src="images\avengers.jpg"alt=""></figure>
<figure><img src="images\soor.jpg" alt=""></figure>
<figure><img src="images\fam.jpg" alt=""></figure>
<figure><img src="images\tomcruise.jpg" alt=""></figure>
<figure><img src="images\avengers.jpg" alt=""></figure>
<figure><img src="images\fam.jpg" alt=""></figure>
<figure><img src="images\soor.jpg" alt=""></figure>
</div>
</div>
<form action="/signup">
<button class="btn btn-danger col-2 " id="btnAdd" style="margin-left: 100px;">
CREATE ROOM <i class="fas fa-users"></i>
</button>
</form>
<div class="spinner-border text-primary float-end" style="width: 3rem; height: 3rem; margin-right:130px" role="status">
<span class="visually-hidden">Loading...</span>
</div>
<div class="spinner-border text-secondary float-end " style="width: 3rem; height: 3rem;" role="status">
<span class="visually-hidden">Loading...</span>
</div>
<div class="spinner-border text-success float-end"style="width: 3rem; height: 3rem;" role="status">
<span class="visually-hidden">Loading...</span>
</div>
<div class="spinner-border text-danger float-end"style="width: 3rem; height: 3rem;" role="status">
<span class="visually-hidden">Loading...</span>
</div>
<div class="spinner-border text-warning float-end"style="width: 3rem; height: 3rem;" role="status">
<span class="visually-hidden">Loading...</span>
</div>
<div class="spinner-border text-info float-end"style="width: 3rem; height: 3rem;" role="status">
<span class="visually-hidden">Loading...</span>
</div>
<div class="spinner-border text-ligh float-end"style="width: 3rem; height: 3rem;" role="status">
<span class="visually-hidden">Loading...</span>
</div>
<div class="spinner-border text-dark float-end"style="width: 3rem; height: 3rem;" role="status">
<span class="visually-hidden">Loading...</span>
</div>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-SR1sx49pcuLnqZUnnPwx6FCym0wLsk5JZuNx2bPPENzswTNFaQU1RDvt3wT4gWFG" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-j0CNLUeiqtyaRmlzUHCPZ+Gy5fQu0dQ6eZ/xAww941Ai1SxSY+0EQqNXNE6DZiVc" crossorigin="anonymous"></script>
-->
</body>
</html>