Untitled
unknown
plain_text
a year ago
6.3 kB
2
Indexable
Never
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SignIn.aspx.cs" Inherits="CCP_WEB.SignIn" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style type="text/css"> body { font-family: Arial, sans-serif; background-color: #f5f5f5; margin: 0; padding: 0; } .navbar { background-color: #e60012; padding: 10px; } .navbar ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } .navbar li { float: left; } .navbar li a { display: block; color: #fff; text-align: center; padding: 10px; text-decoration: none; transition: background-color 0.3s ease; } .navbar li a:hover { background-color: #b80c17; } .container { max-width: 500px; margin: auto; padding: 20px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } h1 { font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 20px; color: #e60012; } .form-group { margin-bottom: 20px; } .form-group label { display: block; font-weight: bold; margin-bottom: 5px; } .form-group input[type="text"], .form-group select, .form-group input[type="email"], .form-group input[type="password"] { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; } .checkbox-group { display: flex; align-items: center; margin-top: 5px; } .checkbox-group label { display: flex; align-items: center; margin-left: 10px; cursor: pointer; } .checkbox-group input[type="radio"], .checkbox-group input[type="checkbox"] { appearance: none; -webkit-appearance: none; width: 20px; height: 20px; margin-right: 5px; border: 2px solid #ddd; border-radius: 50%; outline: none; cursor: pointer; transition: background-color 0.3s ease; } .checkbox-group input[type="radio"]:checked, .checkbox-group input[type="checkbox"]:checked { background-color: #e60012; border-color: #e60012; } .checkbox-group label:hover { text-decoration: underline; } .submit-button { text-align: center; margin-top: 20px; position: relative; } .submit-button .submit { padding: 10px 20px; background-color: #e60012; color: #fff; border: none; border-radius: 4px; font-size: 16px; cursor: pointer; transition: background-color 0.3s ease; } .submit-button .submit:hover { background-color: #b80c17; } .result-label { font-size: 18px; font-weight: bold; color: #e60012; margin-top: 20px; text-align: center; padding: 10px; border: 2px solid #e60012; border-radius: 4px; background-color: #f5f5f5; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); } </style> </head> <body> <form id="form1" runat="server"> <div class="navbar"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </div> <div class="container"> <h1>Sign-Up</h1> <div class="form-group"> <label for="Email">Email:</label> <input type="email" id="Email" runat="server" required /> </div> <div class="form-group"> <label for="ID">ID:</label> <input type="text" id="ID" runat="server" required /> </div> <div class="form-group"> <label for="Password">Password:</label> <input type="password" id="Password" runat="server" /> </div> <div class="form-group"> <label for="Age">Age:</label> <asp:DropDownList ID="Age" runat="server" OnSelectedIndexChanged="Page_Load"><asp:ListItem Text="" Value=""></asp:ListItem></asp:DropDownList> </div> <div class="form-group"> <label>Gender:</label> <div class="checkbox-group"> <input type="radio" id="GenderMale" runat="server" name="gender" value="male" required /> <label for="GenderMale">Male</label> </div> <div class="checkbox-group"> <input type="radio" id="GenderFemale" runat="server" name="gender" value="female" required /> <label for="GenderFemale">Female</label> </div> </div> <div class="submit-button"> <asp:Button ID="Submit" runat="server" Text="Sign Up" CssClass="submit" OnClick="Submit_Click" /> <p><asp:Label ID="Label2" runat="server" Text="Label" CssClass="result-label" Visible="false"></asp:Label></p> </div> </div> </form> <script> // JavaScript Code </script> </body> </html>