Nu Html Checker This tool is an ongoing experiment in better HTML checking, and its behavior remains subject to change Showing results for contents of text-input area Checker Input Show source outline image report Options Check by text input Author: Rhiannon Smith Date: 23 Oct 2016 Filename: barriohome.html Supporting Files: --> <!--HTML5 Requirement 9--> <meta charset="utf-8" /> <meta name="author" content="barrio Bakery" /> <meta name="keywords" content="cafe, coffee, pizza, italian, restaurant" /> <meta name="description" content="a website for information on the neighborhood Italian cafe and restaurant, Barrio Bakery in Burlington, Vermont." /> <script src="barriodate.js" type="text/javascript"></script> <title> Barrio Bakery - Home</title> <!-- Will add embedded styles here --> <style type="text/css" id="barriohomestyles"> Check Use the Message Filtering button below to hide/show particular messages, and to see total counts of errors and warnings. Message Filtering Use the Message Filtering button below to hide/show particular messages, and to see total counts of errors and warnings. Message Filtering Document checking completed. No errors or warnings to show. Source 1. 2. <!DOCTYPE html> 3. <html> Page 1 of 7
4. <head> 5. <!-- COMP 2681 Final Project 6. 7. Barrio Bakery Home Page Author: Rhiannon Smith 8. Date: 23 Oct 2016 9. 10. Filename: barriohome.html 11. Supporting Files: 12. 13. --> <!--HTML5 Requirement 9--> 14. <meta charset="utf-8" /> 15. 16. <meta name="author" content="barrio Bakery" /> <meta name="keywords" content="cafe, coffee, pizza, italian, restaurant" /> 17. <meta name="description" content="a website for information on the neighborhood Italian cafe and restaurant, Barrio Bakery in Burlington, Vermont." /> 18. </script> <script src="barriodate.js" type="text/javascript"> 19. <title> Barrio Bakery - Home</title> 20. <!-- Will add embedded styles here --> 21. 22. <style type="text/css" id="barriohomestyles"> 23. @import url('https://fonts.googleapis.com/css? family=alex+brush'); 24. 25. 26. 27. /*header styles*/ header h1 { 28. background-color: rgba(255,229,204,0.7); 29. 30. border-radius: 20px; margin:0px; 31. } 32. header img{ 33. box-shadow: 5px 5px 5px #000000; 34. border-radius:10px; 35. clear:left; 36. } 37..title{ 38. margin:0px; 39. padding:0px; 40. clear:left; 41. } 42. 43..title a { 44. color: white; 45. font-family: Futura,sans-serif; 46. text-decoration:none; 47. text-shadow: 2px 2px black; 48. clear: left; 49. } 50..subtitle{ 51. color:black; 52. font-family:'alex Brush'; 53. letter-spacing: 2px; 54. word-spacing:2px; 55. line-height: 30px; 56. font-weight:normal; 57. 58. } 59. 60. header nav ul { Page 2 of 7
61. list-style-type: none; 62. 63. margin: 0px auto; 64. text-align: center; 65. } 66. header nav ul li{ 67. 68. display:inline; 69. margin: 0px; 70. 71. } 72. header nav ul li a{ 73. color: rgb(218,189,132); 74. padding: 9px; 75. margin:0px; 76. font-family:futura, sans-serif; 77. text-decoration:none; 78. 79. } 80. header nav ul li a:hover{ 81. color:white; 82. background-color: rgba(255,229,204,0.2); 83. border-radius: 20px; 84. 85. } 86. header nav ul li a:active { 87. color:black; 88. } 89. /* Body Styles */ 90. body { 91. background-image: url(cherry-wood.jpg); 92. background-repeat: repeat-x; 93. 94. } 95. section#news h2 { 96. font-family: Futura, sans-serif; 97. font-size: 16pt; 98. text-align:center; 99. } 100. section#news { 101. 102. background-color:rgba(255,229,204,0.7); 103. border-radius:20px; 104. float:left; 105. clear:left; 106. width:55%; 107. } 108. 109. section#news h2:first-letter{ 110. float:none; 111. font-size:2em; 112. text-transform:uppercase; 113. color: green; 114. font-family: Futura, sans-serif; 115. } 116. 117. section#news h3{ 118. font-family: Futura,sans-serif; 119. font-size:14pt; 120. margin: 0 auto; 121. 122. } Page 3 of 7
123. section#news p{ 124. text-indent: 20px; 125. } 126. 127. 128. 129. 130..instagram { 131. background-color: rgba(255,229,204,0.7); 132. border-radius: 20px; 133. float: right; 134. width: 300px; 135. text-align:center; 136. font-size:10pt; 137. overflow:auto; 138. text-align:center; 139. font-family: Futura, sans-serif; 140. font-size: 12pt; 141. 142. } 143..instagram h3{ 144. text-align:center; 145. font-family: Futura, sans-serif; 146. font-size: 12pt; 147. } 148. 149..instagram img{ 150. border-radius:10px; 151. opacity:0.7; 152. width:250px; 153. margin:0px; 154. padding:0px; 155. 156. } 157..instagram img:hover{ 158. opacity:1.0; 159. transform: rotate(6deg); 160. } 161..instagram p { 162. color: black; 163. font-family: Futura,sans-serif; 164. text-decoration:none; 165. padding:0px; 166. margin:5px; 167. line-height:11px; 168. font-size:10pt; 169. } 170..instagram a:link{ 171. text-decoration:none; 172. } 173..instagram a:visited{ 174. color: black; 175. text-decoration:none; 176. } 177. 178. section#backgroundmusic{ 179. float:right; 180. clear:right; 181. margin:0px; 182. padding:0px; 183. width:300px; 184. } Page 4 of 7
185. 186. section#backgroundmusic object{ 187. display:block; 188. margin:auto; 189. } 190. section#backgroundmusic h6{ 191. color:black; 192. font-size:8pt; 193. font-weight:normal; 194. font-family: Tahoma; 195. margin:0px; 196. padding:0px; 197. text-align:center; 198. } 199. 200. 201. /*Footer Styles*/ 202. footer { 203. float:left; 204. font-family: Tahoma, sans-serif; 205. font-size: 10pt; 206. } 207. footer address{ 208. font-variant: small-caps; 209. 210. color:rgba(255,255,255,0.5); 211. text-align:center; 212. 213. } 214. </style> 215. </head> 216. <body> 217. <header> 218. 219. <h1 style="text-align:center;"> 220. <span class="title"><a href="barriohome.html">barrio Bakery & Pizza Café</a></span><br /> 221. <a href="barriohome.html"><img src="tartsbarrio.jpg" alt="handmade Tarts" height="100"/></a> 222. <a href="barriohome.html"><img src="teacakes.jpeg" alt="tea Cakes" height="100" /></a> 223. <a href="barriohome.html"><img src="pizza1.jpg" alt="pizza 1" height="100" /></a><br /> 224. <span class="subtitle">locally and seasonally inspired recipes</span></h1> 225. 226. <nav> 227. <ul> 228. <li><a href="barriohome.html">home</a></li> 229. <li><a href="menus.html">menus</a></li> 230. <li><a href="catering.htm">catering</a></li> 231. <li><a href="contact.htm">contact & HOURS</a></li> 232. <li><a href="about.htm">about US</a></li> 233. </ul> 234. </nav> 235. </header> 236. <section id="news"> 237. <h2> 238. What's new? </h2> 239. <h3>october 2016</h3> 240. <p>we are happy to announce that this november we will open our new location, One Radish in Richmond, VT!<br /> Page 5 of 7
241. <img src="oneradish.jpg" alt="one Radish" width="200" /> 242. </p> 243. <h3>september 2016</h3><br /> 244. </section> 245. 246. <div class="instagram" id="instagram"> 247. <h3> 248. follow us on instagram! 249. </h3> 250. <a href="https://www.instagram.com/p/bl6buz2j0cf/"><img src="stickybunsinsta.jpeg" alt="stickybuns on Instagram" /></a> 251. <p><a href="https://www.instagram.com/p/bl6buz2j0cf/">sticky Buns are ready! #buns #outtheoven #bunsonsteel #stickysticky #cinnamonrolls #cinnamon #barriobakery #fresh #bakery #artisan #madebyhand #local</a> </p> 252. 253. <a href="https://www.instagram.com/p/blooveqjgok/?takenby=barriobakery"><img src="pizzainsta.jpeg" alt="pizza on Instagram" /> </a><p><a href="https://www.instagram.com/p/blooveqjgok/?takenby=barriobakery">#pizzaaltaglio #pizzaislife #pizza #barriobakery #lunch #slice #spinach #tomato #local</a></p> 254. <a href="https://www.instagram.com/p/blkcitfjaur/?takenby=barriobakery"><img src="appetizerinsta.jpeg" alt="appetizers on Instagram" id="insta3"/></a><p><a href="https://www.instagram.com/p/blkcitfjaur/?takenby=barriobakery">hey, it's half priced bottles of wine night!!</a></p> 255. </div> 256. <section id="backgroundmusic"> 257. <h6>background music:</h6> 258. <object data="barriobackground.mp3" type="audio/mpeg" height="10" width="50" > 259. <param name="src" value="barriobackground.mp3" /> 260. <param name="autoplay" value="true" /> 261. <param name="loop" value="false" /> 262. <param name="menu" value="false" /> 263. <param name="bgcolor" value="#ffffff" /> 264. </object> 265. </section> 266. <footer> 267. <address> 268. Barrio Bakery 197 North Winooski Avenue Burlington, Vermont 05401 269. </address> 270. Last Updated: 28 October 2016 271. <script type="text/javascript"> 272. document.write("current Date and Time:" + Date()); 273. </script> 274. </footer> 275. </body> 276. </html> Used the HTML parser. Total execution time 10 milliseconds. About this checker Report an issue Version: 16.10.20 Page 6 of 7
Page 7 of 7