-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathTravel.html
156 lines (136 loc) · 12.6 KB
/
Travel.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
<html>
<head>
<title>iTinerary</title>
<link href="Travelstyle.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="page">
<div id="header"><h1>iTinerary</h1></div>
<div class="inner">
<h1 id="head">Ten Cities, Ten Concerts to Hit on Your Eurotrip</h1>
<div class="date">
<h2 class="headline">June <br>2</h2>
</div>
<div class="content">
<div class="img"><img src="Media/Paris2.jpg"></div>
<figcaption>Sebastien Mespoulhe via Flickr</figcaption>
<div class="horiz"><iframe width="560" height="315" src="//www.youtube.com/embed/gH2efAcmBQM?rel=0" frameborder="0" allowfullscreen></iframe></div>
<div class="summary"><h1>Paris, France</h1>
<p> <b>AWOLNATION</b> is an American electronic rock band. All of the songs on their album Megalithic Symphony are as epic as their top-ten single <q>Sail</q>, which is apparently the theme song for an alien abduction, so pretty epic. They're on <a href="http://awolnationmusic.com/events/">tour</a>, follow the space ship.
<br><br>
<a href="https://twitter.com/awolnation" class="twitter-follow-button" data-show-count="false">Follow @awolnation</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></p></div>
</div>
<div class="content">
<img src="Media/Nottingham.jpg">
<figcaption>Mark Hughes via Flickr</figcaption>
<div class="horiz"><iframe width="560" height="315" src="//www.youtube.com/embed/cOQDsmEqVt8?rel=0" frameborder="0" allowfullscreen></iframe></div>
<div class="summary"><h1>Nottingham, UK</h1>
<p><b>LITTLE MIX</b> is the best British girl group since the Spice Girls. After winning The X Factor in 2011, they won over the hearts of millions. <a href="http://awolnationmusic.com/events/">See them</a> at home in the U.K. or even sooner in the U.S.
<br><br>
<a href="https://twitter.com/LittleMixOffic" class="twitter-follow-button" data-show-count="false">Follow @LittleMixOffic</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</p></div>
</div>
<div class="date">
<h2 class="headline">June<br>5</h2>
</div>
<div class="content vertical">
<img src="Media/Ibiza.jpg">
<div class="rightsumm" id="ibiza"><h1>Ibiza,Spain</h1>
<p><b>DAVID GUETTA</b>, French house music producer, party genius. It may seem like he's always in Ibiza, and that's because he is. Don't miss an encore of his legendary F*** Me I'm Famous party, featuring yachts, crowd surfing, and bikinis. Join his entourage on his <a href="http://www.davidguetta.com/en/us#!concerts">international tour</a>.
<br><br>
<a href="https://twitter.com/davidguetta" class="twitter-follow-button" data-show-count="false">Follow @davidguetta</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></p><br><br><iframe width="560" height="315" src="//www.youtube.com/embed/BqLQjHYrGrw?rel=0" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<div class="date">
<h2 class="headline">June<br>5, 12, 26</h2>
</div>
<div class="content">
<img src="Media/Berlin.jpg">
<figcaption>Emrah Erduran via Flickr</figcaption>
<div class="horiz"><iframe width="560" height="315" src="//www.youtube.com/embed/bpOSxM0rNPM?rel=0" frameborder="0" allowfullscreen></iframe></div>
<div class="summary"><h1>Berlin, Germany</h1>
<p><b>ARCTIC MONKEYS</b> are not to be missed. Plus, I bet you look good on the dance floor.
<br><br>
<a href="https://twitter.com/ArcticMonkeys" class="twitter-follow-button" data-show-count="false">Follow @ArcticMonkeys</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></p> </div>
</div>
<div class="date">
<h2 class="headline">June<br>7</h2>
</div>
<div class="content vertical">
<img src="Media/Lyon.jpg">
<div class="rightsumm" id="lyon"><h1>Lyon, France</h1>
<p><b>PHOENIX</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ultricies elit ac sem porta, non dictum velit sodales. Sed in pharetra mi, eget commodo diam. Ut vel pulvinar nibh. Sed at consequat dui, vel vestibulum erat. Donec euismod lorem ac tortor feugiat iaculis. Duis nec dui eu mi mattis rhoncus sit amet iaculis leo.
<br><br>
<a href="https://twitter.com/wearephoenix" class="twitter-follow-button" data-show-count="false">Follow @wearephoenix</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></p><br><br><div><iframe width="560" height="315" src="//www.youtube.com/embed/HL548cHH3OY?rel=0" frameborder="0" allowfullscreen></iframe></div></div>
</div>
<div class="date">
<h2 class="headline">June<br>28</h2>
</div>
<div class="content">
<img src="Media/London.jpg">
<figcaption>Christoph G. via Flickr</figcaption>
<div class="horiz"><iframe width="560" height="315" src="//www.youtube.com/embed/LjhCEhWiKXk?rel=0" frameborder="0" allowfullscreen></iframe></div>
<div class="summary"><h1>London, UK</h1>
<p><b>BRUNO MARS</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ultricies elit ac sem porta, non dictum velit sodales. Sed in pharetra mi, eget commodo diam. Ut vel pulvinar nibh. Sed at consequat dui, vel vestibulum erat. Donec euismod lorem ac tortor feugiat iaculis. Duis nec dui eu mi mattis rhoncus sit amet iaculis leo.
<br><br>
<a href="https://twitter.com/BrunoMars" class="twitter-follow-button" data-show-count="false">Follow @BrunoMars</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></p></div>
</div>
<div class="date">
<h2 class="headline">July<br>6</h2>
</div>
<div class="content vertical">
<img src="Media/Bilbao.jpg">
<div class="rightsumm" id="bilbao"><h1>Bilbao, Spain</h1>
<p><b>IMAGINE DRAGONS</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ultricies elit ac sem porta, non dictum velit sodales. Sed in pharetra mi, eget commodo diam. Ut vel pulvinar nibh. Sed at consequat dui, vel vestibulum erat. Donec euismod lorem ac tortor feugiat iaculis. Duis nec dui eu mi mattis rhoncus sit amet iaculis leo.
<br><br><a href="https://twitter.com/Imaginedragons" class="twitter-follow-button" data-show-count="false">Follow @Imaginedragons</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></p><br><br><iframe width="560" height="315" src="//www.youtube.com/embed/ktvTqknDobU?rel=0" frameborder="0" allowfullscreen></iframe></div>
</div>
<div class="date">
<h2 class="headline">July<br>11</h2>
</div>
<div class="content">
<img src="Media/Rome.jpg">
<figcaption>Luca Sartoni via Flickr</figcaption>
<div class="horiz"><iframe width="560" height="315" src="//www.youtube.com/embed/zvCBSSwgtg4?rel=0" frameborder="0" allowfullscreen></iframe></div>
<div class="summary"><h1>Rome, Italy</h1><p><b>THE LUMINEERS</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ultricies elit ac sem porta, non dictum velit sodales. Sed in pharetra mi, eget commodo diam. Ut vel pulvinar nibh. Sed at consequat dui, vel vestibulum erat. Donec euismod lorem ac tortor feugiat iaculis. Duis nec dui eu mi mattis rhoncus sit amet iaculis leo.
<br><br>
<a href="https://twitter.com/thelumineers" class="twitter-follow-button" data-show-count="false">Follow @thelumineers</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></p></div>
</div>
<div class="date">
<h2 class="headline">July<br>16</h2>
</div>
<div class="content">
<img src="Media/Porto.jpg">
<figcaption>Jean-Christophe via Flickr</figcaption>
<div class="horiz"><iframe width="560" height="315" src="//www.youtube.com/embed/YJVmu6yttiw?rel=0" frameborder="0" allowfullscreen></iframe></div>
<div class="summary"><h1>Porto, Portugal</h1><p><b>SKRILLEX</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ultricies elit ac sem porta, non dictum velit sodales. Sed in pharetra mi, eget commodo diam. Ut vel pulvinar nibh. Sed at consequat dui, vel vestibulum erat. Donec euismod lorem ac tortor feugiat iaculis. Duis nec dui eu mi mattis rhoncus sit amet iaculis leo.
<br><br>
<a href="https://twitter.com/Skrillex" class="twitter-follow-button" data-show-count="false">Follow @Skrillex</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></p></div>
</div>
<div class="date">
<h2 class="headline">July<br>18</h2>
</div>
<div class="content">
<img src="Media/Vienna.jpg">
<figcaption>Franz Jachim via Flickr</figcaption>
<div class="horiz"><iframe width="560" height="315" src="//www.youtube.com/embed/IcrbM1l_BoI?rel=0" frameborder="0" allowfullscreen></iframe></div>
<div class="summary"><h1>Vienna, Austria</h1>
<p><b>AVICII</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ultricies elit ac sem porta, non dictum velit sodales. Sed in pharetra mi, eget commodo diam. Ut vel pulvinar nibh. Sed at consequat dui, vel vestibulum erat. Donec euismod lorem ac tortor feugiat iaculis. Duis nec dui eu mi mattis rhoncus sit amet iaculis leo.
<br><br><a href="https://twitter.com/Avicii" class="twitter-follow-button" data-show-count="false">Follow @Avicii</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></p></div>
</div>
<div class="date">
<h2 class="headline">July<br>19</h2>
</div>
</div> <!--inner-->
</div> <!-- page -->
</body>
</html>