HTML5 layout for contest results page


/ Published in: HTML
Save to your folder(s)

Snippet of HTML code for contest results page. Users can compare most-voted restaurants to the food critic's picks. http://www.orlandosentinel.com/foodiesresults


Copy this code and paste it in your HTML
  1. <div id="foodie-container">
  2. <header>
  3. <h1>14th annual Foodie Awards</h1>
  4. <p>Today we reveal the winners of the 14th annual Foodie Awards, our readers' favorite places to eat and drink in 2011. We added nine categories, including best food truck, bar menu and coffeehouse. Of course, I noted my picks as well. But the main focus is your take of what's hot in the Central Florida dining scene. -- Heather McPherson</p>
  5. </header>
  6. <nav>
  7. <ul class="foodie-category">
  8. <li><a href="#african">African/soul</a></li>
  9. <li><a href="#bar">Bar menu</a></li>
  10. <li><a href="#barbecue">Barbecue</a></li>
  11. <li><a href="#breakfast">Breakfast</a></li>
  12. <li><a href="#brunch">Brunch</a></li>
  13. <li><a href="#buffet">Buffet</a></li>
  14. <li><a href="#burger">Burger</a></li>
  15. </ul>
  16. <ul class="foodie-category">
  17. <li><a href="#caribbean">Caribbean</a></li>
  18. <li><a href="#chain">Chain</a></li>
  19. <li><a href="#cheapeats">Cheap eats</a></li>
  20. <li><a href="#chinese">Chinese</a></li>
  21. <li><a href="#coffeeshop">Coffee shop</a></li>
  22. <li><a href="#cuban">Cuban</a></li>
  23. <li><a href="#foodtruck">Food truck</a></li>
  24. </ul>
  25. <ul class="foodie-category">
  26. <li><a href="#french">French</a></li>
  27. <li><a href="#frozen-treats">Frozen treats</a></li>
  28. <li><a href="#gourmet">Gourmet</a></li>
  29. <li><a href="#german">German</a></li>
  30. <li><a href="#greek">Greek</a></li>
  31. <li><a href="#hotel">Hotel restaurant</a></li>
  32. <li><a href="#indian">Indian</a></li>
  33. </ul>
  34. <ul class="foodie-category">
  35. <li><a href="#italian">Italian</a></li>
  36. <li><a href="#japanese">Japanese</a></li>
  37. <li><a href="#korean">Korean</a></li>
  38. <li><a href="#latenight">Late Night</a></li>
  39. <li><a href="#latinamerican">Latin American</a></li>
  40. <li><a href="#mexican">Mexican</a></li>
  41. <li><a href="#middleeastern">Middle Eastern</a></li>
  42. </ul>
  43. <ul class="foodie-category">
  44. <li><a href="#newcomer">Newcomer</a></li>
  45. <li><a href="#outdoor">Outdoor</a></li>
  46. <li><a href="#pizza">Pizza</a></li>
  47. <li><a href="#powerlunch">Power lunch</a></li>
  48. <li><a href="#puertorican">Puerto Rican</a></li>
  49. <li><a href="#romantic">Romantic</a></li>
  50. <li><a href="#sandwich">Sandwich</a></li>
  51. </ul>
  52. <ul class="foodie-category">
  53. <li><a href="#seafood">Seafood</a></li>
  54. <li><a href="#steakhouse">Steakhouse</a></li>
  55. <li><a href="#sushi">Sushi</a></li>
  56. <li><a href="#takeout">Takeout</a></li>
  57. <li><a href="#texmex">Tex-Mex</a></li>
  58. <li><a href="#thai">Thai</a></li>
  59. <li><a href="#themepark">Theme park</a></li>
  60. </ul>
  61. <ul class="foodie-category">
  62. <li><a href="#vegetarian">Vegetarian</a></li>
  63. <li><a href="#vietnamese">Vietnamese</a></li>
  64. <li><a href="#winebar">Wine bar</a></li>
  65. <li><a href="#winelist">Wine list</a></li>
  66. <li><a href="#wings">Wings</a></li>
  67. <li><a href="#overall">Overall</a></li>
  68. </ul>
  69. </nav><div class="clear"></div>
  70. <article>
  71. <div class="foodie-winner">
  72. <section id="african"><h3>African/soul</h3>
  73. <b>Readers' choice:</b><br>
  74. <a href="http://findlocal.orlandosentinel.com/listings/boma-flavors-of-africa-lake-buena-vista">Boma Flavors of Africa</a><br>
  75. Disney's Animal Kingdom Lodge, 407-939-3463<br>
  76. <a href="http://findlocal.orlandosentinel.com/listings/boma-flavors-of-africa-lake-buena-vista">More details on FindLocal</a><br><br>
  77. <b>Runners-up:</b><br>
  78. <a href="http://findlocal.orlandosentinel.com/listings/jiko-the-cooking-place-lake-buena-vista">Jiko The Cooking Place</a>, <a href="http://findlocal.orlandosentinel.com/listings/mama-nems-soul-food-restaurant-orlando">Mama Nems</a><br>
  79. <br>
  80. <b>Critic's choice:</b><br>
  81. Tie, <a href="http://findlocal.orlandosentinel.com/listings/angels-soulfood-and-bbq-sanford">Angel's Soulfood and BBQ</a>, 114 S. Sanford Ave., Sanford, 407-302-6167; and <a href="http://findlocal.orlandosentinel.com/listings/lowes-good-eaton-soul-food-eatonville">Lowe's Good Eaton</a>, 429 E. Kennedy Blvd., Eatonville, 407-647-7955<br>
  82. </section>
  83. </div>
  84. <div class="foodie-winner">
  85. <section id="bar"><h3>Bar menu</h3>
  86. <b>Readers' choice:</b><br>
  87. <a href="http://findlocal.orlandosentinel.com/listings/the-ravenous-pig-winter-park">Ravenous Pig</a><br>
  88. 1234 Orange Ave., Winter Park, 407-628-2333<br>
  89. <a href="http://findlocal.orlandosentinel.com/listings/the-ravenous-pig-winter-park">More details on FindLocal</a><br><br>
  90. <b>Runners-up:</b><br>
  91. <a href="http://findlocal.orlandosentinel.com/listings/eden-bar-maitland">Eden Bar</a>, <a href="http://findlocal.orlandosentinel.com/listings/bar-louie-orlando-1">Bar Louie</a><br><br>
  92. <b>Critic's choice:</b><br>
  93. <a href="http://findlocal.orlandosentinel.com/listings/the-tasting-room-winter-garden">Tasting Room at the Edgewater Hotel</a><br>
  94. 99 W. Plant Street, Winter Garden, 407-230-4837<br>
  95. <a href="http://findlocal.orlandosentinel.com/listings/the-tasting-room-winter-garden">More details on FindLocal</a><br>
  96. </section>
  97. </div>
  98. <div class="foodie-winner">
  99. <section id="barbecue"><h3>Barbecue</h3>
  100. <b>Readers' choice:</b><br>
  101. <a href="http://findlocal.orlandosentinel.com/search?utf8=%E2%9C%93&q=4+Rivers&commit=Search&type=businesses">4 Rivers Smokehouse</a><br>
  102. Various locations including 1047 S. Dillard St., Winter Garden, 407-474-8377<br>
  103. <a href="http://findlocal.orlandosentinel.com/search?utf8=%E2%9C%93&q=4+Rivers&commit=Search&type=businesses">More details on FindLocal</a><br><br>
  104. <b>Runners-up:</b><br>
  105. <a href="http://findlocal.orlandosentinel.com/search/category.restaurants?q=bubbalou">Bubbalou's Bodacious Bar-B-Que</a>, <a href="http://findlocal.orlandosentinel.com/search/category.restaurants?q=sonny%27s+real+pit">Sonny's Real Pit Bar-B-Q</a><br><br>
  106. <b>Critic's choice:</b><br>
  107. Love 4 Rivers but I'd like to share the accolades with a nod to <a href="http://findlocal.orlandosentinel.com/listings/harry-and-larrys-barbeque-winter-garden">Harry &amp; Larry's</a>, 54 W. Plant St., Winter Garden, 407-614-5950 <br>
  108. <a href="http://findlocal.orlandosentinel.com/listings/harry-and-larrys-barbeque-winter-garden">More details on FindLocal</a><br>
  109. </section>
  110. </div>
  111. <div class="foodie-winner">
  112. <section id="breakfast"><h3>Breakfast</h3>
  113. <b>Readers' choice:</b><br>
  114. <a href="http://findlocal.orlandosentinel.com/search/category.restaurants?q=first+watch">First Watch</a><br>
  115. various locations including 249 W. State Road 436, Altamonte Springs; 407-682-2315<br>
  116. <a href="http://findlocal.orlandosentinel.com/search/category.restaurants?q=first+watch">More details on FindLocal</a><br><br>
  117. <b>Runners-up:</b><br>
  118. <a href="http://findlocal.orlandosentinel.com/listings/kekes-breakfast-cafe-winter-park">Keke's</a><br><br>
  119. <b>Critic's choice:</b><br>
  120. <a href="http://findlocal.orlandosentinel.com/listings/townhouse-restaurant-oviedo">Townhouse Restaurant of Oviedo</a><br>
  121. 9 E. Broadway St., Oviedo, 407-365-5151<br>
  122. <a href="http://findlocal.orlandosentinel.com/listings/townhouse-restaurant-oviedo">More details on FindLocal</a><br>
  123. </section>
  124. </div>
  125. <div class="foodie-winner">
  126. <section id="brunch"><h3>Brunch</h3>
  127. <b>Readers' choice:</b><br>
  128. <a href="http://findlocal.orlandosentinel.com/search/category.restaurants?q=first+watc">First Watch</a><br>
  129. various locations including 1568 Bella Cruz Drive (The Villages), Lady Lake; 352-633-1520<br>
  130. <a href="http://findlocal.orlandosentinel.com/search/category.restaurants?q=first+watc">More details on FindLocal</a><br><br>
  131. <b>Runners-up:</b><br>
  132. <a href="http://findlocal.orlandosentinel.com/search/category.restaurants?q=dexter">Dexter's</a><br><br>
  133. <b>Critic's choice:</b><br>
  134. <a href="http://findlocal.orlandosentinel.com/listings/villa-de-flora-mediterranean-mkt-restaurant-at-gaylord-p-kissimmee">Villa de Flora</a> at the Gaylord Palms<br>
  135. 6000 W. Osceola Parkway, Kissimmee, 407-586-1114<br>
  136. <a href="http://findlocal.orlandosentinel.com/listings/villa-de-flora-mediterranean-mkt-restaurant-at-gaylord-p-kissimmee">More details on FindLocal</a><br>
  137. </section>
  138. </div>
  139. <div class="foodie-winner">
  140. <section id="buffet"><h3>Buffet</h3>
  141. <b>Readers' choice:</b><br>
  142. <a href="http://findlocal.orlandosentinel.com/search/category.restaurants?q=sweet+tomatoes">Sweet Tomatoes</a><br>
  143. various locations including 3236 Rolling Oaks Blvd., Kissimmee, 407-465-0023<br>
  144. <a href="http://findlocal.orlandosentinel.com/search/category.restaurants?q=sweet+tomatoes">More details on FindLocal</a><br><br>
  145. <b>Runners-up:</b><br>
  146. <a href="http://findlocal.orlandosentinel.com/search/category.restaurants?q=golden+corral">Golden Corral</a><br><br>
  147. <b>Critic's choice:</b><br>
  148. <a href="http://findlocal.orlandosentinel.com/listings/texas-de-brazil-orlando">Texas de Brazil</a><br>
  149. 5259 International Drive, Orlando; 407-355-0355<br>
  150. <a href="http://findlocal.orlandosentinel.com/listings/texas-de-brazil-orlando">More details on FindLocal</a><br>
  151. </section>
  152. </div>
  153. <div class="foodie-winner">
  154. <section id="burger"><h3>Burger</h3>
  155. <b>Readers' choice:</b><br>
  156. <a href="http://findlocal.orlandosentinel.com/search/category.restaurants?q=five+guys">Five Guys</a><br>
  157. various locations including 4821 New Broad St., Orlando; 407-219-3366<br>
  158. <a href="http://findlocal.orlandosentinel.com/search/category.restaurants?q=five+guys">More details on FindLocal</a><br><br>
  159. <b>Runners-up: </b><br>
  160. <a href="http://findlocal.orlandosentinel.com/listings/graffiti-junktion-llc-orlando">Graffiti Junktion</a><br><br>
  161. <b>Critic's choice:</b><br>
  162. <a href="http://findlocal.orlandosentinel.com/listings/k-restaurant-wine-bar-orlando-1">K Restaurant Wine Bar</a><br>
  163. 2401 Edgewater Drive, Orlando; 407-872-2332<br>
  164. <a href="http://findlocal.orlandosentinel.com/listings/k-restaurant-wine-bar-orlando-1">More details on FindLocal</a><br>
  165. </section>
  166. </div>
  167. </article>
  168. </div>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.