Skip to content

Instantly share code, notes, and snippets.

@marcosfreitas

marcosfreitas/registration.aspx

Created June 11, 2015 15:48
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save marcosfreitas/9dc5400e6fafeb95cdb8 to your computer and use it in GitHub Desktop.
Save marcosfreitas/9dc5400e6fafeb95cdb8 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
registration.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Registration.aspx.cs" Inherits="ITI_Intake_34.Day_5.Registration" %>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="A form displays a set of related user input fields in a structured way" />
<meta name="keywords" content="html5, ui, library, framework, javascript" />
<title>Semantic Ui</title>
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="../Semantic Ui/dist/components/header.css" />
<link rel="stylesheet" href="../JSawyer/css/bootstrap-fileupload.min.css" />
<script>
(function () {
var
eventSupport = ('querySelector' in document && 'addEventListener' in window);
window.jsonSupport = (typeof JSON !== 'undefined'),
window.jQuery = (eventSupport && window.jsonSupport)
? '/javascript/library/jquery.min.js'
: '/javascript/library/jquery.legacy.min.js'
;
document.write('<script src="' + window.jQuery + '"><\/script>');
}());
</script>
<link rel="stylesheet" type="text/css" href="../JSawyer/css/bootstrap.css">
<link type="text/css" href="../Semantic Ui/dist/semantic.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../Semantic Ui/dist/components/dropdown.css" />
<link rel="stylesheet" type="text/css" href="../Semantic Ui/server/files/stylesheets/rtl.css">
<script src="../Semantic Ui/server/files/javascript/library/jquery.min.js"></script>
<script src="../Semantic Ui/server/files/javascript/library/history.js"></script>
<script src="../Semantic Ui/server/files/javascript/library/easing.min.js"></script>
<script src="../Semantic Ui/server/files/javascript/library/ace.js"></script>
<script src="../Semantic Ui/server/files/javascript/library/highlight.min.js"></script>
<script src="../Semantic Ui/server/files/javascript/library/highlight.languages.min.js"></script>
<script src="../Semantic Ui/server/files/javascript/library/tablesort.min.js"></script>
<script src="../Semantic Ui/server/files/javascript/dropdown.js"></script>
<script src="../Semantic Ui/server/files/javascript/library/waypoint.js"></script>
<script src="../Semantic Ui/dist/semantic.min.js"></script>
<script src="../JSawyer/plugins/jasny/js/bootstrap-inputmask.js"></script>
<script>
(function () {
var
eventSupport = ('querySelector' in document && 'addEventListener' in window)
jsonSupport = (typeof JSON !== 'undefined'),
jQuery = (eventSupport && jsonSupport)
? '/javascript/library/jquery.min.js'
: '/javascript/library/jquery.legacy.min.js'
;
document.write('<script src="' + jQuery + '"><\/script>');
}());
</script>
<script type="text/javascript" src="http://cdn.transifex.com/live.js"></script>
</head>
<body class="form">
<br />
<div class="ui grid">
<div class="two wide column"></div>
<div class="fourteen wide column">
<h2 class="ui header">
<i class="add user icon"></i>
<div class="content">
Account Settings
<div class="sub header">Manage your preferences</div>
</div>
</h2>
<div class="main container">
<%-- Register Start --%>
<form runat="server" class="ui error form segment">
<div class="ui error message">
<div class="header">Attention :</div>
<p>Every Field is required</p>
</div>
<div class="two fields">
<div class="field">
<label>First Name</label>
<div class="ui left icon input">
<input type="text" placeholder="Firstname">
<i class="male icon"></i>
</div>
</div>
<div class="field">
<label>Last Name</label>
<div class="ui left icon input">
<input type="text" placeholder="lastname">
<i class="male icon"></i>
</div>
</div>
</div>
<div class="field">
<label>Gender</label>
<div class="ui fluid selection dropdown">
<i class="dropdown icon"></i>
<span class="default text">I'am a</span>
<div class="menu">
<div class="item">
<i class="male right floated icon"></i>
Male
</div>
<div class="item">
<i class="female right floated icon"></i>
Female
</div>
</div>
</div>
</div>
<div class="field">
<label>M Status</label>
<div class="ui fluid selection dropdown">
<i class="dropdown icon"></i>
<span class="default text">I'am a</span>
<div class="menu">
<div class="item">
<i class="man right floated icon"></i>
Single
</div>
<div class="item">
<i class="heterosexual right floated icon"></i>
Married
</div>
<div class="item">
<i class=" neuter floated icon"></i>
Divorced
</div>
<div class="item">
<i class="intergender right floated icon"></i>
Widow
</div>
</div>
</div>
</div>
<div class="field">
<label>Datebirth</label>
<div class="three fields">
<div class="field">
<label></label>
<div class="ui fluid selection dropdown">
<i class="dropdown icon"></i>
<span class="default text">day</span>
<div class="menu">
<div class="item">
<i class="right floated icon"></i>
1
</div>
<div class="item">
<i class="right floated icon"></i>
2
</div>
<div class="item">
<i class="right floated icon"></i>
3
</div>
<div class="item">
<i class="right floated icon"></i>
4
</div>
<div class="item">
<i class="right floated icon"></i>
5
</div>
<div class="item">
<i class="right floated icon"></i>
6
</div>
<div class="item">
<i class="right floated icon"></i>
7
</div>
<div class="item">
<i class="right floated icon"></i>
8
</div>
<div class="item">
<i class="right floated icon"></i>
9
</div>
<div class="item">
<i class="right floated icon"></i>
10
</div>
<div class="item">
<i class="right floated icon"></i>
11
</div>
<div class="item">
<i class="right floated icon"></i>
12
</div>
<div class="item">
<i class="right floated icon"></i>
13
</div>
<div class="item">
<i class="right floated icon"></i>
14
</div>
<div class="item">
<i class="right floated icon"></i>
15
</div>
<div class="item">
<i class="right floated icon"></i>
16
</div>
<div class="item">
<i class="right floated icon"></i>
17
</div>
<div class="item">
<i class="right floated icon"></i>
18
</div>
<div class="item">
<i class="right floated icon"></i>
19
</div>
<div class="item">
<i class="right floated icon"></i>
20
</div>
<div class="item">
<i class="right floated icon"></i>
21
</div>
<div class="item">
<i class="right floated icon"></i>
22
</div>
<div class="item">
<i class="right floated icon"></i>
23
</div>
<div class="item">
<i class="right floated icon"></i>
24
</div>
<div class="item">
<i class="right floated icon"></i>
25
</div>
<div class="item">
<i class="right floated icon"></i>
26
</div>
<div class="item">
<i class="right floated icon"></i>
27
</div>
<div class="item">
<i class="right floated icon"></i>
28
</div>
<div class="item">
<i class="right floated icon"></i>
29
</div>
<div class="item">
<i class="right floated icon"></i>
30
</div>
<div class="item">
<i class="right floated icon"></i>
31
</div>
</div>
</div>
</div>
<div class="field">
<label></label>
<div class="ui fluid selection dropdown">
<i class="dropdown icon"></i>
<span class="default text">month</span>
<div class="menu">
<div class="item">
<i class="right floated icon"></i>
1
</div>
<div class="item">
<i class="right floated icon"></i>
2
</div>
<div class="item">
<i class="right floated icon"></i>
3
</div>
<div class="item">
<i class="right floated icon"></i>
4
</div>
<div class="item">
<i class="right floated icon"></i>
5
</div>
<div class="item">
<i class="right floated icon"></i>
6
</div>
<div class="item">
<i class="right floated icon"></i>
7
</div>
<div class="item">
<i class="right floated icon"></i>
8
</div>
<div class="item">
<i class="right floated icon"></i>
9
</div>
<div class="item">
<i class="right floated icon"></i>
10
</div>
<div class="item">
<i class="right floated icon"></i>
11
</div>
<div class="item">
<i class="right floated icon"></i>
12
</div>
</div>
</div>
</div>
<div class="field">
<label></label>
<div class="ui left icon input">
<input type="text" placeholder="year" data-mask="9999">
<i class="birthday icon"></i>
</div>
</div>
</div>
</div>
<div class="field">
<label>Nationa id</label>
<div class="ui left icon input">
<input type="text" placeholder="nationd id" data-mask="99999999999999">
<i class="info circle icon"></i>
</div>
</div>
<div class="field">
<label>E-Mail</label>
<div class="ui left icon input">
<input type="text" placeholder="email">
<i class="twitter icon"></i>
</div>
</div>
<div class="field">
<label>Username</label>
<div class="ui left icon input">
<input type="text" placeholder="username">
<i class="user icon"></i>
</div>
</div>
<div class="field">
<label>Password</label>
<div class="ui left icon input">
<input type="password" placeholder="password">
<i class="spinner icon"></i>
</div>
</div>
<div class="field">
<label>Country</label>
<div class="ui fluid selection dropdown">
<i class="dropdown icon"></i>
<span class="default text">choose your country</span>
<div class="menu">
<div class="item">
<i class="man right floated icon"></i>
Single
</div>
<div class="item">
<i class="heterosexual right floated icon"></i>
Married
</div>
<div class="item">
<i class=" neuter floated icon"></i>
Divorced
</div>
<div class="item">
<i class="intergender right floated icon"></i>
Widow
</div>
</div>
</div>
</div>
<div class="field">
<label>City</label>
<div class="ui fluid selection dropdown">
<i class="dropdown icon"></i>
<span class="default text">choose your city</span>
<div class="menu">
</div>
</div>
</div>
<div class="field">
<label>Address</label>
<div class="ui left icon input">
<textarea placeholder="address"></textarea>
<i class=" icon"></i>
</div>
</div>
<div class="inline field">
<div class="ui toggle checkbox">
<input type="checkbox">
<label>I agree with these conditions</label>
</div>
</div>
<div class="ui left icon input">
<div class="positive ui button">
<i class="add user icon"></i>Register
</div>
</div>
</form>
<%-- Register End --%>
</div>
</div>
</div>
<!-- you do'nt need this
<%-- <script>
window.less = {
async: true,
environment: 'production',
fileAsync: false,
onReady: false,
useFileCache: true
};
</script>
<script src="../Semantic Ui/server/files/javascript/library/less.min.js"></script>--%>
<script>
window.less = {
async: true,
environment: 'production',
fileAsync: false,
onReady: false,
useFileCache: true
};
</script>
<script src="../Semantic Ui/server/files/javascript/library/less.min.js"></script>
-->
<script>
// active dropdowns
$('.ui.dropdown')
.dropdown()
;
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment