Add files via upload

Amrita-TIFAC-Cyber-Blockchain · Dec 15, 2023 · 2eed7da · 2eed7da
1 parent 2d304bb
commit 2eed7da
Show file tree

Hide file tree

Showing 9 changed files with 294 additions and 0 deletions.
diff --git a/Assignments/CB.EN.U4CYS22073/ui/CSS/login.css b/Assignments/CB.EN.U4CYS22073/ui/CSS/login.css
@@ -0,0 +1,78 @@
+body{
+    margin:0;
+    padding:0;
+    background-color: rgb(172, 172, 212);
+    font-family: sans-serif;
+}
+h1{
+    width:390px;
+    margin:40px auto;
+    border-radius:34px;
+}
+h1 span
+{
+    color:antiquewhite;
+    cursor:pointer;
+    background-color: rgb(187, 149, 149);
+}
+h1 [data-class="login"]
+{
+    padding: 10px 50px;
+    border-radius: 34px 0 0 34px;
+}
+h1 [data-class="login"]
+{
+    padding: 10px 50px;
+    border-radius: 34px 0 0 34px;
+}
+h1 [data-class="signup"]
+{
+    padding:10px 40px;
+    border-radius:0 34px 34px 0;
+}
+h1[data-class="login"].active
+{
+    background-color: bisque;
+}
+.active{
+    color:#c91111;
+}
+h1[data-class="signup"].active
+{
+    background-color: rgb(14, 12, 10);
+}
+form {
+    width:390px;
+    margin:auto;
+}
+form input{
+    width:390px;
+    font-size:18px;
+    background:none;
+    display:block;
+    margin:10px auto;
+    text-align: center;
+    padding:14px 10px;
+    outline:none;
+    border:2px solid #fff;
+    color: #fff;
+    border-radius:34px;
+}
+form input[type="submit"]
+{
+    margin:auto 0;
+    cursor: pointer;
+}
+form input[value="Login"]
+{
+    background-color:aquamarine;
+}
+form input[value="Sign Up"]
+{
+    background-color:aquamarine;
+}
+
+.signup
+{
+    display:none
+}
diff --git a/Assignments/CB.EN.U4CYS22073/ui/CSS/new_css.css b/Assignments/CB.EN.U4CYS22073/ui/CSS/new_css.css
@@ -0,0 +1,60 @@
+nav{
+    background-color: black;
+    color: white;
+}
+*
+{
+    margin: 0px;
+    padding: 10px;
+}
+li,h1,ul
+{
+   display: inline;
+}
+ul
+{
+    margin-left: 50%;
+}
+li
+{
+    color: grey;
+    font-size: 16;
+    padding: 15px;
+}
+li:hover
+{
+    color: white;
+}
+input
+{
+    width: 60%;
+    padding: 15px;
+}
+.searchbar
+{
+    padding: 50px;
+    text-align: center;
+}
+.places 
+{
+    text-align: center;
+}
+.place1
+{
+    border-color: black;
+    border-width: 2px;
+    border-style: solid;
+    display: inline-block;
+    width: 740px;
+}
+.place1:hover
+{
+    background-color: rgb(189, 237, 17);
+    color: white;
+}
+.about
+{
+    text-align: center;
+    margin-top: 30px;
+    padding:30px;
+}
diff --git a/Assignments/CB.EN.U4CYS22073/ui/HTML/login.html b/Assignments/CB.EN.U4CYS22073/ui/HTML/login.html
@@ -0,0 +1,46 @@
+
+
+<head>
+    <title>Login  | Sign Up</title>
+    <link rel="stylesheet" href="login.css">
+
+</head>
+<body >
+    <style>
+        body {
+            background-image: url("https://media.istockphoto.com/id/1300296030/photo/tropical-beach-palm-trees-sea-wave-and-white-sand.jpg?s=2048x2048&w=is&k=20&c=Uo83RzuVoAoQ_8tJBPEyspQuSHIuw43x7rYrzGClFDo=");
+            background-repeat: no-repeat;
+            background-size: cover;
+
+          }
+    </style>
+    <h1><span class="active" data-class="login">Login</span><span data-class="signup">Sign Up</span></h1>
+    <form class="login">
+        <input type="text" placeholder="type your username">
+        <input type="password" placeholder="type your password">
+        <input type="submit" value="Login">
+    </form>
+    <form class="signup">
+        <input type="text" placeholder="type a username">
+        <input type="password" placeholder="type a password">
+        <input type="email" placeholder="type a email">
+        <input type="text" placeholder="type your name">
+        <input type="submit" value="Sign Up">
+
+    </form> 
+</body>
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<script>
+    $(function()
+    {
+        $('h1 span').click(function()
+        {
+            $(this).addClass('active').siblings().removeClass('active');
+            $('form').hide();
+            $('.'+$(this).data('class')).fadeIn(500);
+        })
+    })
+</script>
+
+
+</html>
diff --git a/Assignments/CB.EN.U4CYS22073/ui/IMAGES/appdesignphoto.jpeg b/Assignments/CB.EN.U4CYS22073/ui/IMAGES/appdesignphoto.jpeg
diff --git a/Assignments/CB.EN.U4CYS22073/ui/IMAGES/ui.ico b/Assignments/CB.EN.U4CYS22073/ui/IMAGES/ui.ico
diff --git a/Assignments/CB.EN.U4CYS22073/ui/IMAGES/wallpaper.jpg b/Assignments/CB.EN.U4CYS22073/ui/IMAGES/wallpaper.jpg
diff --git a/Assignments/CB.EN.U4CYS22073/ui/IMAGES/wallpaperpreview.jpg b/Assignments/CB.EN.U4CYS22073/ui/IMAGES/wallpaperpreview.jpg
diff --git a/Assignments/CB.EN.U4CYS22073/ui/IMAGES/windows-10.jpg b/Assignments/CB.EN.U4CYS22073/ui/IMAGES/windows-10.jpg
diff --git a/Assignments/CB.EN.U4CYS22073/ui/travel_agencies_and_vacation_packages.html b/Assignments/CB.EN.U4CYS22073/ui/travel_agencies_and_vacation_packages.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width">
+        <title>travel agency and vacation packages</title>
+
+        <link rel="icon" type="imake/x-icon" href="UI_Assignment\IMAGES\ui.ico">
+        <style>
+            body{
+                background-image: url("windows-10.jpg");
+                background-repeat: no-repeat;
+                background-size: cover;
+            }
+        </style>
+    </head> 
+    <body style="background-color: rgb(17, 201, 208);">
+
+
+        </div>
+        <center>
+            <bold>
+                <h1>Brother's travel agencies</h1>
+                <h2>All vacation packages are available</h2>
+
+            </bold>
+          </center>
+
+          <div class="header">
+            <nav>
+
+              <h1 style="color: white;">Travel expenses</h1>
+              <ul>
+                  <li>Home</li>
+                  <li>Trains</li>
+                  <li>Hotels</li>
+                  <li>Flights</li>
+                  <li>Buses</li>
+                  <li style="color: white;"><a href="login.html" _target="new">Login/Signup</a></li>
+              </ul>
+            </nav>
+
+                <ul>
+                    <style>
+
+                    </style>
+                    <li>India</li>
+                    <li>China</li>
+                    <li>Russia</li>
+                    <li><abbr title = "United states of America">USA</abbr></li>
+                    <li><abbr title="United Kingdom">UK</abbr></li>
+                    <li>Thailand</li>
+                    <li>Singapore</li>
+                    <li>Japan</li>
+                    <li>Germany</li>
+
+                </ul>    
+
+            <center>
+            <font face = "Arial Narrow" size = "20" color = #00ffff>
+            Welcome! 
+            </font>
+          </center>
+
+            <link rel="stylesheet" type="text/css" href="new_css.css">
+          </div>
+          <div class="searchbar" >
+              <input placeholder="search">
+          </div>
+          <div class="places">
+              <div class="place1">
+                  <img src="wallpaperpreview.jpg">
+              </div>
+
+
+      <style>
+        h1
+        {
+            color:white
+        }
+        p{
+            color:green
+        }
+    </style>
+    <br><h1>travelling agencies always at your prefernces</h1>
+    <div class="hd">
+        <style>
+            .hd:hover
+            {
+                color: white;
+            }
+        </style>
+        Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem cum autem corporis voluptate earum nostrum nulla, aliquid ad nisi mollitia ut assumenda perferendis quaerat! Veniam ducimus quo repellendus quis non!
+
+    </div>
+    <div class="about">
+        <h2 style="text-align: center;background-color: black;color: white;">About Us</h2>
+        <h5 style="text-align: center;background-color: black;color: white;">
+            Lorem ipsum dolor sit amet consectetur, adipisicing elit. Neque illum tempore consequuntur magnam, excepturi natus beatae sed facilis, obcaecati numquam eius a quibusdam ipsa omnis tenetur corporis harum laboriosam officiis?
+        </h1>
+    </div>
+    <div class="contact">
+        <h2 style="text-align: center;background-color: black;color: white;">Contact Us</h2>
+        <h5 style="text-align: center;background-color: black;color: white;">
+            29348679650
+            email: [email protected]
+        </h5>
+    </div>
+    </body>
+</html>