Answered You can hire a professional tutor to get the answer.
Here is the HTML code: Chapter 7 Logout Profile Favorites Toggle navigation Share Your Travels Home About Contact Browse Countries Images Posts Submit
Here is the HTML code:
Chapter 7
Logout
Profile
Favorites
Toggle navigation
Share Your Travels
Home
About
Contact
Browse
Countries
Images
Posts
Submit
Copyright © 2017 Creative Commons ShareAlike
Home / About / Contact / Browse
Here is the css code:
.gallery {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.gallery li{
float: left;
padding: 0px;
position: relative;
overflow: hidden;
}
.gallery img{
margin: 0px;
padding: 0px;
float: left;
z-index: 4;
}
#preview {
position: absolute;
padding: 10px 10px 0 10px;
display: none;
background-color: #424242;
}
#preview p {
color: white;
margin-top: 3px;
margin-bottom: 3px;
}
.gray {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
Here is .Json code :
[
{
"id":22,
"title":"View of Cologne",
"description":"View of Cologne from atop the Cologne Cathedral",
"country":"Germany",
"city":"Cologne",
"user":"Joao Fernandes",
"path":"6114850721.jpg",
"taken":"August 8, 2017",
"tags":[
"cathedral",
"high",
"birds-eye"
]
},
{
"id":54,
"title":"Arch of Septimus Severus",
"description":"In the Roman Forum",
"country":"Italy",
"city":"Rome",
"user":"Ellie Sullivan",
"path":"9495574327.jpg",
"taken":"August 15, 2017",
"tags":[
"rome",
"ruins",
"ancient",
"assassinated"
]
},
{
"id":7,
"title":"Lunenburg Port",
"description":"On board a small sailing ship leaving Lunenburg",
"country":"Canada",
"city":"Lunenburg",
"user":"Mark Taylor",
"path":"5856697109.jpg",
"taken":"August 28, 2017",
"tags":[
"maritimes",
"nova scotia",
"yacht",
"port"
]
},
{
"id":19,
"title":"British Museum",
"description":"The library in the British Museum in London",
"country":"United Kingdom",
"city":"London",
"user":"Mark Taylor",
"path":"5855729828.jpg",
"taken":"September 3, 2017",
"tags":[
"museum",
"karl marx",
"reading room",
"shadows",
"yellow"
]
},
{
"id":46,
"title":"Temple of Hephaistos",
"description":"Located on western perimeter of Agora in Athens. Built in 460-415 BCE, it is the best preserved temple of antiquity.",
"country":"Greece",
"city":"Athens",
"user":"Ellie Sullivan",
"path":"8711645510.jpg",
"taken":"October 10, 2017",
"tags":[
"ancient",
"garden",
"ruins",
"sunshine"
]
},
{
"id":6,
"title":"At the top of Sulpher Mountain",
"description":"At top of Sulpher Mountain near Banff",
"country":"Canada",
"city":"Banff",
"user":"Frantisek Wichterlova",
"path":"6114907897.jpg",
"taken":"October 15, 2017",
"tags":[
"mountain",
"banff",
"valley"
]
},
{
"id":60,
"title":"Pazzi Chapel at Santa Croce",
"description":"By Filippo Brunelleschi, the chapel is considered to be one of the masterpieces of Renaissance architecture. It is located in the first cloister of the Basilica di Santa Croce.",
"country":"Italy",
"city":"Florence",
"user":"Frantisek Wichterlova",
"path":"9504609042.jpg",
"taken":"October 23, 2017",
"tags":[
"florence",
"cathedral",
"church",
"brunelleschi"
]
},
{
"id":58,
"title":"Florence Duomo",
"description":"Photo taken from the Campanile",
"country":"Italy",
"city":"Florence",
"user":"Ellie Sullivan",
"path":"9498358806.jpg",
"taken":"November 4, 2017",
"tags":[
"cathedral",
"church",
"brunelleschi",
"vertigo"
]
},
{
"id":75,
"title":"Ancient Theatre of Dionysos",
"description":"On south bank of Acropolis",
"country":"Greece",
"city":"Athens",
"user":"Mark Taylor",
"path":"8710513053.jpg",
"taken":"November 6, 2017",
"tags":[
"athens",
"ruins",
"theatre",
"sophocles"
]
},
{
"id":77,
"title":"Dusk on Santorini",
"description":"Looking towards Imerovigli, a village devoted to the appreciation of the sunset!",
"country":"Greece",
"city":"Fira",
"user":"Camille Bernard",
"path":"8710247776.jpg",
"taken":"November 6, 2017",
"tags":[
"fira",
"sunset",
"beautiful",
"wow",
"volcano"
]
},
{
"id":27,
"title":"New National Gallery",
"description":"Exterior of the Mies van der Rohe designed New National Gallery",
"country":"Germany",
"city":"Berlin",
"user":"Joao Fernandes",
"path":"6114867983.jpg",
"taken":"August 12, 2017",
"tags":[
"museum",
"berlin",
"modernism",
"architecture"
]
},
{
"id":2,
"title":"Calgary Downtown",
"description":"Calgary Downtown from Edworthy Park",
"country":"Canada",
"city":"Calgary",
"user":"Camille Bernard",
"path":"6592914823.jpg",
"taken":"October 23, 2017",
"tags":[
"autumn",
"leaves",
"skyscrappers",
"zoom"
]
},
{
"id":24,
"title":"Downtown Frankfurt",
"description":"Downtown Frankfurt from the Frankfurt Cathedral",
"country":"Germany",
"city":"Frankfurt",
"user":"Ellie Sullivan",
"path":"6114960821.jpg",
"taken":"August 4, 2017",
"tags":[
"downtown",
"skyscrapper",
"architecture"
]
},
{
"id":13,
"title":"Central Park",
"description":"Conservatory Pond in Central Park New York",
"country":"United States",
"city":"New York",
"user":"Mark Taylor",
"path":"6596048341.jpg",
"taken":"September 9, 2017",
"tags":[
"downtown",
"skyscrapper",
"architecture"
]
},
{
"id":101,
"title":"Seattle Scene",
"description":"View of the Space Needle and the EMP Museum",
"country":"United States",
"city":"Seattle",
"user":"Mark Taylor",
"path":"21587937686.jpg",
"taken":"September 23, 2017",
"tags":[
"downtown",
"skyscrapper",
"architecture",
"modernism"
]
},
{
"id":102,
"title":"Millennium Park Chicago",
"description":"Jay Pritzker Pavilion at Millennium Park by Frank Gehry",
"country":"United States",
"city":"Chicago",
"user":"Mark Taylor",
"path":"22182041615.jpg",
"taken":"September 28, 2017",
"tags":[
"downtown",
"skyscrapper",
"architecture",
"modernism"
]
}
]
[{"id":22,"title":"View of Cologne","description":"View of Cologne from atop the Cologne Cathedral","country":"Germany","city":"Cologne","user":"Joao Fernandes","path":"6114850721.jpg","taken":"August 8, 2017","tags":["cathedral","high","birds-eye"]},{"id":54,"title":"Arch of Septimus Severus","description":"In the Roman Forum","country":"Italy","city":"Rome","user":"Ellie Sullivan","path":"9495574327.jpg","taken":"August 15, 2017","tags":["rome","ruins","ancient","assassinated"]},{"id":7,"title":"Lunenburg Port","description":"On board a small sailing ship leaving Lunenburg","country":"Canada","city":"Lunenburg","user":"Mark Taylor","path":"5856697109.jpg","taken":"August 28, 2017","tags":["maritimes","nova scotia","yacht","port"]},{"id":19,"title":"British Museum","description":"The library in the British Museum in London","country":"United Kingdom","city":"London","user":"Mark Taylor","path":"5855729828.jpg","taken":"September 3, 2017","tags":["museum","karl marx","reading room","shadows","yellow"]},{"id":46,"title":"Temple of Hephaistos","description":"Located on western perimeter of Agora in Athens. Built in 460-415 BCE, it is the best preserved temple of antiquity.","country":"Greece","city":"Athens","user":"Ellie Sullivan","path":"8711645510.jpg","taken":"October 10, 2017","tags":["ancient","garden","ruins","sunshine"]},{"id":6,"title":"At the top of Sulpher Mountain","description":"At top of Sulpher Mountain near Banff","country":"Canada","city":"Banff","user":"Frantisek Wichterlova","path":"6114907897.jpg","taken":"October 15, 2017","tags":["mountain","banff","valley"]},{"id":60,"title":"Pazzi Chapel at Santa Croce","description":"By Filippo Brunelleschi, the chapel is considered to be one of the masterpieces of Renaissance architecture. It is located in the first cloister of the Basilica di Santa Croce.","country":"Italy","city":"Florence","user":"Frantisek Wichterlova","path":"9504609042.jpg","taken":"October 23, 2017","tags":["florence","cathedral","church","brunelleschi"]},{"id":58,"title":"Florence Duomo","description":"Photo taken from the Campanile","country":"Italy","city":"Florence","user":"Ellie Sullivan","path":"9498358806.jpg","taken":"November 4, 2017","tags":["cathedral","church","brunelleschi","vertigo"]},{"id":75,"title":"Ancient Theatre of Dionysos","description":"On south bank of Acropolis","country":"Greece","city":"Athens","user":"Mark Taylor","path":"8710513053.jpg","taken":"November 6, 2017","tags":["athens","ruins","theatre","sophocles"]},{"id":77,"title":"Dusk on Santorini","description":"Looking towards Imerovigli, a village devoted to the appreciation of the sunset!","country":"Greece","city":"Fira","user":"Camille Bernard","path":"8710247776.jpg","taken":"November 6, 2017","tags":["fira","sunset","beautiful","wow","volcano"]},{"id":27,"title":"New National Gallery","description":"Exterior of the Mies van der Rohe designed New National Gallery","country":"Germany","city":"Berlin","user":"Joao Fernandes","path":"6114867983.jpg","taken":"August 12, 2017","tags":["museum","berlin","modernism","architecture"]},{"id":2,"title":"Calgary Downtown","description":"Calgary Downtown from Edworthy Park","country":"Canada","city":"Calgary","user":"Camille Bernard","path":"6592914823.jpg","taken":"October 23, 2017","tags":["autumn","leaves","skyscrappers","zoom"]},{"id":24,"title":"Downtown Frankfurt","description":"Downtown Frankfurt from the Frankfurt Cathedral","country":"Germany","city":"Frankfurt","user":"Ellie Sullivan","path":"6114960821.jpg","taken":"August 4, 2017","tags":["downtown","skyscrapper","architecture"]},{"id":13,"title":"Central Park","description":"Conservatory Pond in Central Park New York","country":"United States","city":"New York","user":"Mark Taylor","path"
:"6596048341.jpg","taken":"September 9, 2017","tags":["downtown","skyscrapper","architecture"]},{"id":101,"title":"Seattle Scene","description":"View of the Space Needle and the EMP Museum","country":"United States","city":"Seattle","user":"Mark Taylor","path":"21587937686.jpg","taken":"September 23, 2017","tags":["downtown","skyscrapper","architecture","modernism"]},{"id":102,"title":"Millennium Park Chicago","description":"Jay Pritzker Pavilion at Millennium Park by Frank Gehry","country":"United States","city":"Chicago","user":"Mark Taylor","path":"22182041615.jpg","taken":"September 28, 2017","tags":["downtown","skyscrapper","architecture","modernism"]}]
here is the java script code:
var countries = [
{
id: "DE",
name: "Germany"
},
{
id: "GR",
name: "Greece"
},
{
id: "IT",
name: "Italy"
},
{
id: "CA",
name: "Canada"
},
{
id: "GB",
name: "United Kingdom"
},
{
id: "US",
name: "United States"
},
];
var jsonImages = '[{"id":22,"title":"View of Cologne","description":"View of Cologne from atop the Cologne Cathedral","country":"Germany","city":"Cologne","user":"Joao Fernandes","path":"6114850721.jpg","taken":"August 8, 2017","tags":["cathedral","high","birds-eye"]},{"id":54,"title":"Arch of Septimus Severus","description":"In the Roman Forum","country":"Italy","city":"Rome","user":"Ellie Sullivan","path":"9495574327.jpg","taken":"August 15, 2017","tags":["rome","ruins","ancient","assassinated"]},{"id":7,"title":"Lunenburg Port","description":"On board a small sailing ship leaving Lunenburg","country":"Canada","city":"Lunenburg","user":"Mark Taylor","path":"5856697109.jpg","taken":"August 28, 2017","tags":["maritimes","nova scotia","yacht","port"]},{"id":19,"title":"British Museum","description":"The library in the British Museum in London","country":"United Kingdom","city":"London","user":"Mark Taylor","path":"5855729828.jpg","taken":"September 3, 2017","tags":["museum","karl marx","reading room","shadows","yellow"]},{"id":46,"title":"Temple of Hephaistos","description":"Located on western perimeter of Agora in Athens. Built in 460-415 BCE, it is the best preserved temple of antiquity.","country":"Greece","city":"Athens","user":"Ellie Sullivan","path":"8711645510.jpg","taken":"October 10, 2017","tags":["ancient","garden","ruins","sunshine"]},{"id":6,"title":"At the top of Sulpher Mountain","description":"At top of Sulpher Mountain near Banff","country":"Canada","city":"Banff","user":"Frantisek Wichterlova","path":"6114907897.jpg","taken":"October 15, 2017","tags":["mountain","banff","valley"]},{"id":60,"title":"Pazzi Chapel at Santa Croce","description":"By Filippo Brunelleschi, the chapel is considered to be one of the masterpieces of Renaissance architecture. It is located in the first cloister of the Basilica di Santa Croce.","country":"Italy","city":"Florence","user":"Frantisek Wichterlova","path":"9504609042.jpg","taken":"October 23, 2017","tags":["florence","cathedral","church","brunelleschi"]},{"id":58,"title":"Florence Duomo","description":"Photo taken from the Campanile","country":"Italy","city":"Florence","user":"Ellie Sullivan","path":"9498358806.jpg","taken":"November 4, 2017","tags":["cathedral","church","brunelleschi","vertigo"]},{"id":75,"title":"Ancient Theatre of Dionysos","description":"On south bank of Acropolis","country":"Greece","city":"Athens","user":"Mark Taylor","path":"8710513053.jpg","taken":"November 6, 2017","tags":["athens","ruins","theatre","sophocles"]},{"id":77,"title":"Dusk on Santorini","description":"Looking towards Imerovigli, a village devoted to the appreciation of the sunset!","country":"Greece","city":"Fira","user":"Camille Bernard","path":"8710247776.jpg","taken":"November 6, 2017","tags":["fira","sunset","beautiful","wow","volcano"]},{"id":27,"title":"New National Gallery","description":"Exterior of the Mies van der Rohe designed New National Gallery","country":"Germany","city":"Berlin","user":"Joao Fernandes","path":"6114867983.jpg","taken":"August 12, 2017","tags":["museum","berlin","modernism","architecture"]},{"id":2,"title":"Calgary Downtown","description":"Calgary Downtown from Edworthy Park","country":"Canada","city":"Calgary","user":"Camille Bernard","path":"6592914823.jpg","taken":"October 23, 2017","tags":["autumn","leaves","skyscrappers","zoom"]},{"id":24,"title":"Downtown Frankfurt","description":"Downtown Frankfurt from the Frankfurt Cathedral","country":"Germany","city":"Frankfurt","user":"Ellie Sullivan","path":"6114960821.jpg","taken":"August 4, 2017","tags":["downtown","skyscrapper","architecture"]},{"id":13,"title":"Central Park","description":"Conservatory Pond in Central Park New York","country":"United States","city":"New York","user":"Mark Taylor","path":"6596048341.jpg","taken":"September 9, 2017","tags":["downtown","skyscrapper","architecture"]},{"id":101,"title":"Seattle Scene","description":"View of the Space Needle and the EMP Museum","country":"United States","city":"Seattle","user":"Mark Taylor","path":"21587937686.jpg","taken":"September 23, 2017","tags":["downtown","skyscrapper","architecture","modernism"]},{"id":102,"title":"Millennium Park Chicago","description":"Jay Pritzker Pavilion at Millennium Park by Frank Gehry","country":"United States","city":"Chicago","user":"Mark Taylor","path":"22182041615.jpg","taken":"September 28, 2017","tags":["downtown","skyscrapper","architecture","modernism"]}]';
var images = JSON.parse(jsonImages);
