Mobile_Class_Assignments/canada2.html at master · DanielAudino/Mobile_Class_Assignments · GitHub

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

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Country Page</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"

type="text/javascript"></script>
    <style>
.emphasizecity {
   color:blue;
   font-style: italic;
   font-weight:bold;
}
.citylist {
    border-style:solid;
    border-width:2;
    background-color:#FFFFCC;
}
</style>
    <script>
$(document).ready(function() {
 //Your jQuery code goes here.
	$("h1").append("<hr>");
	$("#overview").css('font-style','italic');
	$("li").css('list-style','none');
	$('#administrative_divisions').prepend("<p>The Four Western Provinces are listed below</p>");
	$('.province').css('border-style','solid');
	$('.capital').addClass('emphasizecity');
	$('li ul').addClass('citylist');
	$('body').append('Information from CIA World FactBook');
});

</script>
  </head>
  <body>
    <h1>Canada</h1>
    <p id="overview"> Land of vast distances and rich natural resources, Canada
      became a self-governing dominion in 1867 while retaining ties to the
      British crown. Economically and technologically the nation has developed
      in parallel with the US, its neighbor to the south across an unfortified
      border. Canada faces the political challenges of meeting public demands
      for quality improvements in health care and education services, as well as
      responding to the particular concerns of predominantly francophone Quebec.
      Canada also aims to develop its diverse energy resources while maintaining
      its commitment to the environment. </p>
    <div id="administrative_divisions">
      <ul>
        <li class="province">Alberta
          <ul>
            <li class="capital">Edmonton</li>
            <li>Calgary</li>
            <li>Lethbridge</li>
          </ul>
        </li>
        <li class="province">British Columbia
          <ul>
            <li class="capital">Victoria</li>
            <li>Vancouver</li>
            <li>Kelowna</li>
          </ul>
        </li>
        <li class="province">Manitoba
          <ul>
            <li class="capital">Winnepeg</li>
            <li>Brandon</li>
            <li>Moose Jaw</li>
          </ul>
        </li>
        <li class="province">Saskatchewan
          <ul>
            <li class="capital">Regina</li>
            <li>Saskatoon</li>
          </ul>
        </li>
      </ul>
    </div>
  </body>
</html>