Advertisement
Guest User

Untitled

a guest
Mar 5th, 2015
228
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 17.60 KB | None | 0 0
  1. <html>
  2. <head>
  3.   <style>
  4.  
  5.   html {
  6.     height: 100%;
  7. }
  8.  
  9. * {
  10.     margin: 0;
  11.     padding: 0;
  12. }
  13.  
  14. body {
  15.     font: normal 85% Arial, Helvetica, sans-serif;
  16.     background-color: #848482;
  17. }
  18.  
  19. p {
  20.     padding: 0 0 10px 0;
  21.     color: #FFF;
  22.     line-height: 1.7em;
  23.     font-size: 100%
  24. }
  25.  
  26.  
  27. img {
  28.     border: 0;
  29. }
  30.  
  31. h1,h2,h3,h4,h5,h6 {
  32.     font: normal 175% Arial, Helvetica, sans-serif;
  33.     color: #FFF;
  34.     text-shadow: 1px 1px #1D1D1D;
  35.     letter-spacing: -1px;
  36.     margin: 0 0 10px 0;
  37. }
  38.  
  39. h2 {
  40.     font: normal 165% Arial, Helvetica, sans-serif;
  41. }
  42.  
  43. h3 {
  44.     font: normal 130% Arial, Helvetica, sans-serif;
  45. }
  46.  
  47. h4,h5,h6 {
  48.     margin: 0;
  49.     padding: 0 0 0px 0;
  50.     font: normal 150% Arial, Helvetica, sans-serif;
  51.     line-height: 1.5em;
  52. }
  53.  
  54. h5,h6 {
  55.     font: normal 95% Arial, Helvetica, sans-serif;
  56.     color: #888;
  57.     padding-bottom: 15px;
  58.    
  59. }
  60.  
  61. .form-field { padding: 5px; }
  62. .form-field span { display: inline-block; margin-right: 10px; }
  63. .form-field input[type="radio"] { position: relative; top: 3px; }
  64.  
  65. a {
  66.     color: #FFF;
  67.     font-weight: bold;
  68.     background: transparent;
  69.     outline: none;
  70.     text-decoration: underline;
  71. }
  72.  
  73. a:hover {
  74.     text-decoration: none;
  75. }
  76.  
  77. ul {
  78.     margin: 2px 0 22px 30px;
  79.     line-height: 1.7em;
  80.     font-style: normal;
  81.     font-size: 100%;
  82. }
  83.  
  84. ol {
  85.     margin: 8px 0 22px 20px;
  86. }
  87.  
  88. ol li {
  89.     margin: 0 0 11px 0;
  90. }
  91.  
  92. #main,#header,#banner,#menubar,#site_content,#footer,#content_bottom {
  93.     margin-left: auto;
  94.     margin-right: auto;
  95. }
  96.  
  97. #main {
  98.     background: transparent;
  99. }
  100.  
  101. #header {
  102.     width: 960px;
  103.     height: 120px;
  104.     background: transparent;
  105. }
  106.  
  107. #banner {
  108.     width: 960px;
  109.     position: relative;
  110.     height: 50px;
  111.     padding: 15px 0 0 0;
  112.     background: transparent;
  113. }
  114.  
  115. #menubar {
  116.     width: 960px;
  117.     height: 50px;
  118.     text-align: center;
  119.     margin: 0 auto;
  120.     background: #0043A8;
  121.     background: -moz-linear-gradient(#43A9FF, #0043A8);
  122.     background: -o-linear-gradient(#43A9FF, #0043A8);
  123.     background: -webkit-linear-gradient(#43A9FF, #0043A8);
  124.     border-radius: 15px 15px 0px 0px;
  125.     -moz-border-radius: 15px 15px 0px 0px;
  126.     -webkit-border: 15px 15px 0px 0px;
  127.     -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  128.     -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  129.     box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  130. }
  131.  
  132. #welcome {
  133.     width: 960px;
  134.     float: left;
  135.     height: 50px;
  136.     margin: 0 auto;
  137.     padding-left: 20px;
  138.     background: transparent;
  139. }
  140.  
  141. #welcome_slogan {
  142.     width: 960px;
  143.     float: left;
  144.     height: 50px;
  145.     margin: 0 auto;
  146.     padding-left: 20px;
  147.     background: transparent;
  148. }
  149.  
  150. #welcome H1 {
  151.     font: normal 300% Arial, Helvetica, sans-serif;
  152.     letter-spacing: -3px;
  153.     color: #FFF;
  154.     text-shadow: 1px 1px #1D1D1D;
  155. }
  156.  
  157. #welcome_slogan H1 {
  158.     font: normal 200% Arial, Helvetica, sans-serif;
  159.     letter-spacing: -2px;
  160.     color: #FFF;
  161.     text-shadow: 1px 1px #1D1D1D;
  162. }
  163.  
  164. ul#menu {
  165.     margin: 0;
  166.     margin: 0 0 0 20px;
  167. }
  168.  
  169. ul#menu li {
  170.     padding: 0 0 0 0px;
  171.     list-style: none;
  172.     margin: 2px 0 0 0;
  173.     display: inline;
  174.     background: transparent;
  175. }
  176.  
  177. ul#menu li a {
  178.     float: left;
  179.     font: bold 120% Arial, Helvetica, sans-serif;
  180.     text-align: center;
  181.     color: #FFF;
  182.     text-decoration: none;
  183.     height: 24px;
  184.     text-shadow: 0px -1px 0px #000;
  185.     padding: 16px 20px 10px 20px;
  186.     background: transparent;
  187. }
  188.  
  189. ul#menu li.current a {
  190.     color: #FFF;
  191.     background: #323232;
  192.     text-shadow: none;
  193. }
  194.  
  195. ul#menu li:hover a {
  196.     color: #FFF;
  197.     background: #323232;
  198.     text-shadow: none;
  199. }
  200.  
  201. #site_content {
  202.     width: 940px;
  203.     padding-left: 20px;
  204.     overflow: hidden;
  205.     margin: 0 auto;
  206.     background: #323232;
  207.     border-radius: 0px 0px 15px 15px;
  208.     -moz-border-radius: 0px 0px 15px 15px;
  209.     -webkit-border: 0px 0px 15px 15px;
  210. }
  211.  
  212. .sidebar_container {
  213.     float: left;
  214.     margin: 10px 20px 0 0;
  215.     width: 215px;
  216.     padding: 0;
  217. }
  218.  
  219. .sidebar {
  220.     float: left;
  221.     width: 250px;
  222.     padding: 0;
  223.     margin-top: 10px;
  224.     margin-bottom: 10px;
  225. }
  226.  
  227. .sidebar_item {
  228.     font: normal 100% Arial, Helvetica, sans-serif;
  229.     width: 215px;
  230. }
  231.  
  232. .sidebar h2 {
  233.     padding: 5px 0 0 10px;
  234.     font: normal 140% Arial, Helvetica, sans-serif;
  235.     height: 30px;
  236.     text-shadow: 0px -1px 0px #000;
  237.     color: #fff;
  238.     background: #0043A8;
  239.     background: -moz-linear-gradient(#43A9FF, #0043A8);
  240.     background: -o-linear-gradient(#43A9FF, #0043A8);
  241.     background: -webkit-linear-gradient(#43A9FF, #0043A8);
  242.     border-radius: 15px 15px 15px 15px;
  243.     -moz-border-radius: 15px 15px 15px 15px;
  244.     -webkit-border: 15px 15px 15px 15px;
  245.     -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  246.     -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  247.     box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  248. }
  249.  
  250. #content {
  251.     width: 680px;
  252.     margin-bottom: 20px;
  253.     float: left;
  254. }
  255.  
  256. .content_item {
  257.     width: 680px;
  258.     margin-top: 20px;
  259.     margin-bottom: 20px;
  260. }
  261.  
  262. .content_image {
  263.     position: relative;
  264.     float: left;
  265.     width: 100px;
  266.     height: 120px;
  267.     margin: 0 20px 10px 0;
  268.     -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  269.     -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  270.     box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  271.     background-position: 50% 50%;
  272.     background-position: 50% 50%;
  273.     background-repeat: no-repeat;
  274. }
  275.  
  276. .content_container {
  277.     width: 320px;
  278.     padding: 5px;
  279.     margin-right: 10px;
  280.     float: left;
  281. }
  282.  
  283. #content_bottom {
  284.     width: 960px;
  285.     height: 160px;
  286.     text-align: center;
  287. }
  288.  
  289. #content_bottom p {
  290.     color: #000;
  291.     text-shadow: 1px 1px #FFF;
  292. }
  293.  
  294. #content_bottom h4 {
  295.     color: #000;
  296.     text-shadow: none;
  297. }
  298.  
  299. .content_bottom_container_box {
  300.     width: 295px;
  301.     padding: 5px;
  302.     text-align: center;
  303.     margin: 20px 0 10px 10px;
  304.     float: left;
  305. }
  306.  
  307. .content_bottom_container_boxl {
  308.     width: 295px;
  309.     padding: 5px;
  310.     text-align: center;
  311.     margin: 20px 0 10px 10px;
  312.     float: left;
  313. }
  314.  
  315. #footer {
  316.     width: 960px;
  317.     height: 20px;
  318.     padding-top: 20px;
  319.     text-align: center;
  320.     background: transparent;
  321.     color: #1D1D1D;
  322.     text-shadow: 1px 1px #FFF;
  323. }
  324.  
  325. #footer a,#footer a:hover {
  326.     color: #1D1D1D;
  327.     text-decoration: none;
  328.     padding-bottom: 20px;
  329. }
  330.  
  331. #footer a:hover {
  332.     text-decoration: underline;
  333. }
  334.  
  335. .button_small {
  336.     font: normal 110% Arial, Helvetica, sans-serif;
  337.     height: 15px;
  338.     width: 90px;
  339.     padding: 5px 5px 10px 7px;
  340.     background: #0043A8;
  341.     background: -moz-linear-gradient(#43A9FF, #0043A8);
  342.     background: -o-linear-gradient(#43A9FF, #0043A8);
  343.     background: -webkit-linear-gradient(#43A9FF, #0043A8);
  344.     border-radius: 15px 15px 15px 15px;
  345.     -moz-border-radius: 15px 15px 15px 15px;
  346.     -webkit-border: 15px 15px 15px 15px;
  347.     -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  348.     -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  349.     box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  350. }
  351.  
  352. .button_small a {
  353.     color: #FFF;
  354.     padding-left: 5px;
  355. }
  356.  
  357. .form_settings {
  358.     margin: 15px 0 0 0;
  359. }
  360.  
  361. .form_settings p {
  362.     padding: 0 0 4px 0;
  363. }
  364.  
  365. .form_settings span {
  366.     float: left;
  367.     width: 280px;
  368.     text-align: left;
  369. }
  370.  
  371. .form_settings input,.form_settings textarea {
  372.     padding: 2px;
  373.     width: 299px;
  374.     font: 100% arial;
  375.     border: 1px solid #E5E5DB;
  376.     background: #FFF;
  377.     color: #47433F;
  378. }
  379.  
  380. .form_settings input[type="checkbox"] {
  381.     padding: 2px 0;
  382.     width: 15px;
  383.     font: 100% arial;
  384.     border: 0;
  385.     background: #FFF;
  386.     color: #47433F;
  387.     margin: 28px 0;
  388. }
  389.  
  390. label {
  391.     margin:10px;
  392. }
  393.  
  394. .form_settings .submit {
  395.     font: 100% arial;
  396.     width: 99px;
  397.     margin: 0 0 0 206px;
  398.     height: 26px;
  399.     padding: 2px 0 3px 0;
  400.     cursor: pointer;
  401.     background: #0043A8;
  402.     background: -moz-linear-gradient(#43A9FF, #0043A8);
  403.     background: -o-linear-gradient(#43A9FF, #0043A8);
  404.     background: -webkit-linear-gradient(#43A9FF, #0043A8);
  405.     border-radius: 7px 7px 7px 7px;
  406.     -moz-border-radius: 7px 7px 7px 7px;
  407.     -webkit-border: 7px 7px 7px 7px;
  408.     -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  409.     -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  410.     box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  411.     color: #FFF;
  412. }
  413.  
  414. #mapPlaceholder {
  415.     height: 400px;
  416.     width: 700px;
  417. }
  418.   </style>
  419. <link rel="stylesheet" type="text/css" media="screen"
  420.     href="/GUARDS II/css/style.css" />
  421. <meta http-equiv="content-type"
  422.     content="application/xhtml+xml; charset=UTF-8" />
  423. <link
  424.     href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css"
  425.     rel="stylesheet" type="text/css" />
  426. <script type="text/javascript"
  427.     src="http://maps.google.com/maps/api/js?sensor=false"></script>
  428. <script src="/Scripts/test.js" type="text/javascript"></script>
  429.  
  430. <script>
  431.     var ReverseGeocode = function() {
  432.  
  433.         var geocoder, map, marker;
  434.         geocoder = new google.maps.Geocoder();
  435.        
  436.         function GeoCode(latlng) {
  437.             // Make the Geocode request
  438.             geocoder
  439.                     .geocode(
  440.                             {
  441.                                 'latLng' : latlng
  442.                             },
  443.                             function(results, status) {
  444.  
  445.                                 // Check the Geoeode status before proceeding    
  446.                                 if (status == google.maps.GeocoderStatus.OK) {
  447.  
  448.                                     // Marker at the returned address    
  449.                                     if (results[0]) {
  450.                                         map.setZoom(16);
  451.                                         marker = new google.maps.Marker({
  452.                                             map : map,
  453.                                             draggable : true
  454.                                         });
  455.                                         marker.setPosition(latlng);
  456.                                         map.panTo(latlng);
  457.                                     }
  458.  
  459.                                     // Update the 'startingPointCoords' field  
  460.                                     var address = (results[0].formatted_address);
  461.                                     document
  462.                                             .getElementById('startingPointCoords').value = address;
  463.                                 }
  464.                             });
  465.         }
  466.  
  467.         return {
  468.  
  469.             Init : function() {
  470.                 // Check if geolocation is supported
  471.                 if (navigator.geolocation) {
  472.                     navigator.geolocation
  473.                             .getCurrentPosition(showCurrentLocation);
  474.                 } else {
  475.                     alert("Geolocation API not supported.");
  476.                 }
  477.                 // Get the user's current location
  478.                 function showCurrentLocation(position) {
  479.                     var latitude = position.coords.latitude;
  480.                     var longitude = position.coords.longitude;
  481.                     var coords = new google.maps.LatLng(latitude, longitude);
  482.  
  483.                     // Create map
  484.                     var myOptions = {
  485.                         zoom : 8,
  486.                         center : coords,
  487.                         mapTypeId : 'roadmap'
  488.                     };
  489.                    
  490.                     map = new google.maps.Map(document
  491.                             .getElementById('mapPlaceholder'), myOptions);
  492.                    
  493.                     var locations = [
  494.                                      ['Hopple St.', 39.138668, -84.533647, 1],
  495.                                      ['South of I-74', 39.199170, -84.476327, 2],
  496.                                      ['I-74', 39.299170, -84.406327, 3],
  497.                                      ['North of I-74', 39.399170, -84.336327, 4]
  498.                                    ];
  499.                    
  500.                     var marker, i;
  501.                    
  502.                     var infowindow = new google.maps.InfoWindow();
  503.  
  504.                     for (i = 0; i < locations.length; i++) {
  505.                       marker = new google.maps.Marker({
  506.                         position: new google.maps.LatLng(locations[i][1], locations[i][2]),
  507.                         map: map
  508.                       });
  509.  
  510.                       google.maps.event.addListener(marker, 'click', (function(marker, i) {
  511.                         return function() {
  512.                           infowindow.setContent(locations[i][0]);
  513.                           infowindow.open(map, marker);
  514.                         };
  515.                       })(marker, i));
  516.                      
  517.                      
  518.  
  519.                     // Get the address
  520.                     GeoCode(coords);
  521.                 }
  522.             }},
  523.         };
  524.     }();
  525.  
  526.     // Function to populate dropdown according to which button user selects
  527.     function populateDropdown(highway) {
  528.         switch (highway) {
  529.         case "I71":
  530.             document.forms[0].highwayDropdown.length = 8;
  531.             document.forms[0].highwayDropdown.disabled = false;
  532.             document.forms[0].highwayDropdown.options[0].text = 'Montgomery Rd';
  533.             document.forms[0].highwayDropdown.options[0].value = 'montgomery';
  534.             document.forms[0].highwayDropdown.options[1].text = 'Dana Ave';
  535.             document.forms[0].highwayDropdown.options[1].value = 'dana';
  536.             document.forms[0].highwayDropdown.options[2].text = 'Smith Rd';
  537.             document.forms[0].highwayDropdown.options[2].value = 'smith';
  538.             document.forms[0].highwayDropdown.options[3].text = 'Robertson Ave';
  539.             document.forms[0].highwayDropdown.options[3].value = 'robertson';
  540.             document.forms[0].highwayDropdown.options[4].text = 'SR-562 (Norwood Lateral)';
  541.             document.forms[0].highwayDropdown.options[4].value = 'sr56271';
  542.             document.forms[0].highwayDropdown.options[5].text = 'Kennedy Ave';
  543.             document.forms[0].highwayDropdown.options[5].value = 'kennedy';
  544.             document.forms[0].highwayDropdown.options[6].text = 'Red Bank Rd';
  545.             document.forms[0].highwayDropdown.options[6].value = 'redBank';
  546.             document.forms[0].highwayDropdown.options[7].text = 'N of Stewart Rd';
  547.             document.forms[0].highwayDropdown.options[7].value = 'stewart';
  548.             document.forms[0].highwayDropdown.options[8].text = 'Euclid Ave';
  549.             document.forms[0].highwayDropdown.options[8].value = 'euclid';
  550.             document.forms[0].highwayDropdown.options[9].text = 'Montgomery Rd (Kenwood)';
  551.             document.forms[0].highwayDropdown.options[9].value = 'montgomeryKenwood';
  552.             document.forms[0].highwayDropdown.options[9].text = 'SR-126 (RRCC)';
  553.             document.forms[0].highwayDropdown.options[9].value = 'sr12671';
  554.             document.getElementById('destinationCoords').value = address;
  555.             break;
  556.         case "I75":
  557.             document.forms[0].highwayDropdown.length = 11;
  558.             document.forms[0].highwayDropdown.disabled = false;
  559.             document.forms[0].highwayDropdown.options[0].text = 'Hopple';
  560.             document.forms[0].highwayDropdown.options[0].value = 'hopple';
  561.             document.forms[0].highwayDropdown.options[1].text = 'South of I-74';
  562.             document.forms[0].highwayDropdown.options[1].value = 'southI74';
  563.             document.forms[0].highwayDropdown.options[2].text = 'I-74';
  564.             document.forms[0].highwayDropdown.options[2].value = 'I74';
  565.             document.forms[0].highwayDropdown.options[3].text = 'North of I-74';
  566.             document.forms[0].highwayDropdown.options[3].value = 'northI74';
  567.             document.forms[0].highwayDropdown.options[4].text = 'Mitchell';
  568.             document.forms[0].highwayDropdown.options[4].value = 'mitchell';
  569.             document.forms[0].highwayDropdown.options[5].text = 'Vine';
  570.             document.forms[0].highwayDropdown.options[5].value = 'vine';
  571.             document.forms[0].highwayDropdown.options[6].text = 'SR-562 (Norwood Lateral)';
  572.             document.forms[0].highwayDropdown.options[6].value = 'sr56275';
  573.             document.forms[0].highwayDropdown.options[7].text = 'N of Towne';
  574.             document.forms[0].highwayDropdown.options[7].value = 'towne';
  575.             document.forms[0].highwayDropdown.options[8].text = 'North of Paddock';
  576.             document.forms[0].highwayDropdown.options[8].value = 'paddock';
  577.             document.forms[0].highwayDropdown.options[9].text = 'SR-126 (RRCC)';
  578.             document.forms[0].highwayDropdown.options[9].value = 'sr12675';
  579.             document.forms[0].highwayDropdown.options[10].text = 'N of Galbraith Rd';
  580.             document.forms[0].highwayDropdown.options[10].value = 'galbraith';
  581.             break;
  582.         default:
  583.             document.forms[0].highwayDropdown.length = 1;
  584.             document.forms[0].highwayDropdown.options[0].text = 'Select a highway first';
  585.             document.forms[0].highwayDropdown.disabled = true;
  586.         }
  587.     }
  588.    
  589. </script>
  590. <title>GUARDS II</title>
  591. </head>
  592. <body onload="ReverseGeocode.Init()">
  593.     <div id="main">
  594.         <div id="header">
  595.             <div id="banner">
  596.                 <div id="welcome">
  597.                     <h1>GUARDS II</h1>
  598.                 </div>
  599.                 <div id="welcome_slogan">
  600.                     <h1>Goal-driven Users and Agents for Recognition, Discovery
  601.                         and Synthesis of knowledge</h1>
  602.                 </div>
  603.             </div>
  604.         </div>
  605.         <!-- end header -->
  606.  
  607.         <div id="menubar">
  608.             <ul id="menu">
  609.                 <li class="current"><a href="Home.jsp">Home</a></li>
  610.                 <li><a href="ProjectBackground.jsp">Project Background</a></li>
  611.                 <li><a href="PastBids.jsp">Past Bids</a></li>
  612.                 <li><a href="AboutGuards.jsp">About</a></li>
  613.             </ul>
  614.         </div>
  615.         <!-- end menu bar -->
  616.  
  617.         <div id="site_content">
  618.  
  619.             <div class="sidebar_container">
  620.                 <div class="sidebar">
  621.                     <div class="sidebar_item">
  622.                         <h2>How to use our website</h2>
  623.                         <p>Begin by selecting a location from I-75 or I-71 on the
  624.                             right. Select your destination from the dropdown menu.</p>
  625.                     </div>
  626.                 </div>
  627.                 <div class="sidebar">
  628.                     <div class="sidebar_item">
  629.                         <h2>Map</h2>
  630.                         <p>Based on predictive analytics, we have provided you with
  631.                             the shortest path to your destination.</p>
  632.                     </div>
  633.                 </div>
  634.                 <div class="sidebar">
  635.                     <div class="sidebar_item">
  636.                         <h2>Options below map</h2>
  637.                         <p>Below the map shows your options to see why this path was
  638.                             chosen and if you have insight into why this is a bad route.</p>
  639.                     </div>
  640.                 </div>
  641.             </div>
  642.  
  643.             <div id="content">
  644.  
  645.                 <div class="content_container">
  646.                     <p>Starting Point</p>
  647.                     <div>
  648.                         <input name="convertedAddress" type="text"
  649.                             id="startingPointCoords" size="40" />
  650.                     </div>
  651.                 </div>
  652.  
  653.                 <div class="content_container">
  654.                     <p>Destination</p>
  655.                     <form action="this.html" method="post">
  656.                         <p>
  657.                             <input id="I71" type="radio" name="highway" value="I71"
  658.                                 onclick="populateDropdown('I71')" /><label for="I71">I-71</label><br />
  659.                             <input id="I75" type="radio" name="highway" value="I75"
  660.                                 onclick="populateDropdown('I75')" /><label for="I75">I-75</label><br />
  661.  
  662.                             <select disabled="disabled" name="highwayDropdown">
  663.                                 <option>Select a highway first</option>
  664.                             </select>
  665.                         </p>
  666.                     </form>
  667.                 </div>
  668.  
  669.                 <div>
  670.                     <div id="mapPlaceholder"></div>
  671.                 </div>
  672.  
  673.                 <div class="content_container">
  674.                     <p>Why was this route chosen?</p>
  675.                     <div class="button_small">
  676.                         <a href="RouteInfo.jsp">Read more</a>
  677.                     </div>
  678.                 </div>
  679.  
  680.                 <div class="content_container">
  681.                     <p>Add bid</p>
  682.                     <div class="button_small">
  683.                         <select id="selectIncident">
  684.                             <option value="wreak">Wreak</option>
  685.                             <option value="traffic">Traffic</option>
  686.                         </select>
  687.                     </div>
  688.                 </div>
  689.  
  690.             </div>
  691.             <!-- end content -->
  692.         </div>
  693.         <!-- end site content -->
  694.     </div>
  695.     <!-- end main -->
  696.  
  697.     <div id="footer">
  698.         <H1>Parterns</H1>
  699.         <a href="http://www.edaptive.com/">Edaptive Computing</a> | <a
  700.             href="wbi-icc.com/centers-services/discovery-lab">AFRL Discovery
  701.             Lab</a> | <a href="www.afrl.af.mil/">AFRL</a>
  702.     </div>
  703. </body>
  704. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement