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> </div> </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 to Expert-Tailored 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> <section class="relatedBook"> <div class="bookHolder" > <div class="relatedBookHeading" > <h2>Recommended Textbook for</h2> <object class="freeTagImage" type="image/svg+xml" data="https://dsd5zvtm8ll6.cloudfront.net/includes/images/rewamp/document_product_info/free.svg" name="free-book-icon"></object> </div> <div class="bookMainInfo" > <div class="bookImage" > <a href="/textbooks/1-2-3-data-base-techniques-1st-edition-9780880223461"> <img src="https://dsd5zvtm8ll6.cloudfront.net/si.question.images/book_images/650971e8410bc_55588.jpg" width="100" height="131" alt="1 2 3 Data Base Techniques" loading="lazy"> </a> </div> <div class="bookInfo" > <h3 class="bookTitle"> <a href="/textbooks/1-2-3-data-base-techniques-1st-edition-9780880223461"> 1 2 3 Data Base Techniques </a> </h3> <div class="bookMetaInfo" > <p class="bookAuthor"> <b>Authors:</b> <span>Dick Andersen</span> </p> <p class="bookEdition"> 1st Edition </p> <p class="bookEdition"> 0880223464, 978-0880223461 </p> </div></div></div> <a href="/textbooks/computer-science-the-map-class-2487" class="viewMoreBooks">More Books</a> </div> </section> </div> </div> <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 class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star active half">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/continuous-line-of-charge-lies-along" > A continuous line of charge lies along the x axis, extending from x = + x0 to positive infinity. The line carries charge with a uniform linear charge density 3 0. What are the magnitude and direction... </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/introductory-chemistry-atoms-first/consider-h-aq-and-h-3-o-aq-1196144" > Consider H + (aq) and H 3 O + (aq) ions. (a) Which is a more correct representation of what actually exists in water? (b) Draw a dot diagram for the hydronium (H 3 O + ) ion that also shows its... </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/industrial-organizational-psychology-understanding-the-workplace/1-the-nervous-system-is-made-up-of-two-types-1993588" > 1. The nervous system is made up of two types of cells, glia and neurons. Glia perform a variety of support functions, and neurons are responsible for processing and communicating information. (LO1) </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 active half">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/boyne-university-offers-an-extensive-continuing-education-program-in-many-cities" > Boyne University offers an extensive continuing education program in many cities throughout the state. For the convenience of its faculty and administrative staff and to save costs, the university... </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 active half">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/launch-your-text-editor-notepad-brackets-sublime-etc-2-10151251" > 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... </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 active half">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/9-5-points-elite-lawn-plowing-elp-is-a-6309638" > 9 5 points Elite Lawn & Plowing (EL&P) is a town and snow plowing service with both residential and commercial clients. The owner believes that the commercial sector has more growth opportunities and... </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 active half">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/the-slotted-arm-oa-rotates-about-a-horizontal-axis-through-1028638" > The slotted arm OA rotates about a horizontal axis through point O. The 0.27-kg slider P moves with negligible friction in the slot and is controlled by the inextensible cable BP. For the instant... </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 active half">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/canadian-auditing-standard-cas-315-provide-guidance-on-improving-the-1004286" > Canadian Auditing Standard (CAS) 315 provide guidance on improving the quality of auditing by requiring auditors to gain a deeper understanding of their clients\' businesses and the risks that could... </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 active half">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/alex-appears-upset-and-challenges-the-low-ratings-the-conversation-4305212" > Alex appears upset and challenges the low ratings. The conversation does not go well as a result. Alex later says to Amy "my financial numbers are great" and "I make a lot of money for this company."... </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 active half">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/also-what-is-the-domain-of-f-and-what-is-1005386" > Also, What is the domain of f? and what is the domain of f-1? Consider the graph of the one-to-one function shown in the figure below. y 10+ 00 8 6 4 2 Sketch the graph of f-1. -10 5 2 4 y 10 5 5 10... </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 active half">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/drew-company-produces-two-products-a-high-end-laptop-computer-4485273" > Drew Company produces two products: a high end laptop computer under the label Bunsen Laptops, and an inexpensive desktop computer under the label Beaker Computers. The two products use two overhead... </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 active half">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/intercultural-communication/appendices-visit-consumer-reports-online-or-obtain-an-issue-from-2118584" > (Appendices) Visit Consumer Reports online or obtain an issue from your library and answer the following questions: (a) Who publishes the magazine? (b) Who advertises in the magazine? (c) How are... </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 active half">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/intercultural-communication/appendices-compute-unit-prices-for-the-following-pairs-and-determine-2118581" > (Appendices) Compute unit prices for the following pairs and determine which of the two is the better deal: (a) 3 for $0.98 or 8 for $2.99, (b) 4 for $1.00 or 12 for $3.39, (c) 24 oz. for $1.98 or 36... </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 active half">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/intercultural-communication/appendices-read-the-warranty-or-guarantee-for-a-household-product-2118583" > (Appendices) Read the warranty or guarantee for a household product that your family has purchased (examples: coffee maker, blender, or electronic device). What does the manufacturer agree to do?... </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"> <div class="next-previous-button"> <div class="navigationButtons"> <a class="previousQuestionButton" href="/study-help/questions/which-of-the-following-is-a-core-component-of-physical-10151250">Previous Question</a> <a class="nextQuestionButton" href="/study-help/questions/match-each-of-the-markets-in-the-msci-world-index-10151252">Next Question</a> </div> </div> </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="https://dsd5zvtm8ll6.cloudfront.net/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=10151251&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 redirection" data-id="1"> <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 " loading="lazy"> </div> <div class="downloadLinkHolder mobileAppDownload col-md-6 col-lg-6 col-sm-6 col-6 redirection" data-id="2"> <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" loading="lazy"> </div> </div> </div> </div> </div> <div class="footer-bottom"> <p>© 2024 SolutionInn. All Rights Reserved</p> </div></footer> <script> 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("data-id");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>