Untitled

<!doctype html>
<!-- The ordering of tags is from top left to bottom right, tags that are higher in hierarchy are indented less, and tags that are lower in hierarchy are indented more (increments of 1 indent per level of hierarchy). -->
<html lang="en">
	<head>
		<title>Home</title>
		<meta charset = "utf-8">
		<link rel="stylesheet" href="css/normalize.css">
    	<link rel="stylesheet" href="css/main.css">
    	<link rel="stylesheet" href="css/grid.css">

	</head>
	<!-- G class structure: 16 columns, 2 columns on the left and  2 columns on the right. The  classdle 12 columns will be actual content. -->
	<body>
		<!-- The header tag includes the heading, search bar and the main navigation which will be included on all pages of this website. This is semantically appropriate because it will be on all the pages like a header is.-->
<!-- =======================================  Header ===================================== -->
		<!-- specifies a header for a burnaby mountain course-->
		<header >

				<!-- search box -->
			<!-- <input class="headerInput" type="text" style="width:200px;" >  -->
			<!-- defines this html -->
			<h1><a href="home.html">GOLF BURNABY</a></h1>

		 </header>
<!-- =====================================  Navigation =================================== -->


		<!-- defines a set of navigation links.-->
	<nav class="grid">
		<ul>
			<div class="col-1of6">
				<div>
					<!-- a link to home page -->

					<a href= "home.html" id="active" > Home </a>
				</div>
			</div>

					<!-- a link to events page-->
			<div class="col-1of6">
				<a href= "news.html"> News </a>
			</div>


				<!--a link to golf courses page -->
			<div class="col-1of6">
				<a href= "home.html"> Golf Courses </a>
						<!--list under golf courses -->
						<ul>
								<!-- a link to burnaby mountain page -->
							<li> <a href="burnaby_mountain.html" > Burnaby Mountain</a>  </li>
								<!--a link to riverway page -->
							<li> <a href= "riverway.html"> Riverway</a> </li>
						</ul>
			</div>

				<!-- a link to bookings page-->
			<div class="col-1of6">
				<a href= "home.html" > Bookings </a>
							<!-- list under booking menu -->
						<ul>
							<li> <a href= "bookTeeTime_1.html"> Tee time</a> </li>
							<!-- a link to lessons page-->
							<li> <a href= "home.html"> Lessons</a> </li>
							<!-- a link to club house page-->
							<li> <a href= "home.html"> Club House</a>  </li>
							<!-- a link to rates and fees page-->
							<li> <a href= "home.html"> Rates & fees</a>  </li>
						</ul>

			</div>

							<!-- a link to lessons page -->
			<div class="col-1of6">
				<a href= "home.html"> Lessons</a>
			</div>


			<!-- a link to about us page-->
			<div class="col-1of6">
				<a href= "home.html" > About Us </a>
			</div>

		</ul>

	</nav>


<!-- =====================================  content =================================== -->

				<!-- the main section (welcome + tips)  -->
			<section class="home_row1">

					<div class="col-2of3">
						<section class="home_image">
							<!-- the big background picture on the very back-->
							<img src="images/home_image.jpg" width="1000" height="650" alt="homepage main png" >
						</section>
					</div>


					<div class="col-1of3">
						<section class="home_text_block1">
						<!-- head 2 title  -->
							<h2 class="home_h2"> Welcome! </h2>
							<!-- 1st paragraph -->
							<p>
								<!--  insert break lines inside the paragraph -->
								Burnaby’s natural beauty and excellent public golfing facilities give you many of the luxuries of a private club right in the heart of the lower mainland. Enjoy the peaceful and serene park like settings of our two exceptional 18 hole golf courses, two challenging Pitch & Putt layouts, and our industry leading Driving Ranges and golf improvement centres. <a href= "home.html" class="home_p1_more"> More.. </a>
							</P>
							<p class="home_p2">
								<!--  insert break lines inside the paragraph -->
								Burnaby Golf has a long standing reputation for developing and teaching the game of golf in local schools and promoting interest for junior, beginner, and novice players through our wide variety of programs. We pride ourselves in offering golf courses with outstanding playing conditions year-round which offer challenges and enjoyment to golfers of all abilities at value driven rates.
							</P>


						</section>
					</div>

			</section>

<!-- ·····································  row 2 ··································· -->
			<section class="home_row2">

					<div class="col-2of3">
						<section class="home_text_block2">
							<div class="home_divider">
							<!-- head 3 title -->
								<h2 class="home_h2"> Pro Tip of the Day </h2>
								<!-- paragraph for the tip -->
								<p>
									The intrigue that surrounds the game is that no one ever completely masters it yet we love the challenge of trying to! The best golfers to ever play the game have each spent their lifetime honing  their skills and overcoming their respective swing challenges. The theory of keeping the basics of rhythm, timing and balance in perspective never goes out of style.
								</p>
							</div >
						</section>

					</div>


					<div class="col-1of3">
						<section class="home_text_block3">
							<h2 class="home_h2"> Contact Info</h2>
							<p>
								<!-- address divided into 3 lines using break-->
								Address: City of Burnaby 101-4946 Canada Way Burnaby, British Columbia V5G 4H7
							</p>

							<p>
								<!-- address divided into 3 lines using break-->
								Phone: 604-280-7355
							</p>

						</section>
					</div>


			</section>

<!-- =====================================  footer =================================== -->

		<!--footer that contains information about address-->
		<footer>

			<!-- address -->
			<img src="images/footer.png" width="1000" height="650" alt="homepage main png" class="logo_image" >

			<div class="address">
				<!-- address divided into 3 lines using break-->
				City of Burnaby 101-4946 Canada Way Burnaby, British Columbia V5G 4H7&nbsp;&nbsp;&nbsp; Phone: 604-280-7355
			</div>

		 </footer>


	</body>


</html>