Module 2: Green Pastures Case Study - Part 1 Step 1: Create a folder on your hard drive (or flash drive) for your Lab1 files. Step 2: 1. Launch your text editor (Notepad ++, Brackets, Sublime, etc). 2. Using the wireframe shown in Figure 1.1 as a guide, create the structure for your page. 3. Page Title: Configure the page title. Use the company name as the title. 4. Header: Code the header element with the text Green Pasture Stable and Training. This text should display as heading level 1. 5. Navigation area: While we will not create all the site pages in this lab, we will go ahead and code the nav links for the whole site. The site nav should contain links to the following pages: Home, Training, Board, Contact Us. Place the page names in the nav element with bold text (use the element to bold the text). Code anchor tags so that Home links to index.html, Training links to training.html, Board links to board.html, and Contact Us links to contact.html. 6. Main Content Area: a. Place the following text within an h2 element: A complete horse training & boarding facility. b. Place the following content in a paragraph element: Green Pasture Stable and training is a full service training and boarding facility, located in just 20 miles east of Cincinnati in Amelia Ohio. Whether you show competitively, trail ride, or just need a comfortable safe place for you horse to retire, you and your horse will love it here. c. Place the following content in an unordered list: i. Ride year round, regardless of the weather, in our indoor arena. ii. Enjoy easy access to miles of trails at East Fork State Park. iii. We offer several board and training packages to fit a variety of needs and budgets. d. Place the contact information within a div below the underordered list. Use line break tags to format the area and add an extra space between the address and phone number and the phone number and footer area. Green Pastures Stable and Training 1252 Green Pasture Rd Amelia, Ohio 45102 888-555-0751 header nav main div footer Figure 1.1. index.html. Wireframe

7. Footer Area: Configure the copyright and e-mail address information within the footer element. The copy right info should use the copyright symbol (©), the current year, University of Cincinnati, IT2040. Use your own email address. The text should also be configured to be small text size (use the element), and italic font (use the element). 8. Save the page, and then open it in a web browser. It should look similar to Figure 1.2. STEP 3 Now well create and add content to the Board Page. The wireframe and structure for this page will be the same as what we just did for the Home page, except we will not use the div within the Main area. 1. Open your index page and create a new page based on it by saving as and naming the new file board.html. Alternatively, you can create a new file and copy and paste the code form your index page. 2. Page Title: Modify the title of the page. Change the text within the