Answered You can hire a professional tutor to get the answer.

QUESTION

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);

Show more
LEARN MORE EFFECTIVELY AND GET BETTER GRADES!
Ask a Question