Design A Four Page Webpage Assignment

Posted Under: Web Design

Ask A Question
DESCRIPTION
Posted
Modified
Viewed 23
create a website with four pages about a topic of your choice. This will include two pages that you have designed and written the code for as well as two external sites that your site will link to. The web site should NOT be a personal web site in the nature of: Hi, I'm Jane/John and these are my dogs/cats/cars/clothes/toys/hobbies/etc. The site can be on a topic of personal interest, a hypothetical business, or a web page for an actual business or non-profit organization. It must include the following elements: FOCUS: Each page must tell us something about your chosen topic. All site material must relate to the topic in some way. ORIGINALITY: All content and code must be original (written by you). LAYOUT: The arrangement of text and images on each page should be attractive and well-organized. There should be a good balance of text, graphics, and white space. NAVIGATION: Each one of your two original pages should link to each other. The navigation should be visible without scrolling and located in the same place on both pages. Links must be fully functional. CONSISTENCY: Both pages should be consistent in layout: navigation, content, logo, etc. Elements should always be in the same place on the page. REPETITION: You must repeat one or more components throughout the web site. These can include a variety of design components such as color, shape, fonts, and images. CONTRAST: You must emphasize the differences between page elements in order to make the design more interesting and to direct attention to important areas of your pages. PROXIMITY: Related items should be placed physically close to one another on the pages. Unrelated items should have some space separating them. ALIGNMENT: The page should be cohesive and each element should be placed on the page with some alignment (vertical or horizontal). TEXT: The text should be large enough to read easily and contrast with the background color. Each page should have at least one heading (e.g.

and at least one paragraph of text. The heading and text must by styled in CSS. CSS: There must be at least one external style sheet that controls the fonts, color, and other presentation elements of the web site. There should be at least 5 CSS rules in the external style sheet. You must use descriptive id and class names correctly. IMAGES: Each page must contain at least one unique image that is relevant to your topic. It must also include proper information for Accessibility. (alt tags) TITLES: Each page must have a logical element that identifies the web site. LIST: At least one page needs to include an ordered or unordered list, coded using the appropriate HTML tags. TABLE or FORM: At least one page must include either a table or a form. Table: A table should include multiple columns and rows that include cell spacing, cell padding, and spanning of at least two rows or columns. There should also be table headers and a table caption. Form: The form should include one text field, two radio buttons or check box options, and a submit button. It is okay if the form does not function due to the lack of a corresponding database. Be sure to validate your HTML code (both pages) and the CSS style sheet using the web site below. There will be a one point deduction for each error found. HTML5: http://validator.w3.org CSS: http://jigsaw.w3.org/css-validator </div> <div class="w-full p-2 sm:p-4 md:pt-0"> <a href="https://tutlance.com/subject/concepts/assignment" class="rounded-3xl bg-blue-300/60 py-1 px-3 text-sm text-slate-900 transition duration-300 hover:bg-blue-400 hover:text-black dark:hover:bg-blue-600 dark:hover:text-white cursor-pointer">Assignment</a> </div> </div> <div class="rounded-sm bg-white shadow-none dark:bg-black"> <div class="border-b border-gray-200/60 p-2 dark:border-gray-100/60 sm:p-4"> <span class="text-lg text-slate-900 dark:text-slate-300 md:text-xl">Attachments</span> </div> <div class="prose prose-sm w-full max-w-fit break-words p-2 md:prose-lg sm:p-4"> <p class="whitespace-normal break-words text-center">No uploads for this question</p> </div> </div> <div class="rounded-sm bg-white shadow-none dark:bg-black" dusk="answers-panel"> <div class="flex items-center justify-between border-b border-gray-200/60 p-2 dark:border-gray-100/60 sm:p-4" dusk="answers-header"> <span class="text-lg text-slate-900 dark:text-slate-300 md:text-xl">Explanations and Answers</span> <span class="text-xl font-bold">0</span> </div> <div class="w-full space-y-2 divide-y" x-data="answers('')"> <p class="whitespace-normal break-words p-4 text-center">No answers posted</p> </div> </div> <div class="rounded-sm bg-white shadow-none dark:bg-black" dusk="sell-answer-wrapper"> <div class="border-b border-gray-200/60 p-2 dark:border-gray-100/60 sm:p-4"> <h3 class="text-lg text-slate-900 dark:text-slate-300 md:text-xl">Post your Answer - free or at a fee</h3> </div> <div class="p-2 sm:p-4"> <div id="login-required" class="flex flex-wrap justify-center gap-2 sm:gap-4 items-center"> <h4 class="pt-4 text-base font-medium">Login to your tutor account to post an answer</h4> <p class="mb-4 w-full pb-2 text-center text-sm text-slate-500 dark:text-slate-300"> Posting a free answer earns you <b>+20</b> points.</p> <a class="inline-flex items-center justify-center text-center font-medium transition duration-150 ease-in-out focus:outline-none focus:ring-4 disabled:cursor-not-allowed disabled:bg-slate-200 disabled:text-black disabled:opacity-70 gap-2 px-3 sm:px-5 py-2 sm:py-2.5 text-xs sm:text-sm rounded-lg cursor-pointer bg-blue-700 text-white hover:bg-blue-800 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800 focus:ring-blue-300" href="https://tutlance.com/login?next=https%3A%2F%2Ftutlance.com%2Flibrary%2Fquestions-answers%2Fdesign-a-four-page-webpage-assignment-22"> Login </a> </div> </div> </div> <div class="rounded-none bg-white shadow-none dark:bg-black"> <div class="p-2 sm:p-4"> <p class="whitespace-normal py-1 text-base"><b>NB: </b><a href="https://tutlance.com/library/questions-answers">Post a homework question for free and get answers - free or paid homework help</a>.</p> <p class="whitespace-normal py-1 text-base">Get answers to: <span class="text-md font-semibold">Design A Four Page Webpage Assignment</span> or similar questions only at Tutlance.</p> </div> </div> <div class="rounded-none bg-white shadow-none dark:bg-black"> <div class="border-b border-gray-200/60 p-2 dark:border-gray-100/60 sm:p-4"> <span class="text-lg text-slate-900 dark:text-slate-300 md:text-xl">Related Questions</span> </div> <div class="p-2 sm:p-4"> <ul class="list-inside list-disc"> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/naiive-bayes-classifier-programming-assignment-12">Naiive Bayes Classifier Programming Assignment</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/nanosatellite-5g-integration-in-the-millimeter-wave-domain-6">Nanosatellite-5G Integration In The Millimeter Wave Domain</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/c-backtracking-puzzle-see-attached-file-for-instructions-77">C++ Backtracking Puzzle, See Attached File For Instructions</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/everything-is-in-the-file-11">Everything Is In The File!!!!!!</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/c-project-on-graphs-with-c-major-points-to-be-completed-22">C++ Project On Graphs With 6 Major Parts To Be Completed</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/python-programming-5-questions-in-total-56">Python Programming- 5 Questions In Total</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/create-a-subroutine-to-print-a-0-terminated-string-73">Create A Subroutine To Print A 0-Terminated String</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/computer-science-computer-science-2">Computer Science Computer Science</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/writing-an-original-assembly-language-program-24">Writing An Original Assembly Language Program</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/c-programming-help-tic-tac-toe-game-74">C Programming Help Tic Tac Toe Game</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/java-homework-about-java-hashmap-assignment-just-write-me-33">Java Homework About Java Hashmap Assignment Just Write Me</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/user-interface-ui-and-user-experience-ux-project-2-theme-form-with-conditional-rendering-60">User Interface (Ui) And User Experience (Ux) Project #2 Theme: Form With Conditional Rendering</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/risk-assessment-report-using-nist-800-30-guidelines-97">Risk Assessment Report Using Nist 800-30 Guidelines</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/create-er-model-and-a-relational-schema-for-a-bike-shop-69">Create Er Model And A Relational Schema For A Bike Shop</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/cryptography-project-about-frequency-analysis-where-you-have-to-decrypt-a-cipher-text-84">Cryptography Project About Frequency Analysis Where You Have To Decrypt A Cipher Text</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/storyboard-flowchart-and-coding-project-43">Storyboard, Flowchart And Coding Project</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/solidity-simple-defi-app-reading-on-chain-oracle-data-starting-an-aave-flashloan-and-swapping-tokens-46">Solidity Simple Defi App Reading On Chain Oracle Data, Starting An Aave Flashloan, And Swapping Tokens</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/runge-kutta-method-kuttapreferred-and-gill-only-basic-understandings-needed-78">Runge-Kutta Method, Kuttapreferred And Gill. Only Basic Understandings Needed.</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/project-that-works-with-inheritance-and-polymorphism-in-c-73">Project That Works With Inheritance And Polymorphism In C++</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/sdlc-design-task-with-scenario-93">Sdlc Design Task With Scenario</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/reconcilation-spreadsheet-between-2-tabs-36">Reconcilation Spreadsheet Between 2 Tabs</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/staff-orientation-word-document-55">Staff Orientation Word Document</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/introduction-to-operations-research-stochastic-methods-100">Introduction To Operations Research; Stochastic Methods</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/asa-site-to-site-ipsec-vpn-setup-13">Asa Site-To Site Ipsec Vpn Setup</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/need-help-with-sitting-an-online-it-exam-54">Need Help With Sitting An Online It Exam</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/code-programming-n-queens-python-98">Code Programming N-Queens Python</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/write-unambiguous-grammar-rules-with-following-rules-16">Write Unambiguous Grammar Rules With Following Rules</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/write-a-code-that-can-find-a-shortest-route-in-maze-56">Write A Code That Can Find A Shortest Route In Maze</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/using-threads-create-a-mock-client-server-system-in-c-25">Using Threads Create A Mock Client Server System In C</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/excel-project-with-3-slides-of-a-powerpoint-50">Excel Project With 3 Slides Of A Powerpoint</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/sparkles-dessert-excel-assignment-10">Sparkles Dessert Excel Assignment</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/neo4j-graph-database-homework-two-questions-41">Neo4J Graph Database Homework Two Questions</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/i-need-help-with-a-python-homework-question-23">I Need Help With A Python Homework Question.</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/intro-to-computer-security-threat-modeling-assignment-45">Intro To Computer Security - Threat Modeling Assignment</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/runway-reservation-system-python-8">Runway Reservation System Python</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/technical-test-written-in-php-using-solid-principles-and-unit-testing-with-php-unit-61">Technical Test Written In Php Using Solid Principles And Unit Testing With Php Unit</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/take-professional-scrum-master-psm-test-92">Take Professional Scrum Master (Psm) Test</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/unsupervised-machine-learning-assignment-63">Unsupervised Machine Learning Assignment</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/database-code-needed-to-be-rewritten-easy-28">Database Code Needed To Be Rewritten (Easy)</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/csc-401-intro-to-programming-homework-4-25">Csc 401 Intro To Programming Homework #4</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/spreadsheets-projects-with-modules-14">Spreadsheets Projects With Modules</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/the-file-included-into-this-message-shows-the-requirements-6">The File Included Into This Message Shows The Requirements.</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/cpt202-sql-programming-1-sql-assignment-3-64">Cpt202 Sql Programming 1 Sql Assignment 3</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/cpt202-sql-programming-1-sql-assignment-3-93">Cpt202 Sql Programming 1 Sql Assignment 3</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/java-coding-assignment-interact-with-srpn-calc-83">Java Coding Assignment - Interact With Srpn Calc</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/chapter-2-exercises-conducting-java-and-arithmetic-programs-61">Chapter 2 Exercises Conducting Java And Arithmetic Programs</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/counting-fractions-with-beginner-java-techniques-knowledge-through-first-programming-class-89">Counting Fractions With Beginner Java Techniques (Knowledge Through First Programming Class)</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/excel-homework-for-a-business-course-that-i-m-completing-in-college-37">Excel Homework For A Business Course That I'm Completing In College</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/c-thread-types-lab-using-mutex-promise-future-65">C++ Thread Types Lab Using Mutex, Promise-Future</a> </li> <li class="list-item"> <a class="text-sm text-blue-500 dark:text-blue-400" href="https://tutlance.com/library/questions-answers/pg2-lab-2-blackjack-objects-43">Pg2 – Lab 2: Blackjack Objects</a> </li> </ul> </div> </div> </div> </div> <!-- Main modal --> <div tabindex="-1" aria-hidden="true" class="fixed top-0 left-0 right-0 z-[105] flex w-full items-center justify-center overflow-y-auto overflow-x-hidden p-0 sm:p-2 md:p-4 sm:inset-0 h-full sm:items-start sm:mt-16 md:mt-14" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 scale-90" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-90" x-cloak x-show="$store.modal.active === 'review'" dusk="review-modal" x-data="reviewAnswer"> <div class="relative md:h-auto w-full h-full max-w-2xl"> <!-- Modal content --> <div class="relative flex h-full flex-col justify-between rounded-lg bg-white shadow dark:bg-gray-700 sm:h-auto"> <div> <!-- Modal header --> <div class="flex items-start justify-between rounded-t border-b p-2 dark:border-gray-600 md:p-4"> <h3 class="overflow-hidden overflow-ellipsis whitespace-nowrap break-words text-xl font-semibold text-gray-900 dark:text-white"> Answer Review </h3> <button type="button" @click="$store.modal.hide()" class="col-span-1 ml-auto inline-flex items-center rounded-lg bg-transparent p-1.5 text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> </svg> <span class="sr-only">Close modal</span> </button> </div> <!-- Modal body --> <div class="max-h-[calc(100vh-106px)] gap-2 overflow-y-auto overflow-x-hidden p-2 sm:max-h-[calc(100vh-196px)] md:gap-4 md:p-4 "> <form id="frmAnswerReview" action="https://tutlance.com/payments/top-up" method="POST" class="space-y-2" @submit.prevent="post" novalidate> <div> <input type="hidden" name="_token" value="dXMmTlAdADF2egNCWouPKgeTRnK4lLbTBRuGPlVF"> <label class="flex text-slate-700 dark:text-slate-500 mb-1 text-base font-medium" for="rating" x-bind:class="{ 'text-red-500 dark:text-red-700': !!ratingError }"> Review Rating <span></span> </label> <div class="flex flex-col" x-model="review.rate" x-data="stars(0, )" data-form="frmAnswerReview"> <div class="flex items-center"> <template x-for="item in ratings"> <span> <svg xmlns="http://www.w3.org/2000/svg" x-show="readonly && rating >= item.value" class="h-8 w-8 cursor-pointer text-primary hover:text-primary-light dark:text-primary-light dark:hover:text-primary" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /> </svg> <svg xmlns="http://www.w3.org/2000/svg" x-show="readonly && rating < item.value" class="h-7 w-7 cursor-pointer text-slate-500" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /> </svg> <svg xmlns="http://www.w3.org/2000/svg" x-show="editable" class="h-8 w-8 cursor-pointer" :dusk="'star-rating-' + item.value" @mouseover="hover = item.value" @mouseleave="hover = rating" @click="pickRate(item.value)" :class="{ 'text-primary': rating >= item.value || hover >= item.value }" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /> </svg> </span> </template> <span x-show="readonly" class="text-2xl ml-2 font-semibold text-slate-700 dark:text-slate-300" x-text="rating"></span> <span x-show="editable" class="text-base ml-2 font-normal text-slate-500 dark:text-slate-400" x-text="label"></span> </div> </div> <p x-show="!!ratingError" x-transition class="mt-1 text-sm text-red-500 dark:text-red-600" x-text="ratingError"> </p> <input type="hidden" x-model="review.rate" name="rate"> </div> <div> <label class="flex text-sm mt-4 mb-1 text-slate-700 dark:text-slate-500 mb-1 text-base font-medium" for="comment" x-bind:class="{ 'text-red-500 dark:text-red-700': !!commentError }"> Review <span></span> </label> <textarea name="comment" rows="4" class="peer valid:bg-green-50 valid:text-green-500 valid:focus:border-green-300 valid:focus:ring-green-300 valid:dark:bg-green-100 valid:dark:text-green-700 valid:dark:focus:border-green-900 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 form-control block w-full py-3 px-4" id="comment" cols="30" rows="5" placeholder="Share a your experience and satisfaction for the provided answer" minLength="100" x-bind:class="{ 'border-red-500 placeholder-red-500 focus:border-red-500 focus:ring-red-500 dark:border-red-400 dark:bg-red-100': !!commentError }" x-model="review.comment"></textarea> <p x-show="!commentError" class="mt-1 text-sm text-gray-500 peer-valid:text-green-500 dark:text-gray-400"> It is good to have a well explained experience.</p> <p x-show="commentError" x-transition class="mt-1 text-sm text-red-500 dark:text-red-700" x-text="commentError"> </p> </div> </form> </div> </div> <!-- Modal footer --> <div class="flex items-center justify-center gap-2 rounded-b border-t border-gray-200 p-2 dark:border-gray-600 sm:justify-end md:gap-4 md:p-4"> <button class="inline-flex items-center justify-center text-center font-medium transition duration-150 ease-in-out focus:outline-none focus:ring-4 disabled:cursor-not-allowed disabled:bg-slate-200 disabled:text-black disabled:opacity-70 gap-2 px-3 sm:px-5 py-2 sm:py-2.5 text-xs sm:text-sm rounded-lg uppercase bg-blue-700 text-white hover:bg-blue-800 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800 focus:ring-blue-300" form="frmAnswerReview" type="submit" dusk="post-review" :disable="submitting"> <template x-if="submitting"> <svg aria-hidden="true" role="status" class="inline h-5 w-5 animate-spin" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="#E5E7EB" /> <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentColor" /> </svg> </template> Post Review </button> <button class="inline-flex items-center justify-center text-center font-medium transition duration-150 ease-in-out focus:outline-none focus:ring-4 disabled:cursor-not-allowed disabled:bg-slate-200 disabled:text-black disabled:opacity-70 gap-2 px-3 sm:px-5 py-2 sm:py-2.5 text-xs sm:text-sm rounded-lg uppercase bg-red-500 dark:bg-red-600 hover:bg-red-700 text-black hover:text-white focus:ring-red-300" form="frmAnswerReview" @click="$store.modal.hide()" type="reset"> Close </button> </div> </div> </div> </div> </main> <div x-data x-show="$store.modal.visible" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 scale-90" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-90" class="fixed inset-0 z-[90] bg-gray-900 bg-opacity-50 dark:bg-opacity-80" x-cloak></div> <footer class="px-6 py-6 text-gray-600 bg-gray-50 lg:px-8 md:py-12"> <div class="py-6 mx-auto mb-12 space-y-6 border-b-2 border-gray-200 max-w-7xl lg:mb-16 md:py-12 lg:pb-20 md:flex md:justify-between md:items-center md:flex-row md:space-x-12"> <div class="flex-1 max-w-3xl"> <h6 class="text-2xl font-medium text-gray-700 sm:text-3xl md:text-4xl">Tutlance - Your Online Study Helper - Boost Your Grades</h6> <p class="mt-4 text-base font-medium leading-relaxed text-gray-500 md:text-xl">Are you ready to transform your learning experience? Sign up at Tutlance and connect with expert assignment helpers and tutors, ask homework questions for free, create flashcards, practise questions, or browse course materials.</p> </div> <a href="https://tutlance.com/register" class="inline-block px-5 py-4 font-semibold text-white rounded-lg bg-gradient-to-br from-indigo-600 to-indigo-700 hover:from-indigo-500 hover:to-indigo-700 lg:px-8" data-primary="indigo-600" data-rounded="rounded-lg">Get Started Today</a> </div> <div class="grid max-w-screen-xl gap-6 mx-auto md:grid-cols-2 lg:grid-cols-5 lg:gap-x-8"> <div class=""> <h5 class="text-xl font-semibold text-gray-700">Tutlance</h5> <nav class="mt-4"> <ul class="space-y-2"> <li class=""> <a href="https://tutlance.com/support" class="text-base font-normal hover:text-gray-400">Contact us</a> </li> <li class=""> <a href="https://tutlance.com/about-us" class="text-base font-normal hover:text-gray-400">About</a> </li> <li class=""> <a href="https://tutlance.com/faq" class="text-base font-normal hover:text-gray-400">Students FAQ</a> </li> <li class=""> <a href="https://tutlance.com/experts-frequently-asked-questions" class="text-base font-normal hover:text-gray-400">Tutors FAQ</a> </li> <li class=""> <a href="https://tutlance.com/how-it-works" class="text-base font-normal hover:text-gray-400">How It Works</a> </li> <li class=""> <a href="https://tutlance.com/help/" class="text-base font-normal hover:text-gray-400">Tutlance Help</a> </li> <li class=""> <a href="https://tutlance.com/learn/" class="text-base font-normal hover:text-gray-400">Tutlance Learn</a> </li> <li class=""> <a href="https://tutlance.com/scholarships/" class="text-base font-normal hover:text-gray-400">Scholarships</a> </li> <li class=""> <a href="https://tutlance.com/guide/" class="text-base font-normal hover:text-gray-400">Tutlance Guide</a> </li> <li class=""> <a href="https://tutlance.com/documents" class="text-base font-normal hover:text-gray-400">Notes and Documents</a> </li> <li class=""> <a href="https://tutlance.com/help/lab-report-writing-services" class="text-base font-normal hover:text-gray-400">Lab Report Writing</a> </li> <li class=""> <a href="https://tutlance.com/help/capstone-project-writing-service" class="text-base font-normal hover:text-gray-400">Capstone Project Writing</a> </li> </ul> </nav> </div> <div class=""> <h5 class="text-xl font-semibold text-gray-700">More Services</h5> <nav class="mt-4"> <ul class="space-y-2"> <li class=""> <a href="https://tutlance.com/online-tutors" class="text-base font-normal hover:text-gray-400">Online Tutoring</a> </li> <li class=""> <a href="https://tutlance.com/homework-help-answers" class="text-base font-normal hover:text-gray-400">Homework Help</a> </li> <li class=""> <a href="https://tutlance.com/help/online-assignment" class="text-base font-normal hover:text-gray-400">Online Assignment Help</a> </li> <li class=""> <a href="https://tutlance.com/help/coursework" class="text-base font-normal hover:text-gray-400">Coursework Help</a> </li> <li class=""> <a href="https://tutlance.com/help/dissertation" class="text-base font-normal hover:text-gray-400">Dissertation Help</a> </li> <li class=""> <a href="https://tutlance.com/help/essay-writing" class="text-base font-normal hover:text-gray-400">Essay Writing Help</a> </li> <li class=""> <a href="https://tutlance.com/help/research-paper" class="text-base font-normal hover:text-gray-400">Research Paper Help</a> </li> <li class=""> <a href="https://tutlance.com/help/term-paper" class="text-base font-normal hover:text-gray-400">Term Paper Help</a> </li> <li class=""> <a href="https://tutlance.com/help/thesis" class="text-base font-normal hover:text-gray-400">Thesis Help</a> </li> <li class=""> <a href="https://tutlance.com/help/writing-service" class="text-base font-normal hover:text-gray-400">Writing Help</a> </li> <li class=""> <a href="https://tutlance.com/help/do-my-homework" class="text-base font-normal hover:text-gray-400">Do My Homework</a> </li> <li class=""> <a href="https://tutlance.com/help/take-my-online-class-for-me" class="text-base font-normal hover:text-gray-400">Online Class Help</a> </li> </ul> </nav> </div> <div class=""> <h5 class="text-xl font-semibold text-gray-700">Legal & Social</h5> <nav class="mt-4"> <ul class="space-y-2"> <li class=""> <a href="https://tutlance.com/terms-and-conditions" class="text-base font-normal hover:text-gray-400">Terms and Conditions</a> </li> <li class=""> <a href="https://tutlance.com/privacy-policy" class="text-base font-normal hover:text-gray-400">Privacy Policy</a> </li> <li class=""> <a href="https://tutlance.com/refund-policy" class="text-base font-normal hover:text-gray-400">Refund Policy</a> </li> <li class=""> <a href="https://tutlance.com/cookie-policy" class="text-base font-normal hover:text-gray-400">Cookie Policy </a> </li> <li class=""> <a href="https://tutlance.com/help/archives/" class="text-base font-normal hover:text-gray-400">QA Archives </a> </li> <li class=""><a href="#" class="text-base font-normal hover:text-gray-400">Honor Code</li> <li class=""><a href="https://www.youtube.com/@tutlance" class="text-base font-normal hover:text-gray-400">Youtube</a> </li> <li class=""><a href="https://www.sitejabber.com/reviews/tutlance.com" class="text-base font-normal hover:text-gray-400">Sitejabber</a> </li> <li class=""><a href="https://twitter.com/tutlance" class="text-base font-normal hover:text-gray-400">Twitter</a> </li> <li class=""><a href="https://facebook.com/tutlance" class="text-base font-normal hover:text-gray-400">Facebook</a> </li> <li class=""><a href="https://www.pinterest.com/tutlance/" class="text-base font-normal hover:text-gray-400">Pinterest</a> </li> </ul> </nav> </div> <div class=""> <h5 class="text-xl font-semibold text-gray-700">App & Links</h5> <nav class="mt-4"> <ul class="space-y-2"> <li class=""> <a href="#" class="text-base font-normal hover:text-gray-400">IOS</a> </li> <li class=""> <a href="#" class="text-base font-normal hover:text-gray-400">Android</a> </li> <li class=""> <a href="https://tutlance.com/support" class="text-base font-normal hover:text-gray-400">Support center</a> </li> <li class=""> <a href="https://tutlance.com/guide/indexpages" class="text-base font-normal hover:text-gray-400">Project types</a> </li> <li class=""> <a href="https://tutlance.com/resources/" class="text-base font-normal hover:text-gray-400">Blog</a> </li> <li class=""> <a href="https://tutlance.com/subjects" class="text-base font-normal hover:text-gray-400">Subjects</a> </li> <li class=""> <a href="https://tutlance.com/ask-a-question" class="text-base font-normal hover:text-gray-400">Ask a Question</a> </li> <li class=""> <a href="https://tutlance.com/become-a-tutor" class="text-base font-normal hover:text-gray-400">Become a Tutor</a> </li> <li class=""> <a href="https://tutlance.com/homework-help-answers/tags" class="text-base font-normal hover:text-gray-400">Tags</a> </li> <li class=""> <a href="https://tutlance.com/help/page-map" class="text-base font-normal hover:text-gray-400">More Pages</a> </li> </ul> </nav> </div> <div class=""> <h5 class="text-xl font-semibold text-gray-700">Contact</h5> <div class="mt-4 space-y-4 md:space-y-6"> <div class="flex items-start space-x-4"> <div> <svg class="w-6 h-6 mt-1 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" class=""></path> </svg> </div> <div class="flex-1"> <b class="">Whatsapp/SMS</b><br> +1 716 493 2397<br> </div> </div> <div class="flex items-start space-x-4"> <div> <svg class="w-6 h-6 mt-1 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" class=""></path> </svg> </div> <div class="flex-1"> <a href="#" class="hover:text-gray-500">help@tutlance.com</a> </div> </div> <div class="flex items-start space-x-4"> <div class="flex-1"> <b class="">We Accept</b><br> <p><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-4113" src="https://tutlance.com/help/wp-content/uploads/2020/09/visa-mastercard-accepted-300x111.jpg" alt="Visa accepted" width="300" height="111"></p> </div> </div> <div class="flex items-start space-x-4"> <div class=""> <svg class="w-6 h-6 mt-1 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" class=""></path> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" class=""></path> </svg> </div> <div class="flex-1"> <address class="not-italic">Sheridan,<br> Wyoming, WY<br> USA<br> </address> </div> </div> </div> </div> </div> <div class="flex flex-col items-center justify-between max-w-screen-xl mx-auto mt-16 md:flex-row lg:mt-20"> <a href="#_" class="flex items-center text-lg font-bold"> <svg class="w-4 h-4 mr-1 text-black fill-current" viewBox="0 0 39 15" xmlns="http://www.w3.org/2000/svg"> <path d="M11.252 1.152C4.184 2.526.454 6.918.061 14.329c1.963-4.049 4.798-5.975 8.503-5.778 2.115.112 3.84 1.295 5.75 2.603 3.11 2.133 6.712 4.601 13.281 3.324 7.068-1.374 10.798-5.766 11.191-13.177-1.963 4.049-4.798 5.975-8.503 5.779-2.115-.113-3.84-1.296-5.75-2.604-3.11-2.133-6.712-4.601-13.281-3.324z" fill-rule="evenodd"></path> </svg> </a> <div class="text-sm">© 2023 Tutlance™. All Rights Reserved.</div> </div> </footer> </body> </html>