-
Notifications
You must be signed in to change notification settings - Fork 0
/
Canada.html
182 lines (103 loc) · 4.22 KB
/
Canada.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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<!-----------------
Main Profile Page
------------------>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Front End Web Development</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel = "stylesheet" href = "css/normalize.css">
<link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond" rel="stylesheet">
<link rel = "stylesheet" href = "css/main.css">
<!-- <link rel = "stylesheet" href = "css/styles.css"> -->
</head>
<body>
<header class = "main-header">
<div id = "main-header">
<!-- <h3 class = "name"><a>Country</a></h3> -->
</div>
<!-- <nav>
<ul class = "main-nav">
<li><a href = "#main-header"> Home</a></li>
<li><a href = "#portfolio">Portfolio</a></li>
<li><a href = "#contact">Contact</a></li>
</ul>
</nav> -->
</header>
<!-- <div class = "profile">
<img class = "profile-photo" src = "images/responsive-layout-profile.png" alt = "profile image">
<p class = "introduction">Hello! My name is Felix Andrew and I'm a Front End Web Developer. I am currently a student at Treehouse learning and improving my Web design skills. I love learning new and better ways to create seamless user experiences with clean, effecient, and scalable code. I consider an ongoing education, and I'm always looking for opportunities to work
with those who are willing to share their knowledge as much as I want to learn. My primary goal is to create something beautiful with people
that bring out the best in me. </p>
</div> -->
<!--Added clearfix -->
<div class = "clearfix">
<div id = "portfolio">
<div class = 'portfolio'>
<h3 class = "portfolio-title">CANADA</h3>
<ul class = "projects">
<li>
<img src = "images/AlbertaCANADA.jpg" alt = "" >
<h2>Banff National Park - Alberta</h2>
<p>
The crisp waters and surreal mountain ranges of Banff National
Park within the Rocky Mountains are neighbored by Jasper National
Park, Yoho National Park, and Kootenay National Park. This region
is brimming with local wildlife: rainbow trout, grizzly bears,
moose, wolves, etc.
</p>
</li>
<li>
<img src = "images/New YorkCANADA.jpg" alt = "Marketing Page" >
<h2>Niagara Falls - Border of Ontario and New York</h2>
<p>
Niagara Falls lies between the international border of Ontario
and New York, and is composed of 3 water falls (Bridal Veil,
American, and Horseshoe Falls).
</p>
</li>
<li>
<img src = "images/OttawaCANADA.jpg" alt = "Search Page" >
<h2>Parliament Hill - Ottawa</h2>
<p>
This attraction is the most frequently visited in Ottawa and
is the seat of Canada's federal government. A jaw dropping
sound and light show accompanied with lighting effects and
projected images are done each evening for the public to witness.
</p>
</li>
<li>
<img src = "images/Quebec CANADA.jpg" alt = "Travel App" >
<h2>Fairmont Le Château Frontenac - Quebec</h2>
<p>
A historic five-star hotel that was built by the Canadian
Pacific Railway and designed by the American architect Bruce
Price (its construction was completed in 1893).
</p>
</li>
<li>
<img src = "images/SaskatchewanCANADA.jpg" alt = "Photo Gallery" >
<h2>Prince Albert National Park - Saskatchewan</h2>
<p>
Located in central Saskatchewan, this region contains wildlife
such as elk, moose, red foxes, bison, wolves, etc. It contains
three large lakes with top notch water quality and marine
wildlife populations.
</p>
</li>
<li>
<img src = "images/TorontoCANADA.jpg" alt = "Calculator" >
<h2>CN Tower - Toronto</h2>
<p>
This communications and observation tower are loated in Downtown
Toronto, Ontario and stands at an amazing 1,815.3 feet tall. The
CN Tower has a three-sixty restaurant and standing glass floor
as some of its additional features.
</p>
</li>
</ul>
</div>
</div>
</div>
</html>