Tezos-India · khushbooMalpani · Aug 31, 2023 · Aug 31, 2023
diff --git a/AAyojan.jpg b/AAyojan.jpg
diff --git a/booking1.png b/booking1.png
diff --git a/booking2.png b/booking2.png
diff --git a/booking3.png b/booking3.png
diff --git a/booking4.png b/booking4.png
diff --git a/booking5.png b/booking5.png
diff --git a/comedy.html b/comedy.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Comedy</title>
+    <link rel="stylesheet" href="other.css">
+</head>
+
+<body>
+    <nav class="fnav">
+        <div class="left">
+            <img src="images/AAyojan.jpg" alt="" class="image">
+            <input type="text" placeholder="Search For Open-Mic Event">
+        </div>
+        <div class="right">
+            <p>Location</p>
+            <button>Log In</button>
+            <i class="fa-solid fa-bars"></i>
+        </div>
+    </nav>
+    <nav class="sec-nav">
+
+        <div class="s-left">
+            <p>Stream</p>
+            <p>Stand-up</p>
+            <p>Crowd Show</p>
+
+        </div>
+        <div class="s-right">
+            <p>ListYourShow</p>
+            <p>Offer</p>
+            <p>Gift Cards</p>
+        </div>
+    </nav>
+    <div class="main">
+        <img src="images/comedybanner.jpg" alt="">
+    </div>
+    <div class="container">
+        <h2>Best Comedy Show</h2>
+        <div class="card">
+            <img src="images/comedy1.jpg" alt="">
+            <img src="images/comedy2.jpg" alt="">
+            <img src="images/comedy3.jpg" alt="">
+            <img src="images/comedy4.jpg" alt="">
+            <img src="images/comedy5.jpg" alt="">
+        </div>
+    </div>
+    <div class="banner">
+        <img src="images/open mic banner.jpg" alt="">
+    </div>
+    </div>
+</body>
+
+</html>
diff --git a/comedy1.jpg b/comedy1.jpg
diff --git a/comedy2.jpg b/comedy2.jpg
diff --git a/comedy3.jpg b/comedy3.jpg
diff --git a/comedy4.jpg b/comedy4.jpg
diff --git a/comedy5.jpg b/comedy5.jpg
diff --git a/comedybanner.jpg b/comedybanner.jpg
diff --git a/login.css b/login.css
@@ -0,0 +1,132 @@
+@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
+*{
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  font-family: 'Poppins', sans-serif;
+}
+html,body{
+  display: grid;
+  height: 100%;
+  width: 100%;
+  place-items: center;
+  background: #f2f2f2;
+  /* background: linear-gradient(-135deg, #c850c0, #4158d0); */
+}
+::selection{
+  background: #4158d0;
+  color: #fff;
+}
+.wrapper{
+  width: 380px;
+  height: 600px;
+  background: #fff;
+  border-radius: 15px;
+  box-shadow: 0px 15px 20px rgba(0,0,0,0.1);
+}
+.wrapper .title{
+  font-size: 35px;
+  font-weight: 600;
+  text-align: center;
+  line-height: 100px;
+  color: #fff;
+  user-select: none;
+  border-radius: 15px 15px 0 0;
+  background: linear-gradient(-135deg, #c850c0, #4158d0);
+}
+.wrapper form{
+  padding: 10px 30px 50px 30px;
+}
+.wrapper form .field{
+  height: 50px;
+  width: 100%;
+  margin-top: 20px;
+  position: relative;
+}
+.wrapper form .field input{
+  height: 100%;
+  width: 100%;
+  outline: none;
+  font-size: 17px;
+  padding-left: 20px;
+  border: 1px solid lightgrey;
+  border-radius: 25px;
+  transition: all 0.3s ease;
+}
+.wrapper form .field input:focus,
+form .field input:valid{
+  border-color: #4158d0;
+}
+.wrapper form .field label{
+  position: absolute;
+  top: 50%;
+  left: 20px;
+  color: #999999;
+  font-weight: 400;
+  font-size: 17px;
+  pointer-events: none;
+  transform: translateY(-50%);
+  transition: all 0.3s ease;
+}
+form .field input:focus ~ label,
+form .field input:valid ~ label{
+  top: 0%;
+  font-size: 16px;
+  color: #4158d0;
+  background: #fff;
+  transform: translateY(-50%);
+}
+form .content{
+  display: flex;
+  width: 100%;
+  height: 50px;
+  font-size: 16px;
+  align-items: center;
+  justify-content: space-around;
+}
+form .content .checkbox{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+form .content input{
+  width: 15px;
+  height: 15px;
+  background: red;
+}
+form .content label{
+  color: #262626;
+  user-select: none;
+  padding-left: 5px;
+}
+form .content .pass-link{
+  color: "";
+}
+form .field input[type="submit"]{
+  color: #fff;
+  border: none;
+  padding-left: 0;
+  margin-top: -10px;
+  font-size: 20px;
+  font-weight: 500;
+  cursor: pointer;
+  background: linear-gradient(-135deg, #c850c0, #4158d0);
+  transition: all 0.3s ease;
+}
+form .field input[type="submit"]:active{
+  transform: scale(0.95);
+}
+form .signup-link{
+  color: #262626;
+  margin-top: 20px;
+  text-align: center;
+}
+form .pass-link a,
+form .signup-link a{
+  color: #4158d0;
+  text-decoration: none;
+}
+form .pass-link a:hover,
+form .signup-link a:hover{
+  text-decoration: underline;
+}
diff --git a/login.html b/login.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+   <head>
+      <meta charset="utf-8">
+      <title>Login</title>
+      <link rel="stylesheet" href="login.css">
+   </head>
+   <body>
+      <div class="wrapper">
+         <div class="title">
+            AAyojan
+         </div>
+         <form action="#">
+            <div class="field">
+               <input type="name" required>
+               <label>Name</label>
+            </div>
+            <div class="field">
+               <input type="email" required>
+               <label>Email Address</label>
+            </div>
+            <div class="field">
+               <input type="password" required>
+               <label>Password</label>
+            </div>
+
+            <div class="field">
+               <input type="tel" required>
+               <label>Phone</label>
+            </div>
+            <div class="content">
+               <div class="checkbox">
+                  <input type="checkbox" id="remember-me">
+                  <label for="remember-me">Remember me</label>
+               </div>
+               <div class="pass-link">
+                  <a href="#">Forgot password?</a>
+               </div>
+            </div>
+
+                <div class="field">
+                    <a href="main.html"><input type="submit" value="Login"></a>
+                 </div>
+
+
+            <div class="signup-link">
+               Not a member? <a href="sign_up.html">Signup now</a>
+            </div>
+         </form>
+      </div>
+   </body>
+</html>
diff --git a/main.css b/main.css
@@ -0,0 +1,123 @@
+*{
+    margin: 0%;
+    padding: 0%;
+
+}
+.fnav{
+    display: flex;
+    justify-content: center;
+    justify-content: space-around;
+    padding: 2px;
+    color: white;
+    background-color: rgb(42,42,68);
+}
+
+.fnav .left{
+    display: flex;
+    margin-top: 10px;
+}
+.left img{
+    width: 22%;
+}
+.left input{
+    margin-inline: 11px;
+    width: 420px;
+    height: 33px;
+    border: none;
+    outline: none;
+    text-align: center;
+    margin-top: 10px;
+    border-radius: 2px;
+
+}
+
+.fnav .right{
+    display: flex;
+    margin-top: 20px;
+}
+
+.right p{
+    margin-inline: 22px;
+    font-size: 22px;
+}
+.right button{
+    margin-inline: 22px;
+    width: 80px;
+    height: 27px;
+    border: none;
+    border-radius: 2px;
+    background-color: rgb(251,59,91);
+    color: white;
+}
+.right i{
+    margin-inline: 22px;
+    font-size: 22px;
+}
+.sec-nav{
+    display: flex;
+    justify-content: center;
+    justify-content: space-around;
+    padding: 9px;
+    background-color: rgb(26,26,48);
+    color: white;
+
+}
+.sec-nav .s-left{
+    display: flex;
+}
+.sec-nav .s-right{
+    display: flex;
+}
+.sec-nav p:hover{
+    color: rgb(245,70,99);
+    cursor: pointer;
+    font-weight: 600;
+}
+.s-left p{
+   margin-inline-start: 18px; 
+}
+.s-right p{
+    margin-inline-start: 22px; 
+ }
+
+ .main img{
+    width: 100%;
+
+ }
+
+.container h2{
+   text-align: center;
+    padding: 10px;
+    font-size: 30px;
+
+}
+.container span{
+    padding: 10px;
+    font-size: 30px;
+    margin-bottom: 20px;
+    font-family: 'Times New Roman', Times, serif;
+
+}
+
+.container .card{
+    display: flex;
+    justify-content: center;
+    justify-content: space-around;
+}
+.card img{
+    width: 17%;
+    margin-block: 15px;
+    border-radius: 5px;
+    cursor: pointer;
+
+}
+.card img:hover{
+    transform: scale(1.1);
+    border: 2px solid black;
+    border-radius: 3px;
+}
+.banner img{
+    width: 100%;
+    background-color: rgb(26,26,48);
+    padding: 10px;
+}