Jumbotron Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		
		<h1>Best coffee and food on campus!</h1>



Main Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Row1

			<h1>What's on the menu?</h1>


	Row 2
		Column 1

			Nested Row 1, Column 1
			
				<h2>Hot Drinks</h2>
				<p>Hot drinks to go or stay: teas, coffees, hot chocolates, and more.</p>

			Nested Row 1, Column 2
			
				<!-- Make a link -->
				<a href="#">
					<img src="assets/images/..." alt="Hot drinks menu"  />
				</a>
			
		Column 2

			Nested Row 1, Column 1
			
				<h2>Cold Drinks</h2>
				<p>Something to cool down, iced drinks and other refreshing drinks</p>

			Nested Row 1, Column 2
			
				<!-- Make a link -->
				<img src="assets/images/..." alt="Cold drinks menu"  />


	Row 3
		Column 1

			<!-- Make a link -->		
			<h2>Hot Food</h2>
			<img src="assets/images/..." alt="Hot food menu" />
			   

		Column 2
		
			<!-- Sandwiches menu - Make a link and complete the section -->		
			
		
		Column 3
			<!-- Desserts menu - Make a link and complete the section -->


		Column 4
			<!-- Snacks menu - Make a link and complete the section -->



	Row 4
		Column 1
		
			<h2>Download the app</h2>
	

	
	Row 5
		Column 1
		
			<h2>Find Us</h2>
		


	Row 6
		Column 1
		
			<!-- alt="App images" title="Image screenshots from the Just-Eat website. -->
			<picture>
			
			</picture>
		
		
		Column 2
			<p>Beat the queues and get personalised offers and recommendations.</p>
			<p>
				<img src="assets/images/ios.svg" alt="Download from App Store"  />
				<img src="assets/images/android.svg" alt="Download from Google Play Store"  />
			</p>