-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
151 lines (134 loc) · 7.78 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="shortlink" href="https://beta.novascotia.ca/">
<link rel="canonical" href="https://beta.novascotia.ca/">
<meta name="dcterms.title" content="Government of Nova Scotia - Government of Nova Scotia">
<meta property="og:site_name" content="Government of Nova Scotia">
<meta property="fb:app_id" content="">
<meta name="twitter:site" content="@nsgov">
<meta property="og:type" content="website">
<meta name="description" content="Novascotia.ca is the official website for the province of Nova Scotia. It is the one place to find all government services and information.">
<meta name="dcterms.creator" content="Communications Nova Scotia">
<meta property="og:url" content="https://beta.novascotia.ca/">
<meta property="og:title" content="Government of Nova Scotia">
<meta name="dcterms.description" content="Novascotia.ca is the official website for the province of Nova Scotia. It is the one place to find all government services and information.">
<meta name="dcterms.publisher" content="Communications Nova Scotia">
<meta property="og:description" content="Novascotia.ca is the official website for the province of Nova Scotia. It is the one place to find all government services and information.">
<meta name="dcterms.date" content="2018-05-14">
<meta property="og:image" content="https://beta.novascotia.ca/sites/default/files/default_images/default-og-nsgov.png">
<meta property="og:image:alt" content="Nova Scotia Flag">
<meta name="Generator" content="Drupal 8 (https://www.drupal.org)">
<meta name="MobileOptimized" content="width">
<meta name="HandheldFriendly" content="true">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link id="homepage-feed" href="https://news.novascotia.ca/feeds/homepage.atom" rel="alternate" type="application/atom+xml">
<link rel="alternate" hreflang="en" href="https://beta.novascotia.ca/government-nova-scotia">
<link rel="shortcut icon" href="/themes/ignition/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="revision" href="https://beta.novascotia.ca/government-nova-scotia">
<title>Government of Nova Scotia</title>
<link rel="stylesheet" media="all" href="https://beta.novascotia.ca/sites/default/files/css/css_9m8-tA3IQf8ThlLQYTTZUyEweCvyR908Tg0XCbKYOfY.css">
<link rel="stylesheet" media="all" href="https://beta.novascotia.ca/sites/default/files/css/css_uIYN0sQV7NwuNKcH6_K57Yo4Nz26oGTDZHKB7WNNOwg.css">
<link rel="stylesheet" media="all" href="https://novascotia.ca/clf/fonts/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" media="all" href="css/service-design.css">
<!--[if lte IE 8]>
<script src="/core/assets/vendor/html5shiv/html5shiv.min.js?v=3.7.3"></script>
<![endif]-->
</head>
<body>
<!-- -------------------------------------------------- START HEADER --------------------------------------------------- -->
<header>
<!-- START SALTIRE NS MOTHERSHIP RIBBON w FR -->
<nav id="navigation" class="ribbon" role="navigation" aria-label="Main navigation">
<div class="container">
<div class="row">
<div class="col-xs-6">
<a href="https://novascotia.ca/" hreflang="en"><img class="ribbon-img" src="https://novascotia.ca/clf/ignition/img/nsvip-en-white-flag.svg" alt="Province of Nova Scotia" /></a>
</div>
<div class="col-xs-6">
<a href="/fr" style="float: right; color: #fff; font-weight: bold; margin: 10px 0; text-decoration: none;">Français</a>
</div>
</div>
</div>
</nav>
<!-- END SALTIRE NS MOTHERSHIP RIBBON w FR -->
</header>
<!-- -------------------------------------------------- END HEADER --------------------------------------------------- -->
<!--A basic page has a primary content area and an optional column for secondary information like related content.-->
<div class="container">
<main><!-- SEMANTIC MAIN TAG TO INDICATE PAGE CONTENT-->
<article><!-- SEMANTIC ARTICLE TAG TO GROUP RELATED CONTENT-->
<form name="parameters" method="GET" action="masternumber.html" target="_parent">
<div class="row">
<div class="col-xs-12">
<h1>Personal Information</h1><!-- SEMANTIC H1 TAG TO RELAY PAGE TITLE ONLY 1 PER PAGE-->
</div><!-- /col-xs-12 -->
</div><!-- /row -->
<div class="row">
<div class="col-sm-12 col-md-8">
<section><!-- SEMANTIC section TAG TO goup sections of information-->
<div class="form-group">
<label for="firstNames">First Names</label>
<input type="text" id="firstNames" name="firstNames" class="sd-form-element width-400" aria-describedby="firstNames-help-block"></input>
<div id="firstNames-help-block" class="help-block">Enter your first names as they are printed on your licence</div>
</div>
<br/>
<div class="form-group">
<label for="lastName">Last Name</label>
<input type="text" id="lastName" name="lastName" class="sd-form-element width-400" value="" aria-describedby="lastName-help-block"></input>
<div id="lastName-help-block" class="help-block">Enter your last name as it is printed on your licence</div>
</div>
<br/>
</section>
<section>
<fieldset class="form-group">
<legend class="m-b-1">Date of birth</legend>
<div class="help-block m-b-1">Enter a numeric date by Day Month Year. For example: 31 12 1999</div>
<div class="form-group d-flex">
<div class="m-r-2"><label for="day">DD</label><input type="text" id="day" name="day" class="sd-form-element width-50" value=""></input></div>
<div class="m-r-2"><label for="month">MM</label><input type="text" id="month" name="month" class="sd-form-element width-50" value=""></input></div>
<div class=""><label for="year">YYYY</label><input type="text" id="year" name="year" class="sd-form-element width-100" value=""></input></div>
</div>
</fieldset>
</section>
<section>
<button type="submit" value="Submit" class="btn-lg btn-default">Continue</button>
</section>
</div><!-- /col-sm-12 col-md-8 -->
<div class="col-sm-12 col-md-4">
<section>
<h2 class="h3 m-t-0">Where to find your information</h2> <!-- SEMANTIC H2 TAG, because there is no other H2 tags on the page, and H2 tags must not be skipped, this header must be an H2, but have an H3 style applied to it-->
<image alt="An illustration showing where to find names on your licence" class="width-300 m-b-1" src="images/licence-names.svg"></image>
<small id="imageDescription">
<h3 class="h4">You can find the information you need for this page printed on the front of your licence.</h3><!-- SEMANTIC H3 TAG, because there is no other H3 tags on the page, and H3 tags must not be skipped, this header must be an H3, but have an H4 style applied to it-->
<ul>
<li>Add the information labeled with a 2 to the "first names" field</li>
<li>Add the information labeled with a 1 to the "last name" field</li>
</ul>
</small>
</section>
</div><!-- /col-sm-12 col-md-4 -->
</div><!-- /row -->
</form>
</article>
</main>
</div><!-- /container -->
<!-- START FOOTER -->
<footer id="footer" class="footer" role="contentinfo">
<div class="container">
<div aria-label="copyright" class="copyright">
<nav>
<ul class="remove-underline">
<li><a href="http://novascotia.ca/cns/privacy/">Privacy</a></li>
<li><a href="http://novascotia.ca/terms/">Terms</a></li>
<li><a href="http://novascotia.ca/cns/privacy/cookies/">Cookies</a></li>
</ul>
</nav>
<div><small>Crown copyright © Province of <span class="word-break-together">Nova Scotia.</span></small></div>
</div>
</div>
</footer>
<!-- END FOOTER -->
</body>
</html>