-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex-resp_qauto_fauto_lazy.html
76 lines (43 loc) · 4.45 KB
/
index-resp_qauto_fauto_lazy.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
<head>
<meta name="viewport" content="width=device-width" />
<meta http-equiv="Accept-CH" content="DPR, Viewport-Width, Width">
</head>
<body>
<center><h1>My Summer Vacation 2017</center></h1>
<p> Last year, I took an epic journey across Europe. I created this page to show off the photos of some of the awsome places that I saw during my vacation.</p>
<h1> Plitvice Lakes, Croatia</h1>
<p>The first awesome place I'd like to share with you is Plitvice Lakes in the middle of Croatia. These are natural waterfalls that you visit by walking on wooden platforms. </p>
<img
sizes="100vw"
class="lazyload" data-src="https://res.cloudinary.com/hackchallenge/image/upload/q_auto,f_auto,w_auto:150:800,c_scale/v1521063217/MyVacation/IMG_20160619_173136306.jpg"
alt="">
<br/>
<center>
<img sizes="(min-width: 500px) 27vw, 100vw"
class="lazyload" data-src = "https://res.cloudinary.com/hackchallenge/image/upload/q_auto,f_auto,w_auto:150:800,c_scale/v1521063209/MyVacation/IMG_20160619_190429.jpg"
/>
<img sizes="(min-width: 500px) 27vw, 100vw" class="lazyload" data-src="https://res.cloudinary.com/hackchallenge/image/upload/q_auto,f_auto,w_auto:150:800,c_scale/v1521063196/MyVacation/IMG_20160619_190322.jpg" />
<img class="lazyload" data-src="https://res.cloudinary.com/hackchallenge/image/upload/q_auto,f_auto,w_auto:150:800,c_scale/v1521063204/MyVacation/IMG_20160619_190419.jpg"
sizes="(min-width: 500px) 27vw, 100vw" />
<br/>
</center>
<br/>
<img sizes="(min-width: 500px) 42vw, 100vw" class="lazyload" data-src ="https://res.cloudinary.com/hackchallenge/image/upload/q_auto,f_auto,w_auto:150:800,c_scale/v1521063231/MyVacation/IMG_20160619_164821632.jpg">
<img sizes="(min-width: 500px) 42vw, 100vw" class="lazyload" data-src ="https://res.cloudinary.com/hackchallenge/image/upload/q_auto,f_auto,w_auto:150:800,c_scale/v1521063223/MyVacation/IMG_20160619_185025.jpg">
<br/>
<h1>The Alps</h1>
We stayed in Grindelwald, CH and Innsbruck, AT for a few days, and hiked through the hills and valleys. There was even a little snow at high elevations in both places!
<img sizes="100vw" class="lazyload" data-src ="https://res.cloudinary.com/hackchallenge/image/upload/q_auto,f_auto,w_auto:150:800,c_scale/v1521063270/MyVacation/IMG_20160527_151146376-PANO.jpg"/>
<img sizes="(min-width: 500px) 42vw, 100vw" class="lazyload" data-src ="https://res.cloudinary.com/hackchallenge/image/upload/q_auto,f_auto,w_auto:150:800,c_scale/v1521063286/MyVacation/IMG_20160604_133957422.jpg"/>
<img sizes="(min-width: 500px) 42vw, 100vw" class="lazyload" data-src ="https://res.cloudinary.com/hackchallenge/image/upload/q_auto,f_auto,w_auto:150:800,c_scale/v1521063280/MyVacation/IMG_20160526_135242148_HDR.jpg"/>
<img sizes="(min-width: 500px) 42vw, 100vw" class="lazyload" data-src ="https://res.cloudinary.com/hackchallenge/image/upload/q_auto,f_auto,w_auto:150:800,c_scale/v1521063280/MyVacation/IMG_20160525_070350112.jpg"/>
<img sizes="(min-width: 500px) 42vw, 100vw" class="lazyload" data-src ="https://res.cloudinary.com/hackchallenge/image/upload/q_auto,f_auto,w_auto:150:800,c_scale/v1521063278/MyVacation/IMG_20160525_070643363_HDR.jpg"/>
<img sizes="(min-width: 500px) 30vw, 100vw" class="lazyload" data-src ="https://res.cloudinary.com/hackchallenge/image/upload/q_auto,f_auto,w_auto:150:800,c_scale/v1521063179/MyVacation/IMG_20160524_210947724.jpg"/>
<img sizes="(min-width: 500px) 64vw, 100vw" class="lazyload" data-src ="https://res.cloudinary.com/hackchallenge/image/upload/q_auto,f_auto,w_auto:150:800,c_scale/v1521063275/MyVacation/IMG_20160603_142347242_HDR-PANO.jpg"/>
<br/>
<h1>Como, Italy</h1>
<p>From the Alps, we made our way south to Italy, where we stayed in an old wheat silo (yes it was basically one big tall round room, with beds in a loft). On the rainy day, we did what any normal Pacific Northwesterner would do - we went for a day hike in the mountains!</p>
<img sizes="(min-width: 500px) 42vw, 100vw" class="lazyload" data-src ="https://res.cloudinary.com/hackchallenge/image/upload/q_auto,f_auto,w_auto:150:800,c_scale/v1521063244/MyVacation/IMG_20160517_200645173.jpg"/>
<img sizes="(min-width: 500px) 42vw, 100vw" class="lazyload" data-src ="https://res.cloudinary.com/hackchallenge/image/upload/q_auto,f_auto,w_auto:150:800,c_scale/v1521063244/MyVacation/IMG_20160518_122416547.jpg"/>
<script src="lazysizes.min.js"></script>
</body>