-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
188 lines (158 loc) · 10.5 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
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
183
184
185
186
187
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="./css/tab.css"/>
<style>body {font-family: Arial;}</style>
</head>
<body>
<style>
sity{
color: #90a949;
background-color: chartreuse;
}
</style>
<h1>Campamento de Verano Viaje el Mundo</h1>
<h1>Presentación sobre Carolina del Norte por Jacobo</h1>
<div class="tab">
<button class="tablinks" onclick="openCity(event, 'Comida')">Comida</button>
<button class="tablinks" onclick="openCity(event, 'Sitios')">Sitios</button>
<button class="tablinks" onclick="openCity(event, 'Bailes')">Bailes</button>
<button class="tablinks" onclick="openCity(event, 'Música')">Musica</button>
<button class="tablinks" onclick="openCity(event, 'Otros')">Referencias</button>
<!-- <button class="tablinks" onclick="openCity(event, 'Perguntas?')">Perguntas?</button> -->
</div>
<div id = "Introduccion" class="tabcontent">
<h2></h2>
<image src = "https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fmedia.istockphoto.com%2Fvectors%2Fcartoon-map-of-north-carolina-vector-id528418076&f=1&nofb=1"></image>
</div>
<div id="Comida" class="tabcontent">
<h3>Comida Sabrosona</h3>
<p>Desayuno</p>
<ul>
<li><p>Krispy Kreme Doughnuts:</p></li>
<p>Aunque la receta es de New Orleans, el primer Krispy Kreme fue abierto en Winston-Salem, Carolina Del Norte </p>
<!-- <image src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/8b/Logo.KrispyKreme.svg/1024px-Logo.KrispyKreme.svg.png" frameborder="0"></image> -->
<image src = "https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse1.mm.bing.net%2Fth%3Fid%3DOIP.omtXg85StIhrR76P6Tek9QHaEK%26pid%3DApi&f=1"></image>
</ul>
<p>Almuerzo</p>
<li><P>BBQ:Barbecue:Condimentado con vinagre</P></li>
<p>El BBQ de Carolina del Norte es una comida tradicional.</p>
<p>Usualmente se come con pan y con coleslaw (ensalada de col).</p>
<image src = "http://cook.fnr.sndimg.com/content/dam/images/cook/fullset/2012/6/15/1/CC_North-Carolina-Pulled-Pork-BBQ-Sandwich-Recipe_s4x3.jpg.rend.hgtvcom.616.462.suffix/1358448752253.jpeg"></image>
<p>Se le hecha mucho vinagre a la carne y luego se halan pedazos ('pig picking').</p>
<image src = "https://upload.wikimedia.org/wikipedia/commons/9/9c/Wheless_Pig_Pickin.JPG"></image>
<p>Ed' Mitchell es un cocinero famoso de Carolina del Norte y tiene un restaurante cerca de mi casa.</p>
<p>Aquí pueden ver a Ed' halando la carne de cerdo.</p>
<image src = "https://live.staticflickr.com/4052/4698571850_8507a6692f.jpg"></image>
<p>Cena</p>
<p>Shrimp and Grits y otra comida costera</p>
<p>En la costa se consiguen pescados y camarones frescos</p>
<p>Shrimp and Grits es uno de los platos famosos</p>
<image src = "https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse1.mm.bing.net%2Fth%3Fid%3DOIP.e87uHDofxWzeyYmtqZzheQHaFj%26pid%3DApi&f=1"></image>
<p>A mis papas les gusta mucho los mariscos frescos que preparan en el restaurante Salt Box</p>
<image src = "https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fstatic1.squarespace.com%2Fstatic%2F5a36b43b268b961f10e41dd1%2F5a4be9ec8165f5fe34762242%2F5a8d6edaf9619accac9c0c67%2F1521139333671%2Fsaltbox_baxter%2Bmiller-3.jpg&f=1&nofb=1"></image>
<p>y si aun tienes hambre puedes de postre comer Krispy Kreme Doughnuts</p>
<image src = "https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse1.mm.bing.net%2Fth%3Fid%3DOIP.omtXg85StIhrR76P6Tek9QHaEK%26pid%3DApi&f=1"></image>
<p></p>
<button onclick="paArriba()" id="myBtn" title="Ir para arriba">Ir para arriba</button>
<!-- <div class="tab"><button class="tablinks" onclick="openCity(event, 'Sitios')">Sitios</button></div> -->
</div>
<div id="Sitios" class="tabcontent">
<h3>Sitios Interesantes</h3>
<p>Los lugares más visitados en Carolina del Norte se encuentran en las Montañas de Apalache </p>
<image src = "https://upload.wikimedia.org/wikipedia/commons/6/66/AppalachianLocatorMap2.png" frameborder="0"></image>
<p> El ¨Blue Ridge Parkway¨ y el Great Smoky Mountains National Park son probablemente los destinos más visitdos en las Montañas Apalaches</p>
<p>El "Blue Ridge Parkway" es una ruta panorámica con bellos paisajes y túneles. El ¨Blue Ridge Parkway¨ es el parque lineal más largo de los Estados Unidos.</p>
<image style="width: 600px; height: 600px;" src = "https://upload.wikimedia.org/wikipedia/en/thumb/4/41/BlueRidgeParkwayQuarter.jpg/1920px-BlueRidgeParkwayQuarter.jpg"></image>
<image style="width: 600px;height: 600px;" src = "https://upload.wikimedia.org/wikipedia/commons/thumb/c/c2/Black_Balsam_Knob_in_autumn.JPG/2560px-Black_Balsam_Knob_in_autumn.JPG"></image>
<p>El Great Smoky Mountains National Park es el parque nacional más visitado en los Estados Unidos, recibiendo más de 11 millones de visitantes al año. </p>
<image src = "https://upload.wikimedia.org/wikipedia/commons/thumb/3/3a/Cades_Cove_Panorama.JPG/1300px-Cades_Cove_Panorama.JPG"></image>
<p>A papá, mamá y a mí nos encanta el Parque Pisgah que también queda en las Apalaches.</p>
<p>En Pisgah acampamos y hacemos caminatas a ver cascadas.</p>
<image width="200" src = "https://upload.wikimedia.org/wikipedia/commons/a/ac/Waterfall_west_prong_hickey_fork.jpg"></image>
<li><p>Cape Hatteras Lighthouse</p></li>
<p>Aunque mi papá no se impresiona con las playas de Carolina de Norte, mucha gente visitas sus playas y sus faros históricos como el Faro del Cabo Hatteras</p>
<image src = "https://upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Cape_hatteras_lighthouse_img_0529.jpg/440px-Cape_hatteras_lighthouse_img_0529.jpg"></image>
<p>El zoológico más extenso del mundo se encuentra en Asheboro, NC </p>
<image width="750" src = "https://upload.wikimedia.org/wikipedia/commons/a/a8/NCZooelephants.jpg"></image>
<p>Los animales tienen tanto espacio que parecen estar en su ambiente natural</p>
<ul>
<p>Si tienen hambre pueden visitar un Krispy Kreme </p>
<image src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/8b/Logo.KrispyKreme.svg/1024px-Logo.KrispyKreme.svg.png" frameborder="0"></image>
<p></p>
<!-- <button class="tablinks" onclick="openCity(event, 'Bailes')">Bailes</button> -->
<button onclick="paArriba()" id="myBtn" title="Ir para arriba">Ir para arriba</button>
</div>
<div id="Bailes" title="Bailes Típicos" class="tabcontent">
<h3>Bailes Típicos</h3>
<p>Muchos de los bailes se orginan de bailes afroamericanos del siglo 19</p>
<p>Se dice que el paso buck fue inventado en las Carolinas </p>
<iframe width="420" height="315" src="https://www.youtube.com/embed/A34OD4eA17o?&start=22&end=83"></iframe>
<p>Aquí un video de unos vecinos bailando en una casa en las Apalaches</p>
<p>En esta sección del video prodran ver como bailan en grupo</p>
<!-- To do Find name of director-->
<iframe width="420" height="315"
src="https://www.youtube.com/embed/vJB_HGdGfic?&start=223&end=261">
</iframe>
<p>Aquí una toma de los pies de los bailarines</p>
<iframe width="420" height="315"
src="https://www.youtube.com/embed/vJB_HGdGfic?&start=301&end=310">
</iframe>
<p style = "text-decoration: underline;">Une baile local:"thump thump and jump"</p>
<P>↓thump thump and jump</P>
<img src="thump_thump-and_jump.gif"></img>
<p></p>
<p>Creado por Jacobo (por eso es un baile local)</p>
<p></p>
<!-- <button class="tablinks" onclick="openCity(event, 'Música')">Musica</button> -->
<button onclick="paArriba()" id="myBtn" title="Ir para arriba">Ir para arriba</button>
</div>
<div id="Música" title="Música y músicos famosos de Carolina del Norte" class="tabcontent">
<h3>Música y músicos famosos de Carolina del Norte</h3>
</p></li><li><p>John Coltrane<image width="102px" src="https://upload.wikimedia.org/wikipedia/commons/6/6e/John_Coltrane_in_1963.jpg" alt="Coltrane in 1963."></image></p></li></ul>
<li><p>Thelonious Monk<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/97/Thelonious_Monk%2C_Minton%27s_Playhouse%2C_New_York%2C_N.Y.%2C_ca._Sept._1947_%28William_P._Gottlieb_06191%29.jpg/220px-Thelonious_Monk%2C_Minton%27s_Playhouse%2C_New_York%2C_N.Y.%2C_ca._Sept._1947_%28William_P._Gottlieb_06191%29.jpg" alt=""></p></li>
<ul> <li><p>James Vernon Taylor<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/cf/James_Taylor_-_Columbia.jpg/220px-James_Taylor_-_Columbia.jpg">:</p></li><p>
Carolina in My Mind
</p>
<li><p>
Doc watson <img width="99px" src="https://upload.wikimedia.org/wikipedia/commons/b/ba/Doc_Watson_Sugar_Grove.jpg">
<li><p>Anthony Hamilton</p></li>
<iframe width="420" height="315" src="https://www.youtube.com/embed/C3lcprigQ0E?&end=59"></iframe>
<p></p>
<!-- <button class="tablinks" onclick="openCity(event, 'Otros')">Referencias</button> -->
<button onclick="paArriba()" id="myBtn" title="Ir para arriba">Ir para arriba</button>
</div>
<div id="Otros" title="Referencias" class="tabcontent">
<h3>Referencias</h3>
<p style="font-size:xx-Large;color:red">EN CONSTRUCCION</p>
<a href="https://www.krispykreme.com">Krispy Kreme</a>
<li><h6>https://www.youtube.com/watch?v=C3lcprigQ0E? ve <a href="https://www.youtube.com/watch?v=C3lcprigQ0E?">Video de Anthony Hamilton</a>
<li><h6>http://cook.fnr.sndimg.com/content/dam/images/cook/fullset/2012/6/15/1/CC_North-Carolina-Pulled-Pork-BBQ-Sandwich-Recipe_s4x3.jpg.rend.hgtvcom.616.462.suffix/1358448752253.jpeg ve </h6><a size = "5%" href="http://cook.fnr.sndimg.com/content/dam/images/cook/fullset/2012/6/15/1/CC_North-Carolina-Pulled-Pork-BBQ-Sandwich-Recipe_s4x3.jpg.rend.hgtvcom.616.462.suffix/1358448752253.jpeg">sandwich</a></li>
</h6></li>
<a href="pc.html">Prueba Corta</a>
<p>Link a prueba corta https://jxah.github.io/viajemundo/pc.html</p>
<button onclick="paArriba()" id="myBtn">Ir para arriba</button>
</div>
<script>
function openCity(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
function paArriba(){
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
document.getElementById("Introduccion").style.display = "block"
</script>
</body>
</html>