Question: Create a mobile web site for customers to apply for loans and management to approve the applications (Create a new folder to hold all files/folders))

  • Create a mobile web site for customers to apply for loans and management to approve the applications (Create a new folder to hold all files/folders))
    • index.html
    • css folder that includes all css files
    • images folder that includes all site images
    • js folder that includes all .js script file
  • Enter YOUR NAME in the tags AND your name and student number in a comment at the top of the index.html</li> <li>Header area to include <em>Assignment #1 / Your Name / Your Student Number</em>; this header must be on both pages</li> <li>Footer line to include <em>Your Login Name / Your Campus</em>; this footer must be on both pages.</li> <li>Both pages must include a <em>picture of you</em> as the sales representative</li> <li> </li> <li>Content area on the <strong>main entry page</strong> will include inputs for customer entry for the following: <ul> <li>Entry field (with labeling) for the Customer's company name</li> <li>Entry field (with labeling) for the Company owner</li> <li>Entry field (with labeling) for the Email address</li> <li>Entry field (with labeling) for the Phone number</li> <li>Entry field (with labeling) for the Annual sales in dollars</li> <li>Entry field (with labeling) for the Borrow amount in dollars</li> <li>Entry field (with labeling) for the Payment terms (number)</li> <li>A button to call the Approval page for management to approve the application</li> <li> </li> <li>Formatting, layout, colours, background, size, and labeling will all be considered in grading.</li> <li>All data MUST be saved to local storage before calling the Approval page and ES6 concepts used where applicable.</li> </ul> </li> <li>Content on the <strong>Approval page</strong> (a separate page) will include the following: <ul> <li>Customer's company contact information (Company name, Owner and Email address)</li> <li>Borrow amount and Payment terms</li> <li>Interest = Borrow amount * Payment terms / 12 * 3%.</li> <li>Payment = Borrow amount + Interest</li> <li>Profit = Payment Borrow amount</li> <li>Decision = A selection list containing "Accept", "Reject", or "Need more Information"</li> <li>A button to add Interest, Payment, Profit and Decision to the same item in local storage; and to list, on the same page, all data of the item from local storage.</li> <li> </li> <li>All information must be labeled and formatting, layout, colours, background, and size will all be considered in grading</li> <li>Data MUST be pulled from local storage to fill the Approval page and ES6 concepts used where applicable.</li> </ul> </li> </ul> </p> </div> <div class="question-answer-divider"></div> <section class="answerHolder" itemscope itemtype="http://schema.org/Answer"> <div class="answerHolderHeader"> <h2>Step by Step Solution</h2> <div class="answerReviews"> <div class="starIcon"> </div> </div> </div> <div class="questionProperties"> <p>There are 3 Steps involved in it</p> <div class="cart-flex"> <div class="cart cart1"> 1 Expert Approved Answer </div> </div> </div> <div class="step org_answer"> <span class="view_solution_btn view-solution-btn-cursor"> <strong class="step-heading step-1">Step: 1 <span>Unlock <i class="fa-solid fa-lock"></i></span></strong> </span> <img src="https://www.solutioninn.com/includes/images/document_product_info/blur-text-image.webp" class="blured-ans-image" width="759" height="271" alt="blur-text-image" decoding="async" fetchpriority="high"> <div class="step1Popup"> <span class="heading">Question Has Been Solved by an Expert!</span> <p>Get step-by-step solutions from verified subject matter experts</p> <button class="view_solution_btn step1PopupButton">View Solution</button> </div> </div> <div class="step"> <span class="view_solution_btn view-solution-btn-cursor"> <strong class="accordion step-heading">Step: 2 <span>Unlock <i class="fa-solid fa-lock"></i></span></strong> </span> </div> <div class="step"> <span class="view_solution_btn view-solution-btn-cursor"> <strong class="accordion step-heading">Step: 3 <span>Unlock <i class="fa-solid fa-lock"></i></span></strong> </span> </div> </section> <section class="relatedQuestion"> <h2>Students Have Also Explored These Related Databases Questions!</h2> <div class="relatedQuestionSliderHolder"> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/create-a-mobile-web-site-note-create-a-new-folder-23287168" > Create a mobile web site (Note: Create a new folder to hold all your files/folders). You will need to include: o index.html o Links: Link to jquery.js Link to your js script file Link to your... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/please-post-all-files-including-htmlcss-and-javascript-i-need-23285361" > Please post all files including HTML,CSS and javascript. I need it tomorrow. Thank you. This assignment will be used to test your knowledge of JavaScript, Local Storage and jQuery Selectors and... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/assignment-1-10-this-assignment-will-be-used-to-test-13675634" > Assignment #1 (10%) This assignment will be used to test your knowledge of JavaScript, Local Storage, jQuery Selectors and Actions, and simple JSON retrieval. Follow all details carefully and be sure... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/create-a-mobile-web-site-note-create-a-new-folder-12656843" > Create a mobile web site (Note: Create a new folder to hold all your files/folders). You will need to include: O o index.html All necessary links for jQuery, your JS file, and your CSS file Updates:... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/this-assignment-will-be-used-to-test-your-knowledge-of-7723030" > This assignment will be used to test your knowledge of native JavaScript, Local Storage and simple JSON retrieval. Follow all details carefully and be sure to follow instructions for submitting your... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/question-create-a-mobile-web-site-create-a-new-folder-13353960" > Question: Create a mobile web site (Create a new folder to hold all files/folders) / This mobile assignment... Create a mobile web site (Create a new folder to hold all files/folders) / This mobile... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/create-a-mobile-web-site-note-create-a-new-folder-1017847" > Create a mobile web site (Note: Create a new folder to hold all your files/folders). You will need to include: index.html o All necessary links for jQuery, your JS file, and your CSS file o Updates:... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/please-do-this-problem-asap-im-stuck-with-this-whole-13798635" > please do this problem ASAP. I'm stuck with this whole problem. This assignment will be used to test your knowledge of JavaScript, Local Storage, jQuery Selectors and Actions, and simple ISON... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/create-a-mobile-web-site-note-create-a-new-folder-23291770" > Create a mobile web site (Note: Create a new folder to hold all your files/folders). You will need to include: index.html o Links: Link to jquery.js Link to your js script file Link to your... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/please-answer-correctly-for-guranteed-upvoting-last-time-it-was-13395480" > Please answer correctly for guranteed upvoting!! Last time it was incorrectly answered SYST24444 Assignment \#1 Assignment \#1 (10\%) This assignment will be used to test your knowledge of native... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/an-elevator-cable-winds-on-a-drum-of-radius-900" > An elevator cable winds on a drum of radius 90.0 cm that is connected to a motor. (a) If the elevator is moving down at 0.50 m/s, what is the angular speed of the drum? (b) If the elevator moves down... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/the-branch-manager-of-a-savings-bank-has-recorded-the" > The branch manager of a savings bank has recorded the number of errors of a particular type that each of 12 tellers has made during the past year. The results (stored in Teller) are as follows: a. Do... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/if-a-companys-tvom-is-10-then-the-company-would-27968165" > if a company's TVOM is 10% then the company would be indifferent between 12500 today and how much in 1 year </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/837-n-80-i-objectives-create-relationships-create-13559948" > 8:37 * N. 80% i ... OBJECTIVES: Create relationships Create a Pivot Table from Related Tables Create a PivotChart Modify the PivotChart The major section in this chapter :ontinuation is: Data... </a> </div> </div> <nav class="navigationButtons"> <a class="previousQuestionButton" href="/study-help/questions/info-questions-you-are-required-to-develop-a-program-using-15165428">Previous Question</a> <a class="nextQuestionButton" href="/study-help/questions/you-are-planning-to-invest-10-million-for-a-period-15165430">Next Question</a> </nav> </section> </main> <aside class="expertRight"> <section class="relatedBook" style="margin-bottom:40px; width: 100%;" > <div class="bookHolder" > <div class="relatedBookHeading" > <h2 class="heading">Recommended Textbook</h2> </div> <div class="bookMainInfo" > <div class="bookImage" style="width: 100px !important; min-width: 100px; flex-shrink: 0; margin-right: 20px;"> <a href="/textbooks/database-concepts-7th-edition-9780133544886"> <img src="https://dsd5zvtm8ll6.cloudfront.net/si.question.images/book_images/2022/01/61d7ef8d69026_51661d7ef8ce6fc8.jpg" width="100" height="131" alt="Database Concepts" loading="lazy" style="width: 100px !important;"> </a> <a href="/textbooks/computer-science-visual-dataflex-2525" style="margin-top: 8px; display: block; text-align: left;">More Books</a> </div> <div class="bookInfo" style="text-align: left;"> <span class="bookTitle" style="text-align: left;"> <a href="/textbooks/database-concepts-7th-edition-9780133544886" style="text-align: left;"> Database Concepts </a> </span> <div class="bookMetaInfo" style="text-align: left;"> <p class="bookAuthor" style="text-align: left;"> <b>Authors:</b> <span>David M Kroenke, David J Auer</span> </p> <p class="bookEdition" style="text-align: left;"> 6th Edition </p> <p class="bookEdition" style="text-align: left;"> 0132742926, 978-0132742924 </p> </div></div></div> </div> </section> <div class="post-question-section"> <div class="description-question-section"> <span class="post-question-section-title">Ask a Question and Get Instant Help!</span> </div> <div class="text-area-post-question"> <form action="/study-help/post-question?ref=search" method="post" enctype="multipart/form-data"> <textarea rows="4" class="form-control form-posting-margin" name="textarea-question-content" id="textarea-question-content" placeholder="Type Your Question ...."></textarea> <button type="submit" class="btn btn-sm btn-submit-post-question text-center">Get Answer</button> </form> </div> </div> </aside> </div> </div> <div class="promo items-center justify-center hidden"> <div class="app_promo"> <span class="app_promo_dismiss"> <i class="fa-solid fa-x"></i> </span> <div class="app-button"> <div class="image-wrapper"> <img width="30" height="30" src="https://www.solutioninn.com/includes/images/rewamp/common/mobile-app-logo.png" decoding="async" fetchpriority="high" alt="SolutionInn App Logo"> <strong>Study Help</strong> </div> <button class="app_promo_action redirection" data-question-open-url='q_id=15165429&q_type=2'> Open in App </button> </div> </div> </div> </div> </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="/books/used-textbooks">Used Textbooks</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> <li><a href="/clothing">Campus Wear</a></li> <li><a href="/sell-books">Sell Your Books</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> <li><a href="/online-quiz">Online Quiz</a></li> <li><a href="/study-feedback">Give Feedback, Get Rewards</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="https://www.studentbeans.com/en-us/us/beansid-connect/hosted/solutioninn" target="_blank" rel="noopener nofollow">Student Discount</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>© 2026 SolutionInn. All Rights Reserved</p> </div></footer> <script> window.addEventListener("load",function(){jQuery(document).ready(function(t){ // Clarity tracking (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "sjv6tuxsok"); // Helper to read a cookie by name function getCookie(name) { return document.cookie .split('; ') .map(v => v.split('=')) .reduce((acc, [k, val]) => (k === name ? decodeURIComponent(val || '') : acc), ''); } // Read cookies var si = getCookie('si_u_id'); var uid = getCookie('u_id'); var zen = getCookie('zenid'); // Send to Clarity if (si) clarity('set', 'si_u_id', si); if (uid) clarity('set', 'u_id', uid); if (zen) clarity('set', 'zenid', zen); clarity('set', 'ip_address', '216.73.216.28'); 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("data-question-open-url"))}),jQuery(".redirection").click(function(){var n=jQuery(this).attr("data-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>