Skip to main content

navigation bar

 




 
<!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>nav1</title>
</head>
<style>

  @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap');

*{
    margin: 0;
    padding: 0;

}
body{
    background: grey;
}
ul{
background-color: chartreuse;
padding: 10px;

}


li{
   
    list-style: none;
   
}
a{
   font-family: Raleway;
    text-decoration: none;
    margin: 0 20px;
    color: black;
    animation: color 5s infinite;
    text-shadow: 2px 2px 9px black;
   
}
@keyframes color {
    from{
        color: blue;
    }
    to{
        color: red;
    }
   
}
.fill{
  display: none;
    background: rgb(148, 10, 10);
    margin: -10px auto;
    /* border: 3px solid green; */
    border-radius: 5px;
    height: 300px;
    width: 200px;
    padding: 30px;
}

label{
    font-family:Raleway ;
  color: chartreuse;
}
input{
    height: 20px;
    margin: 10px 0;
    width: 100%;
}
input[type="button"]{
   
    height: 20px;
    margin: 30px 2px;
    width: 45%;
}
input[type="button"]:hover{
   
 background: chartreuse;
 border: none;
 border-radius: 5px;
 cursor: pointer;
}
</style>
<body>
    <div class="header">
        <ul>
            <li>
                <a href="#">Home</a>
                <a href="#">Product</a>
                 <a href="#">Career</a>
                <a href="#"  onclick="g()" >Login</a>
            </li>
        </ul>
        <form action="#" method="post">
        <div class="fill" id="show">
       <label for="Name" id="name" >Email</label>
       <input type="Email" name="" id="">
       <label for="Password" id="pas" >Password</label>
       <input type="password" name="" id="">
        <input type="button" value="Login">
        <input type="button" value="close" onclick="hide()">
        </form>
    </div>
    </div>
</body>

<script>
    function g(){
       
        var form=document.getElementById("show").style.display="block";
   
    }
function hide(){
    var form=document.getElementById("show").style.display="none";
}

</script>
</html>


Labels:
Location: 5Q6X675G+3P

Comments

Post a Comment

Popular posts from this blog

How to convert Url to Imege/File By Deluge for Creator || Using the Upload Api || How to upload Imege in zoho creator from crm

This code snippet appears to be part of a script or program that involves invoking URLs to handle file uploads. Let's break it down: 1 Invoke the URL to retrieve a file ( Logo ) : Logo is the url of Imege like Logo =" https://images.pexels.com/photos/674010/pexels-photo-674010.jpeg" response = invokeurl [ url :Logo type :GET ]; Here, the code is making a GET request to a URL stored in a variable named Logo . This request likely retrieves some file data. 2. Setting parameters : response.setParamName("file"); This line sets a parameter named "file" in the response obtained from the previous request. It prepares the response to be sent as a file in a subsequent request. Logo_imge = invokeurl [ url :"https://creator.zoho.com/api/v2.1/clientnamexxxxx/appnamexxxx/report/demo_report/" + CreatorID + "/Logo/upload" type :POST files:response connection:"creator" ]; 4. Logging info "Logo_imge==" + Logo_imge; This p...
Post a Comment
Read more

Creator 's Html snippet with EJS tag

  An Introduction to EJS: The Embedded JavaScript Templating Engine When it comes to creating dynamic web applications, rendering HTML pages with server-side data is an essential task. Many developers turn to templating engines to simplify this process, and one of the most popular choices is EJS (Embedded JavaScript) . If you're unfamiliar with EJS or are considering it for your next project, this blog will provide a comprehensive introduction to its benefits, features, and how to get started with it. What is EJS? EJS is a simple templating language that lets you generate HTML markup with plain JavaScript. The main goal of EJS is to make it easier to embed JavaScript code directly into your HTML templates. It allows you to add dynamic content, use logic like conditionals and loops, and even include reusable components. EJS is commonly used in Node.js applications for rendering server-side views, and it integrates seamlessly with Express.js, one of the most popular web frameworks fo...
1 comment
Read more

How to Add Multiple Portal By Deluge ||How How to add Different Portal Permission Set

Creating a portal to assign users to specific profiles using Deluge scripting in Zoho Creator can streamline your application’s user management. In this context, the code snippet provided assigns a user to the "Customer" profile based on their email and enables their portal access. Here's a breakdown and explanation: ### Code Explanation: 1. **Assign User to Profile:**    ```deluge    portal = thisapp.portal.assignUserInProfile(input.Email, "Customer");    ```    This line assigns the user, identified by their email, to the "Customer" profile. The `assignUserInProfile` function is a method in the Deluge scripting language that allows developers to specify which profile a user belongs to within the application. 2. **Enable Portal Access:**    ```deluge    input.Portal_Status = "Enabled";    ```    This line updates the `Portal_Status` field to "Enabled," indicating that the user now has access to the portal. ...
1 comment
Read more