-
Notifications
You must be signed in to change notification settings - Fork 0
/
NewYork.html
171 lines (93 loc) · 3.77 KB
/
NewYork.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
<!-----------------
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">UNITED STATES</h3>
<ul class = "projects">
<li>
<img src = "images/ArizonaUS.jpg" alt = "Arizona" >
<h2>Arizona</h2>
<p>
Arizona is a state in the southwestern region of the US. It casually sports very
dry and arid weather, with mant stretches of deserts and mountainous areas.
</p>
</li>
<li>
<img src = "images/MiamaUS.jpg" alt = "Miami Florida" >
<h2>Florida</h2>
<p>
Florida is one of the US's most populated states and the southernmost contiguous
state in the United States. Florida boasts the longest coastline within the US, has
its own reef, and has a very unique ecosystem.
</p>
</li>
<li>
<img src = "images/MontanaUS.jpg" alt = "Montana" >
<h2>Montana</h2>
<p>
Montana contains many mountain ranges, long with a prairie and badlands. Common
folk make a living here doing ranching and farming gains.
</p>
</li>
<li>
<img src = "images/New York Night Life.jpg" alt = "Manhattan" >
<h2>Manhattan</h2>
<p>
Manhattan is the most populated borough in New York and is seen as a historical
melting pot of culture, entainment, and business.
</p>
</li>
<li>
<img src = "images/South DakotaUS.jpg" alt = "South Dakota" >
<h2>South Dakota</h2>
<p>
South Dakota was home to several Sioux Native American tribes, who now reside in a
sizable portion of the population.It can be divided into 3 regions: eastern South Dakota, western South Dakota, and Black Hills.
The Black Hills are revered by Native American as sacred.
</p>
</li>
<li>
<img src = "images/WashingtonUS.jpg" alt = "Washington" >
<h2>Washington</h2>
<p>
Washington typically has a maritime climate with cool winters. It is experiencing a growing economy with a higher percentage of white collar jobs.
</p>
</li>
</ul>
</div>
</div>
</div>
</html>