-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
151 lines (112 loc) · 4.16 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>
<head>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,300,500' rel='stylesheet' type='text/css'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<title>Amsterdam</title>
<link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css" rel='stylesheet'>
<link href="indexCss.css" rel="stylesheet" />
<script type='text/javascript' src='animate.js'></script>
</head>
<body class="All">
<div class="Menu">
<div class="Logo">
<img src="imgs/logo_small.png">
</div>
<div class="nav">
<ul>
<li><a href="#">Top</a></li>
<li><a href="#AboutUs">About</a></li>
<li><a href="#What">What we do</a></li>
<li><a href="#Work">Work</a></li>
<li><a href="#Contact">Contact</a></li>
</ul>
</div>
</div>
<div class="jumbotron">
<div class="Name">
<center><p>Amsterdam</p></center>
</div>
<div class="Description">
<center><p>One of the greatest small cities in the world.</p></center>
</div>
</div>
<div id="AboutUs">
<div class='row'>
<div class="Image col-md-6">
<img src="imgs/about_us.jpg">
</div>
<div class="About col-md-6">
<h1>About us</h1>
<p>From Amsterdam canals to world-famous Amsterdam museums and historical Amsterdam sights, it is one of the most romantic and beautiful cities in Europe. </p>
</div>
</div>
</div>
<div id="What">
<center><h1>What we do</h1></center>
<div class="Col1 col-md-4">
<center><img src="imgs/wwd1.jpg"></center>
<center><h3>Cycling</h3></center>
<center><p>Many citizens choose two-wheel transportation because of their beliefs. This way they show their care for the environment. Many people use bicycles simply to prevent themselves from spending hours in traffic jams.</p></center>
</div>
<div class="Col2 col-md-4">
<center><img src="imgs/wwd2.jpg"></center>
<center><h3>Make art</h3></center>
<center><p>People of Amsterdam love art. Every kind of art. You can find people sing, play the guitar, paint, dance or craft beautiful handmade things.</p></center>
</div>
<div class="Col3 col-md-4">
<center><img src="imgs/wwd3.jpg"></center>
<center><h3>Eat</h3></center>
<center><p>Dutch cuisine is simple and straightforward, with many vegetables and little meat; breakfast and lunch are typically bread with toppings while dinner is meat and potatoes, supplemented with seasonal vegetables.</p></center>
</div>
</div>
<div id='Work'>
<div class='Our col-md-12' style="padding-bottom: 30px;">
<center><h1>Our work</h1></center>
</div>
<div class='row'>
<div class="Image col-md-6">
<center><img src="imgs/work1.jpg"></center>
</div>
<div class="About col-md-6">
<h2>Magere Brug</h2>
<p>Of 1280 or so bridges in town, the Magere Brug, or "Skinny Bridge" is the most famous of these Amsterdam attractions. It is a traditional double-leaf, Dutch draw-bridge connecting the banks of the river Amstel. </p>
</div>
</div>
<div class="border"></div>
<div class='row'>
<div class="About col-md-6">
<h2>Dam square</h2>
<p>The Dam is the very centre and heart of the city, and is the center of Amsterdam attractions. Although there are arguably prettier sights in Amsterdam. As an historical site however, it is fascinating and worth taking the time to appreciate. </p>
</div>
<div class="Image col-md-6">
<center><img src="imgs/work2.jpg"></center>
</div>
</div>
</div>
<div id="Contact">
<div class='row'>
<center><h1>Contact Us</h1></center>
</div>
<div class='row'>
<div class="Info col-md-6">
<center>
<ul>
<li>Tel. +31. 020-3456789</li>
<li>Addr. Street Name</li>
<li>E-mail [email protected]</li>
<li>Etc. ...</li>
</ul>
</center>
</div>
<div class="Social col-md-6">
<center><h2>Social Media</h2></center>
<center><a href="https://www.facebook.com/pages/Amsterdam-Netherlands/111777152182368?fref=ts" ><img src="imgs/fb-icon.png">Find us</a></center>
</div>
</div>
</div>
<div class="footer col-xs-12">
<h2>Developed by:</h2>
<h3>Pavlos Tsaousakis</h3>
<h3>Sokrates Potamias</h3>
</div>
</body>