-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
151 lines (101 loc) · 11.6 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>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Oxygen" rel="stylesheet">
<meta charset="utf-8">
<meta name="description" content="Udacity Responsive Images course project" />
<meta name="author" content="//samdutton.com">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
<meta itemprop="name" content="Udacity Responsive Images course project">
<meta name="mobile-web-app-capable" content="yes">
<meta id="theme-color" name="theme-color" content="#307699">
<!-- loads the Udacity Feedback extension -->
<meta name="udacity-grader" content="http://udacity.github.io/responsive-images/project/project-grader.json" unit-tests="http://udacity.github.io/responsive-images/project/project-grader.js">
<base target="_blank">
<title>My responsive blog: picture story</title>
<link rel="stylesheet" href="css/main.css" />
</head>
<body>
<header>
<img id="victory" width="80px" height="80px" src="data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ5Mi45MjcgNDkyLjkyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDkyLjkyNyA0OTIuOTI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPGcgaWQ9IlhNTElEXzI3Ml8iPgoJPHBhdGggaWQ9IlhNTElEXzI3Nl8iIGQ9Ik00MDkuNTU2LDQwNi4yMTZjNi45Mi0yNy41Nyw3LjM4Ny01NS45MTEsMS41MTgtODMuNzI1Yy03LjY3MS0zNi4zNTgtMTguMTkxLTgxLjg3MS0xOS40MzMtODcuNDc3ICAgYy0yLjY3OC0xMi4wMDItMTEuNzg3LTIwLjkwMS0yMi45NTktMjMuOTU1bC0xMjUuNjI4LDIwLjcwN2MtMi44ODQsMC40NzQtNS41NzksMS40ODItOC4xMzEsMi43NSAgIGMtNC4xOTgsMi4wNi03LjkwMyw1LjAxMS0xMC43MDgsOC44OTljLTQuNDkxLDYuMjY5LTYuMzAxLDEzLjkwOC01LjA2OCwyMS41MzJjMi4wODQsMTIuNjkxLDEyLjI5OSwyMi4wOTYsMjQuNTQ5LDIzLjgzNCAgIGMyLjgyMiwwLjQwMiw1LjY5MywwLjUzMSw4LjYyNSwwLjA0OWw1Mi4yMzktOC41MDZjNC41MDQtMC43MTMsOC42MSwyLjg2OSw5LjIwNSw2LjYzMWMwLjcyMSw0LjM4NS0yLjI0NSw4LjUxNC02LjYyNCw5LjIyOCAgIGwtNTIuMjM4LDguNTA3Yy02LjM3OSwxLjA2Ni04LjczOCwwLjQzMi0xMC45ODQsMC4yNTZjLTAuNjI1LDUuMzE1LTEuOTcsMTAuNTU3LTQuMzkxLDE1LjUyICAgYy01LjY0NSwxMS41NjktMTUuNDU3LDIwLjI0NC0yNy42MjksMjQuNDEyYy0xMy4wNjcsNC41MDYtMjcuMTkxLDMuMjA3LTM5LjIwMi0zLjYzMWMtNS41OTcsNy40NDctMTMuMzI1LDEzLjI5OS0yMi40NDgsMTYuNDgyICAgYy0xMS4wOTIsMy44NDktMjIuOTEsMy43MTEtMzQuNjMyLTEuMjczbDI4LjI4NCw4Mi4zMDljMTEuMTA5LDMyLjQwNiw0MS42MDksNTQuMTYzLDc1Ljg3MSw1NC4xNjNoMTA1LjQ1NyAgIGMzNi41NzIsMCw2OC41MjctMjQuNzQ3LDc3LjY2Ni02MC4xNzVMNDA5LjU1Niw0MDYuMjE2eiIgZmlsbD0iIzAwMDAwMCIvPgoJPHBhdGggaWQ9IlhNTElEXzI3M18iIGQ9Ik0xNDQuOTQxLDM0Mi41NTljMTMuNzctNC43ODYsMjIuMDYzLTE4LjAyMiwyMS4zOTEtMzEuODY2YzYuMTcyLDE2LjE3OCwyMy45MDYsMjQuNjY5LDQwLjMzOCwxOSAgIGMxMi44NDQtNC40MTcsMjEuMDIzLTE2LjE3MiwyMS42LTI4Ljk2NmMtMTIuODkzLTYuMTY1LTIyLjUxNC0xOC4xOTEtMjQuOTY1LTMzLjE5MWMtMS4zOTctOC42MDItMC4yMjctMTcuMTk2LDMuMTQzLTI1LjAwNiAgIGMxLjI2Ni0yLjk0OSwyLjgwNS01LjgxOSw0LjczLTguNDk3YzcuMDIzLTkuNzU2LDE3LjQxLTE2LjE4OCwyOS4yOTUtMTguMTE4bDMwLTQuOTQ4bDc3LjIxNy0xMi43M2wzMS43MTgtMTM1LjgyNSAgIGM0LjUyMi0xOS40MzktNy41NTQtMzguODc1LTI2Ljk4Ny00My40MTJjLTE5LjQzMi00LjU2Mi0zOC44ODMsNy41NDUtNDMuNDE4LDI2Ljk3OEwyNzEuMTI5LDIwOC4yMUwyMDguNzcxLDI0LjUzOSAgIGMtNi40MjgtMTguODk2LTI2Ljg3My0yOS4wNDUtNDUuODU3LTIyLjYwMWMtMTguOTA0LDYuNDE0LTI5LjAyMSwyNi45MzktMjIuNTkyLDQ1LjgzNGwzNS40OTgsMTA0LjU5bDcuOTIyLDIzLjMzOSAgIGMtNS45NjUtNS44NDYtMTMuODA3LTkuNDkzLTIyLjI1Ni05LjQ5M2MtMy40NjEsMC02Ljk5LDAuNTY5LTEwLjQzOCwxLjc2NWMtMTYuNzg1LDUuNzY1LTI1LjcyMSwyNC4wNDMtMTkuOTQzLDQwLjgyM2w1LjE3NiwxNS4wNCAgIGMtNi4wMjktOC43NTYtMTUuOTg0LTEzLjk5OC0yNi40NzEtMTMuOTk4Yy0zLjQ2NSwwLTcuMDA4LDAuNTY3LTEwLjQ1NSwxLjc4Yy0xNi43NzEsNS44MzUtMjUuNjA1LDI0LjE0Ny0xOS43Nyw0MC45MDEgICBsMjQuNDY3LDcwLjI3QzEwOS45MDcsMzM5LjY3MywxMjguMzYxLDM0OC4zNjQsMTQ0Ljk0MSwzNDIuNTU5eiIgZmlsbD0iIzAwMDAwMCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=" />
<h1>My responsive blog</h1>
</div>
</header>
<article>
<picture>
<source media="(min-width: 801px)" srcset="images/still_life-large_x2.jpg">
<source media="(min-width: 401px)" srcset="images/still_life-medium.jpg">
<img src="images/still_life-small.jpg" srcset="images/still_life-small.jpg" alt="still_life">
<p>still life</p>
</picture>
<h2>My story</h2>
<p>I love cheese, especially manchego swiss. ☺ Fromage queso jarlsberg cheesy feet emmental cottage cheese camembert de normandie bocconcini. Cottage cheese everyone loves cauliflower cheese rubber cheese squirty cheese halloumi cow fondue. Bocconcini cheese and biscuits everyone loves fondue red leicester st. agur blue cheese rubber cheese ricotta. Cheesy grin mozzarella.</p>
<picture>
<source media="(min-width: 801px)" srcset="images/horses-large_x2.jpg">
<source media="(min-width: 401px)" srcset="images/horses-medium.jpg">
<img src="images/horses-small.jpg" srcset="images/horses-small.jpg" alt="horses">
<p>horses</p>
</picture>
<p>Bocconcini swiss cut the cheese. Manchego boursin smelly cheese cheesy grin squirty cheese mozzarella cheddar hard cheese. Manchego roquefort camembert de normandie cheese slices mascarpone cow cheesy feet airedale. Port-salut jarlsberg gouda port-salut port-salut cheese on toast.</p>
<p>Manchego cheese strings hard cheese. Say cheese swiss cheese strings squirty cheese mozzarella feta the big cheese halloumi. Cheddar cheese and biscuits cut the cheese queso hard cheese red leicester parmesan st. agur blue cheese. Smelly cheese caerphilly hard cheese cream cheese cream cheese the big cheese feta squirty cheese. Babybel fromage edam lancashire.</p>
<picture>
<source media="(min-width: 801px)" srcset="images/volt-large_x2.jpg">
<source media="(min-width: 401px)" srcset="images/volt-medium.jpg">
<img src="images/volt-small.jpg" srcset="images/volt-small.jpg" alt="volt">
<p>volt</p>
</picture>
<p>Edam parmesan smelly cheese. Dolcelatte say cheese cheesy feet lancashire cow boursin stinking bishop brie. Stilton cheese strings say cheese pecorino cheeseburger fromage frais cauliflower cheese manchego. St. agur blue cheese ricotta stinking bishop queso camembert de normandie manchego cheese triangles fondue. Gouda.</p>
<picture>
<source media="(min-width: 801px)" srcset="images/cockatoos-large_x2.jpg">
<source media="(min-width: 401px)" srcset="images/cockatoos-medium.jpg">
<img src="images/cockatoos-small.jpg" srcset="images/cockatoos-small.jpg" alt="cockatoos">
<p>cockatoos</p>
</picture>
<p>Babybel cream cheese cheese on toast. Brie fromage swiss cheese and biscuits hard cheese babybel bocconcini brie. Cheesy grin swiss cheese strings paneer lancashire cauliflower cheese cheese on toast caerphilly. Queso queso cheese and wine taleggio mascarpone cheeseburger.</p>
<p>Rubber cheese lancashire stinking bishop. Paneer bocconcini bocconcini melted cheese brie blue castello mascarpone when the cheese comes out everybody's happy. Mozzarella st. agur blue cheese hard cheese smelly cheese gouda ricotta hard cheese cheese and wine. Fromage frais pecorino airedale caerphilly danish fontina everyone loves.</p>
<p>Cheddar the big cheese fromage frais. Stinking bishop dolcelatte cow pecorino who moved my cheese bavarian bergkase cheese slices who moved my cheese. Cheeseburger roquefort cheese and biscuits queso queso smelly cheese roquefort red leicester. Fromage squirty cheese macaroni cheese melted cheese stilton roquefort cheese and biscuits.</p>
<p>St. agur blue cheese cheese and wine say cheese. Goat cottage cheese brie cheese triangles say cheese when the cheese comes out everybody's happy stinking bishop dolcelatte. Parmesan say cheese cream cheese goat cauliflower cheese st. agur blue cheese cheese slices hard cheese. Cheese triangles.</p>
<picture>
<source media="(min-width: 801px)" srcset="images/postcard-large_x2.jpg">
<source media="(min-width: 401px)" srcset="images/postcard-medium.jpg">
<img src="images/postcard-small.jpg" srcset="images/postcard-small.jpg" alt="postcard">
<p>postcard</p>
</picture>
<p>Pecorino pepper jack cheesy feet. Smelly cheese cauliflower cheese fromage halloumi cream cheese who moved my cheese fromage fondue. Feta danish fontina cheesy grin mozzarella fromage cheesy grin airedale paneer. Cheddar halloumi cheese and biscuits jarlsberg cheese and biscuits cheese and biscuits squirty cheese.</p>
<picture>
<source media="(min-width: 801px)" srcset="images/grasshopper-large_x2.jpg">
<source media="(min-width: 401px)" srcset="images/grasshopper-medium.jpg">
<img src="images/grasshopper-small.jpg" srcset="images/grasshopper-small.jpg" alt="grasshopper">
<p>grasshopper</p>
</picture>
<p>Babybel cream cheese cheese on toast. Brie fromage swiss cheese and biscuits hard cheese babybel bocconcini brie. Cheesy grin swiss cheese strings paneer lancashire cauliflower cheese cheese on toast caerphilly. Queso queso cheese and wine taleggio mascarpone cheeseburger.</p>
<picture>
<source media="(min-width: 801px)" srcset="images/sfo-large_x2.jpg">
<source media="(min-width: 401px)" srcset="images/sfo-medium.jpg">
<img src="images/sfo-small.jpg" srcset="images/sfo-small.jpg" alt="sfo">
<p>sfo</p>
</picture>
<p>Say cheese swiss cheesy grin. Cheese on toast queso bocconcini cheeseburger fondue manchego smelly cheese port-salut. Cream cheese cheese and wine airedale cheeseburger chalk and cheese cauliflower cheese fondue smelly cheese. Queso manchego.</p>
<picture>
<source media="(min-width: 801px)" srcset="images/rosella-large_x2.jpg">
<source media="(min-width: 401px)" srcset="images/rosella-medium.jpg">
<img src="images/rosella-small.jpg" srcset="images/rosella-small.jpg" alt="rosella">
<p>rosella</p>
</picture>
<p>Paneer st. agur blue cheese bocconcini. The big cheese chalk and cheese cheese and biscuits cream cheese cheese triangles mascarpone everyone loves rubber cheese. Stinking bishop manchego the big cheese lancashire hard cheese the big cheese danish fontina squirty cheese. Cheesy feet croque monsieur boursin squirty cheese cheddar boursin boursin pepper jack. Squirty cheese halloumi camembert de normandie macaroni cheese.</p>
</article>
<hr class="style1">
<!-- <img id="fluorish" src="images/images_src/fixed/flourish.png"> -->
<!--
Flourish credit: http://pixabay.com/en/flourish-line-border-decoration-31609/
-->
<footer>
<a href="//github.com/udacity/responsive-images/tree/master/project/start" title="View source for this page on GitHub" id="viewSource">View source on GitHub</a>
<a class='zocial-twitter' href="www.facebook.com" id="twitter"></a>
<a class='zocial-facebook' href="www.facebook.com" id="facebook"></a>
<a class='zocial-googleplus' href="www.facebook.com" id="googleplus"></a>
<a class='zocial-digg' href="www.facebook.com" id="digg"></a>
Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a>
</footer>
</body>
</html>