Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

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

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 tags to read Board. 3. Main Content Area: a. Replace the text contained in the <h2> tags to read Board and Training Packages. b. Delete the home page paragraph, unordered list, and the contact information. c. The board page contains descriptions of types of board. This content will be added as a descriptive list. Use the <dt> element to contain each type of board, and the <dd> element for the description. Configure the board types to display as bold using the <b> element. The content for the list is as follows: Full Service Board Full care board includes a 12x12 stall, daily stall cleaning, twice daily feeding of grain and supplements and hay, daily turn out (as weather permits). All stall bedding, hay, and grain is included in your board. Partial Board Partial Board includes a 12x12 stall, twice daily feeding of grain and supplements and hay, and daily turn out (as weather permits). All stall bedding, hay, and grain is included in your board. With partial board you are responsible for cleaning your own stalls at least once a day. Partial boards who fail to keep their stalls clean will have their stall cleaned by our staff and will incur additional charges. Pasture Board </p> <p> </p> <p>Horses on pasture board have free roam to 20 acers of pasture and have access to several run-in shelters. Grain, hay, and water is provided as part of your pasture board. Blanketing is available for an additional charge, as needed. 4. Save and view your work. Your board.html page should look like the screenshot below:</p> <p> </p> <p>PLEASE HELP ME COMPLETE THIS ASSIGNMENT USING "SUBLIME TEXT EDITOR."</p> </h2> </section> <section class="answerHolder"> <div class="answerHolderHeader"> <div class="answer-heading"> <h2>Step by Step Solution</h2> </div> <div class="answerReviews"> <div class="starReview"> <div class="starIcon"> </div> <div class="starText"> </div> </div> </div> </div> <div class="answerSteps"> <p>There are <span>3</span> Steps involved in it</p> <div class="step"> <h3>Step: 1</h3> <img src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/document_product_info/blur-text-image.webp" width="759" height="271" alt="blur-text-image" loading="lazy" decoding="async" fetchpriority="low"> <div class="step1Popup"> <h3>Get Instant Access with AI-Powered Solutions</h3> <p>See step-by-step solutions with expert insights and AI powered tools for academic success</p> <button class="view_solution_btn step1PopupButton">View Solution</button> </div> </div> <div class="step"> <h3 class="accordion">Step: 2</h3> <div class="panel"> <img src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/document_product_info/blur-subtext-image.webp" width="975" height="120" alt="blur-text-image" loading="lazy" decoding="async" fetchpriority="low"> <button class="view_solution_btn stepPopupButton">Sign Up to view</button> </div> </div> <div class="step"> <h3 class="accordion">Step: 3</h3> <div class="panel"> <img src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/document_product_info/blur-subtext-image.webp" width="975" height="120" alt="blur-text-image" loading="lazy" decoding="async" fetchpriority="low"> <button class="view_solution_btn stepPopupButton">Sign Up to view</button> </div> </div> </div> </section> </div> <div class="expertRight"> <section class="AIRedirect"> <div class="AIHolder"> <h2>Ace Your Homework with AI</h2> <p>Get the answers you need in no time with our AI-driven, step-by-step assistance</p> <a class="AILink" href="/ask_ai">Get Started</a> </div> </section> </div> </section> <section class="relatedQuestion"> <div class="relatedQuestionHolder"> <h4>Students also viewed these Databases questions</h4> <div class="relatedQuestionSliderHolder"> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> </div> <a class="relatedQuestionText" href="/study-help/theory-of-probability/let-y-t-t-b1t-t-0-and-1986313" > Let Y (t) = t B(1/t), t > 0 and Y (0) = 0. (a) What is the distribution of Y (t)? (b) Compare Cov(Y (s), Y (t)). (c) Argue that {Y (t), t 0} is a standard Brownian motion process. </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/spring-meadow-dairy-company-manufactures-three-productswhole-milk-skim-milk" > Spring Meadow Dairy Company manufactures three products'whole milk, skim milk, and cream'in two production departments, Blending and Packing. The factory overhead for Spring Meadow Dairy is $270,000.... </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/a-19000-bond-redeemable-at-par-on-august-16-2013-10035035" > A $19,000 bond redeemable at par on August 16, 2013 is purchased on May 01, 2002. Interest is 8.1% payable semi-annually and the yield is 6.8% compounded semi-annually. (a) What is the cash price of... </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/identify-a-true-statement-regarding-a-job-multiple-choice-a-3221254" > Identify a true statement regarding a job. Multiple Choice A job enables the evolution of social status and self-esteem in ways that a career does not. A jobs refers to a tradition of work in which a... </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/3-a-question-8-4-points-information-for-1002166" > 3 > O Actual direct-labour hours Standard direct-labour hours... </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/xln-32-x-20-and-two-events-1002901" > = {x|ln 3.2 x 20} and two events A Problem 1. (6 points) Given a sample space S x 6} and B {x|3 x 7}, describe the following events. a) AUB. b) A - B. c) AU (BNS). = {x|2 </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/mccc-math130-name-probability-statistics-assignment-7-chapter-3544219" > MCCC MATH-130 NAME: PROBABILITY & STATISTICS ASSIGNMENT #7 - CHAPTER 8 PLEASE SHOW ALL WORK (TOTAL 20 POINTS) 1. Test the claim that the mean body temperature of normal and healthy adults is equal to... </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/ashels-engineering-works-inc-employs-two-types-of-labor-skilled-1001613" > Ashels Engineering Works Inc. employs two types of labor: skilled workers considered to be direct workers and semi-skilled workers considered to be indirect workers. Skilled workers are paid $10 per... </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/this-is-one-question-thanks-a-lot-suppose-an-economy-4872873" > This is one question Thanks a lot Suppose an economy begins at ADD and A80 in long-run equilibrium with real GDP equal to Y*; the price level is stable at P0. a. Suppose the central bank announces... </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> </div> </div> </section> <hr class="expert-separator"> <section class="next-previous-button"> <div class="navigationButtons" bis_skin_checked="1"> <a class="previousQuestionButton" href="/study-help/questions/if-you-want-to-improve-speed-for-your-searches-in-10109726">Previous Question</a> <a class="nextQuestionButton" href="/study-help/questions/a-company-has-sales-of-100000-a-coverage-ratio-of-10109728">Next Question</a> </div> </section> </div> <div class="promo items-center justify-center hidden" style="margin-left:-15px;"> <div class="app_promo"> <div class="app_promo_headline"> <img class="app_promo_icon" alt="Mobile App Logo" width="40" height="40" loading="lazy" src="includes/images/mobile/finalLogo.png"> <p class="app_promo_title font-sans items-center">View Answer in SolutionInn App</p> </div> <button class="app_promo_action redirection question_open_url='q_id=10109727&q_type=2'"> Download on the App Store </button> <button class="btn btn-default app_promo_dismiss"> Continue with the mobile website </button> </div> </div> </main> </div> <div class="blank-portion"></div> <footer> <div class="container footerHolder"> <div class="footerLinksFlex"> <div class="footerLinksCol col-md-3 col-lg-3 col-sm-6 col-6"> <p>Services</p> <ul> <li><a href="/site-map">Sitemap</a></li> <li><a href="/fun/">Fun</a></li> <li><a href="/study-help/definitions">Definitions</a></li> <li><a href="/tutors/become-a-tutor">Become Tutor</a></li> <li><a href="/study-help/categories">Study Help Categories</a></li> <li><a href="/study-help/latest-questions">Recent Questions</a></li> <li><a href="/study-help/questions-and-answers">Expert Questions</a></li> </ul> </div> <div class="footerLinksCol col-md-3 col-lg-3 col-sm-6 col-6"> <p>Company Info</p> <ul> <li><a href="/security">Security</a></li> <li><a href="/copyrights">Copyrights</a></li> <li><a href="/privacy">Privacy Policy</a></li> <li><a href="/conditions">Terms & Conditions</a></li> <li><a href="/solutioninn-fee">SolutionInn Fee</a></li> <li><a href="/scholarships">Scholarship</a></li> </ul> </div> <div class="footerLinksCol col-md-3 col-lg-3 col-sm-6 col-6"> <p>Get In Touch</p> <ul> <li><a href="/about-us">About Us</a></li> <li><a href="/support">Contact Us</a></li> <li><a href="/career">Career</a></li> <li><a href="/jobs">Jobs</a></li> <li><a href="/support">FAQ</a></li> <li><a href="/campus-ambassador-program">Campus Ambassador</a></li> </ul> </div> <div class="footerLinksCol col-md-3 col-lg-3 col-sm-6 col-12"> <p>Secure Payment</p> <div class="footerAppDownloadRow"> <div class="downloadLinkHolder"> <img src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/rewamp/common/footer/secure_payment_method.png" class="img-fluid mb-3" width="243" height="28" alt="payment-verified-icon" loading="lazy"> </div> </div> <p>Download Our App</p> <div class="footerAppDownloadRow"> <div class="downloadLinkHolder mobileAppDownload col-md-6 col-lg-6 col-sm-6 col-6"> <img style="cursor:pointer;" src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/rewamp/home_page/google-play-svg.svg" alt="SolutionInn - Study Help App for Android" width="116" height="40" class="img-fluid mb-3 redirection " app_type="1" loading="lazy"> </div> <div class="downloadLinkHolder mobileAppDownload col-md-6 col-lg-6 col-sm-6 col-6"> <img style="cursor:pointer;" src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/rewamp/home_page/apple-store-download-icon.svg" alt="SolutionInn - Study Help App for iOS" width="116" height="40" class="img-fluid mb-3 redirection" app_type="2" loading="lazy"> </div> </div> </div> </div> </div> <div class="footer-bottom"> <p>© 2024 SolutionInn. All Rights Reserved</p> </div></footer> <script defer> window.addEventListener("load",function(){jQuery(document).ready(function(t){t.ajax({type:"POST",url:"/",data:{trackUserActivity:!0,reqUri:document.URL,referer:document.referrer},success:function(t){}})})},!1),window.addEventListener("load",function(){jQuery(document).ready(function(t){t.ajax({type:"POST",url:"/",data:{insertCrawler:!0,reqUri:document.URL,parseTime:"0.056",queryTime:"0.01654768548584",queryCount:"30"},success:function(t){}})})},!1),window.addEventListener("load",function(){jQuery(document).ready(function(){function t(t="",n=!1){var i="itms-apps://itunes.apple.com/app/id6462455425",e="openApp://action?"+t;isAndroid()?(setTimeout(function(){return window.location="market://details?id=com.solutioninn.studyhelp",!1},25),window.location=e):isIOS()?(setTimeout(function(){return window.location=i,!1},25),window.location=e):(i="https://apps.apple.com/in/app/id6462455425",n&&(i="https://play.google.com/store/apps/details?id=com.solutioninn.studyhelp"),window.open("about:blank","_blank").location.href=i)}jQuery("#appModal").modal("show"),jQuery(".download-app-btn").click(function(){t(jQuery(this).attr("question_open_url"))}),jQuery(".redirection").click(function(){var n=jQuery(this).attr("question_open_url"),i=jQuery(this).attr("app_type");void 0!=n?1==i?t(n,!0):t(n,!1):1==i?t("",!0):t("",!1)}),jQuery(".app-notification-close").click(function(){jQuery(".app-notification-section").css("visibility","hidden");var t=new FormData;t.append("hide_notification",!0),jQuery.ajax({type:"POST",url:"/",data:t,cache:!1,contentType:!1,processData:!1,beforeSend:function(){},success:function(t){location.reload()}})})})},!1); </script> </body> </html>