Select any three world cities. Create a webpage that shows the following informa

ID: 669931 • Letter: S

Question

Select any three world cities. Create a webpage that shows the following information for each city:

- Name

- A short description.

- A picture

- A google map object showing the address of the city: Look at this:http://www.w3schools.com/googleapi/google_maps_basic.asp

The page has also two buttons: next and previous. "Next" button takes you to the next city, while "Previous" button takes you to the previous one.

Please follow the following guidelines in your design:

1- [Best-practice] Use HTML5 tags as much as possible: http://www.w3schools.com/html/html5_syntax.asp

2- [Best-practice] separate formatting from design: all formatting must be defined in CSS files, as explained in the class and in the book.

3- [Best-practice] your page must be designed in an elegant manner. By elegance I mean a beautiful and meaningful page structure. Read the following article to get some ideas: http://www.smashingmagazine.com/2008/01/10-principles-of-effective-web-design/.

Also here read about how to design a page layout using tables: http://www.ironspider.ca/webdesign102/tables4layout2.htm

4- [responsiveness] Your design must be responsive: http://www.w3schools.com/html/html_responsive.asp

5- [best-practice] All HTML code must be in a separate .js file that is linked to the main file: http://www.w3schools.com/tags/att_script_src.asp

Explanation / Answer

<html class="no-js lt-ie10 lt-ie9 lt-ie8" id="ie7" lang="en-US">
<![endif]-->



<html class="no-js" lang="en-US">

<head>
    <meta charset="UTF-8" />
    <title>Action for TEAM </title>
    <link rel="profile" href="http://gmpg.org/xfn/11" />
    <link rel="pingback" href="http://actionforindia.org/xmlrpc.php" />

.
.tp-caption a {
color:#ff7302;
text-shadow:none;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
}

.tp-caption a:hover {
color:#ffa902;
}
</style>
<link rel='stylesheet' id='rs-plugin-captions-css' href="http://actionforindia.org/wp-content/plugins/revslider/rs-plugin/css/captions.php?rev=4.3.6&#038;ver=4.2.5" type='text/css' media='all' />
<link rel='stylesheet' id='mb.YTPlayer_css-css' href="http://actionforindia.org/wp-content/plugins/wpmbytplayer/css/mb.YTPlayer.css?ver=2.0.3" type='text/css' media='screen' />
<link rel='stylesheet' id='g1_screen-css' href="http://actionforindia.org/wp-content/themes/3clicks/css/g1-screen.css?ver=3.4.1" type='text/css' media='screen' />

<script type="text/javascript">
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
       m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
   })(window,document,'script','//www.google-analytics.com/analytics.js','__gaTracker');

   gaTracker('create', 'UA-60802136-1', 'auto');
   gaTracker('set', 'forceSSL', true);
   gaTracker('send','pageview');

</script>

<script type='text/javascript' src="http://actionfor.org/wp-includes/js/jquery/jquery.js?ver=1.11.2"></script>
<script type='text/javascript' src="http://actionfor.org/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1"></script>
<script type='text/javascript' src="http://actionfor.org/wp-content/plugins/revslider/rs-plugin/js/jquery.themepunch.plugins.min.js?rev=4.3.6&#038;ver=4.2.5"></script>

</div>

<div id="g1-precontent" class="g1-precontent">
    <div id="g1-precontent-shortcode" class="g1-layout-inner">
<ul class="g1-grid"><li class="g1-column g1-one-half g1-valign-middle">

        </body>
</html>

Navigate

Select any three questions from the following and write a well constructed respo

Select any two of the options you prefer . The choices are: a complaint letter f

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.

Select any three world cities. Create a webpage that shows the following informa

Question

Explanation / Answer

Related Questions

Navigate