HTML Cheat Sheet: A Simple Guide to HTML
Want to learn HTML? We've compiled a cheat sheet for you to make the learning process much easier!
...need a solution to include the script from the remote server on the main script. Here is an example. This is an element of the main script: $site = ''; $login = '<a class="red" href="'.$site.'/wp-admin/">Login</a>'; $shop = '<a class="red" href="'.$site.'">Shop</a>'; $updater = $site . '/'; ... if (strpos($data, 'gefunden') !== false) { echo '<div class="updates">' . $data . '</div>'; } else { echo $data; } This script runs on a maintenance server and updates the databases on the child sites. runs on each child site. This is standard Woocommerce stuff: <?php require_once(''...
...this project centers around user interface design, more specifically, the development of movable and collapsible DIVs that replicate the functionality of Windows Forms. It must have: - The ability to accommodate various desktop monitor resolutions at fill screen - A full width horizontal menu on the top with sub items -- Clicking one of these menu items displays the "movable" windows form like DIV - Movable, Windows Form like DIV's -- The important Aesthetic components are some Titlebar that has The ability to Minimize and close - Be able to display on a small screen mobile device top(w/o movable form capability etc) - Must have English CSS styles and Javascript - Must look modern and clean Prefer using Bootstrap Required Skills: - Proficiency in CSS, JavaScr...
I'm looking for an extremely skilled and efficient designer who can promptly turn my vision into reality. Your tasks will comprise a variety of design work as this project proceeds. Skills and Experience: - Expertise in versatile design forms - Proven record in delivering high-quality design work - Excellent ability to interpret abstract con...style="display:block;" id="'+index+'"></span>'); var lineID = index; var self = $(this); setTimeout(function () { $.each(self, function(index, chunk){ setTimeout(function () { $('#'+lineID).append("<span>"+chunk+"</span>"); $('body, html').scrollTop($(document).height()); }, index*5); ...
...tailored for logged-out users and another for logged-in users. Key Responsibilities: 1. Page Creation: Design and develop multiple pages using the WordPress Divi theme, ensuring they meet our specifications and requirements. 2. Interactive Elements: Implement interactive features within the pages to enhance user engagement and interaction(drag and drop for images and play button located in an external div to start the video playing) 3. Complex Menu Development: Build a sophisticated menu structure that enhances navigation and usability for visitors. 4. Multi Language Skills Required: - Proficiency in WordPress development, with a strong focus on the Divi theme. - Demonstrated experience in crafting interactive and visually appealing websites. - Expertise in designing and implem...
I'm looking for a developer who can convert to html. write fresh code. don't use any converter plugin / Urls i need home page only. * Must Responsive * CSS defined in separate file with custom css for all main html elements - lists - header/footer items - menus - text block divs for code, testimonials, articles, general text (an rounded edge outline div version and one without outline) - template divs for images, videos with caption text - h1-5 header css - table format for listing tech features, divs with multiple columns for putting text in - contact form with custom css for general text and select box elements (Name, company, email, phone, address, message for example form) This will be finished out later but nee...
...<body> <div class="outer-container" id="outer-container"> <div class="ad-container" id="ad-container"> <!-- Ad content --> <h2 class="custom-h2">Lifetime Discount</h2> <!-- First line --> <h2 class="custom-h2">30%</h2> <!-- Second line --> <p class="ad-content">You've been exclusively invited to access <a href="" style="text-decoration: none; color: #1D7656;">Example™</a> through my private practitioner link. Gain VIP access to my store, where 2000+ premium supplement products await!</p> <!-- Third line --> <div class="timer&q...
...Cordialement Thierry <div class="row categories-filter" style="width: 400px; padding: 30px 20px 30px;"> <div class="large-4 columns"> <p><label for="3496">Largeur</label></p> <p><select id="3496" name="3496"> <option value="155">155</option> <option value="175">175</option> <option value="185">185</option> <option value="195">195</option> <option value="205">205</option> <option value="215">215</option> <option value="225">225</option> </select></p> </div> <div cla...
Hi Nithin, I am sending the details of project as we discussed. Create utility to generate code as follows: Input values json = { "id": "screenName", "name": "Employee", "type": "component", ... "type": "select" } ] } => util -> typescript component: `const ${}Component = (props) => { return <> ${(c => </> }` Use babel-generete AST - Abstract Syntax Tree Output code: const EmployeeComponent = () => { const fn () => { // call api and set in state } return <> <label>Name</label><input id="name" name="name" /> <div>{state}</div> </> } Utility setup: The ...
1. I have attached a PDF design that needs to be coded as HTML and CSS 2. The only image field that the coded design should contain is the image for the logo 3. The footer (everything in the grey box at the bottom of the PDF) needs to be contained within a div with a class of `footer` and there should be a separate set of CSS
...(1099 INT) Dividends (1099 DIV) Misc (1099 MISC) Other (All other forms not recognized by OCR) Sub index of individual forms: Walmart W2 Ed Jones 1099R Etc etc Totals that are summed will be on 1st page followed by table of contents Save location before scanning, automatically save to that location when complete, allow user to continue scanning additional documents while software processes prior scan in the background View Recent Scans Allow user to Upload PDFs to be analyzed instead of scan for documents that have already been scanned Multi Upload with ability to select where each upload will be saved, then process Forms that need to be recognized: W2s (Several variations) 1099R (Several Variations) W2G (Several Variations) 1099 INT (Several Variations) 1099 Div (Several ...
I require an expert to design a HTML with an API compatible with OpenAI. The prima...HTML with an API compatible with OpenAI. The primary aim is to interpret user questions into an AI default prompt and exhibit AI-generated responses. Key Aspects: - Enabling of AI-generated responses: The platform should efficiently convert user-based queries into AI default prompts and showcase the responses from AI. - Custom Display Design: The AI responses will need to be displayed on styled div elements. This involves incorporating a neat, clean, and minimalistic design style. Ideal candidates should have experience in HTML, API integration, as well as a strong grasp of visual design aesthetics, with a specialty in a minimalistic and clean design. Familiarity with OpenAI would be a strong ...
...responsive and intuitive design for a trading website You will provide the responsive html page/pages for desktop and mobile There will be no inline css, only classes in html. You will provide the css file/files that contains the theme. Only html, css, bootstrap, jQuery (and if you want, Vue 2) is allowed. Don't use material or other frameworks. Don't use site builders, unreasonable extra css or htlm div elements are not acceptable. No javascript / logic is expected, but you have to show how each modal will look on desktop and on mobile. For mobile view the modals content can be shown as full screen page, if you think it looks better. Check the description below, if elements are missing from any view I can't accept/pay the job because adding elements means that ...
**Please do not ask me to pay you outside of freelancer & please don't use an AI generated proposal** This is a simple jQuery and Ajax/MySQL project. I have a list of <div> items which are ordered 1, 2, 3, etc. based on records in a MySQL database. I want to make the <div>s draggable so they can be re-ordered in a smooth drag and drop. Once a <div> is moved, the MySQL database is updated with the new ID of the DIV which corresponds with the position in the list. Potential for lots of future work.
Please see the attached screenshot. I have a stack of sortable <div>s which are pulled from a MySQL database. They are ordered from 1, 2, 3 onwards based on the ID number in the database. I would like to make it so that when you drag and drop the <div>, it updates the MySQL database with the new orders of the <div>s. This is basically a quick jQuery function with Ajax. Opportunities for further projects if well suited.
...model, and mileage. 4. *Status Indicators*: Make a div for each checklist item with three child divs inside, representing the colors red, yellow, and green. These will show the status of each item. 5. *Checklist Sections*: For brakes, tires, fluid levels, etc., set up a layout that matches the provided image, with spaces for labels and status colors. 6. *CSS Classes for Status Colors*: Define CSS classes .status-red, .status-yellow, .status-green to style the status indicators' background color. 7. *Responsiveness*: Ensure the layout is responsive and looks good on different screen sizes. 8. *Static Images*: The central images in the checklist boxes will be static and provided for use in the relevant sections. Each status indicator's div should have the abi...
...properly by adding a "box" element into their page, grabbing the tag ID of this box on the page, then using custom site code that injects our javascript and associated custom div tags dynamically after the page has loaded This works and the widget loads and functions properly. However, it only works when you go directly to the page with the widget on it. If you navigate to the page by clicking links through their site, it will not load. From what I understand, the problem is related to the way Wix loads as it's technically a single page, or at least it's something like that so the code we have to inject our custom javascript and div tags only works the first time the website loads is the page with the "box" element that we are using to dynamic...
...the cart items, aggregate the totals by collection, and then output the total count for each collection, as Liquid variables. Finally you'd display the numbers and the names of the collections by referencing the Liquid variables, something like (details and code below suggested by a Shopify Developer Staff): {% for collection_name, count in collection_counts %} <div>{{ count }} products from {{ collection_name }} collection</div> {% endfor %} Ideal Skills and Experience: - Proficiency in Shopify's CMS and platform. - Expertise in liquid template language and creating metafields. - Experience in JavaScript and any necessary front-end technologies to ensure smooth integration and functionality. - Strong problem-solving skills to implement the requir...
I'm seeking a proficient CSS expert with a strong focus on responsive design and CSS optimization. My project centers around enhancing a specific part of my website to ensure it meets contemporary standards for responsiveness and visual appeal. **Key Requirements:** - **Responsive Design Implementation:** The core task involves applying flexbox CSS to make a centered div element responsive. This div has a max width of 500px, and needs to shrink proportionally with the resizing of the browser window, ensuring a consistent experience across various device sizes. **Ideal Skills and Experience:** - **Proficiency in CSS & HTML:** Expert-level understanding of CSS3 and HTML5 is a must, with particular emphasis on the Flexbox model. - **Responsive Web Design:** Demonstra...
1. As the owner of my company, I seek a skilled professional for a crucial integration task. - I require integration of Vendor Management System A (VMS A) into Applicant Tracking System 1 (ATS 1). - The key functionality to be attained through this integration is the parsing of contract-based job orders from VMS A to ATS 1. - Proficiency in VMS A, ATS 1, and data parsing are ...to do a DNS Entry, please see attached file. 3. I need to link this embedded script to my site: so any jobs added in my ATS is displayed on my site career portal. <script type="text/javascript" src="" data-ceipal-api-key="K2hhZ2JZNXI5WmVHenVRb2RjM1FpUT09" data-ceipal-career-portal-id="Z3RkUkt2OXZJVld2MjFpOVRSTXoxZz09"></script><div id="example-...
...latest versions (2.303.2 or newer), who can help resolve error messages that occur during the operation of the Git plugin. Here are the specific details and requirements for this job: - **Plugin Involved**: Git plugin ============================ ERROR ============================ -There were errors checking the update sites: Signature verification failed in update site 'default' </div><div><a href='#' class='showDetails'>(show details)</a><pre style='display:none'>: NotAfter: Thu Jun 01 17:13:16 AEST 2023<br> at ()<br> at ()<br> at
I require a skilled HTML developer to create a form. This form should use HTML Table and DIV tags to display specific data from an array derived from a MySQL database. The following details are required: - Specific data fields to be displayed from the array: Name, Email, Phone number. - There's no need for database connection, just the form design. - The data will be displayed through a HTML table, with specific titles in two languages: Arabic (Right-to-Left) and English (Left-to-Right). A suitable freelancer for this project is someone who has experience working with HTML, especially with multilingual projects. You should also understand how data is retrieved and stored within an array which is derived from MySQL, although no actual database connection is to be made for this...
...id_currency = 1. + IMPORTANTE: Los archivos que contienen el html de las miniaturas de producto, ya existen, no hay que crearlos. + Mostrar en el navegador el html de todos los productos que resulten de la consulta, uno al lado de otro, dentro de un div contenedor. Adjunto imagen de ejemplo de miniaturas de productos. + Para mostrar el html, debe hacerse dentro de un archivo con extensión .tpl o archivo de smarty, que tendrá el div contenedor en el que se mostrarán los productos, que en primera instancia se cargarán directamente dentro de ese div, filtrados por una categoría principal. La categoría principal se obtiene con la siguiente línea de código: $id_category = Tools::getValue(‘id_category&rsq...
...by adding a "box" element into their page, grabbing the tag ID of this box on the page, then using custom site code that injects our javascript and associated custom div tags dynamically after the page has loaded This works and the widget loads and functions properly. However, it only works when you go directly to the page with the widget on it. If you navigate to the page by clicking links through their site, it will not load. From what I understand, the problem is related to the way Wix loads as it's technically a single page, or at least it's something like that so the code we have to inject our custom javascript and div tags only works the first time the website loads is the page with the "box" element that we are using to dynamically...
...within a website, it should be easy as the following steps Place JavaScript Code: Copy and paste the following JavaScript code snippet just before the closing </body> tag in your website's HTML code: html <script> // Chat plugin initialization code goes here </script> Add HTML Container: Insert a <div> element with a unique ID where you want the chat plugin to appear on your website. You can place this <div> element anywhere within the body of your HTML code: html <div id="chat-container"></div> Real-time Communication: Implement real-time communication between website visitors and support agents using WebSocket technology. AWS Integration: Utilize AWS services, including AWS WebSocket API, Spring Bo...
Create a plugin called SSC A) Frontend On the frontend, the plugin will provide the possibility to use a shortcode configured as follows: [SSC country="global"] This shortcode will simply display the static HTML "<div>global</div>"; B) Backend Admin On the admin side, it will have the following menu items: b1) Configuration b2) Translations b3) Update b4) Promotions b5) Call History First Installation The workflow involves that upon first execution, the plugin will check for the existence of a table in the database called "wp_ssc_catalogs"; otherwise, it will execute the script "create_db.sql." Let's describe the functions of each backend point: b1) Configuration Panel with the possibility to select, set, and save ...
I am seeking a skilled web developer to resolve specific responsive design issues on my web page. **Issues to Address:** a). The page layout does not adjust correctly when viewed on mobile devices. Images not centring vertically in div as page resizes. b). . When page resizes we get a browser error "Error: Invalid minHeight" and "Error: Invalid Size" at certain resolutions in all browsers. Any width by 1115px high generates the error. **Ideal Skills and Experience:** - Strong expertise in responsive web design. - Ability to diagnose and fix layout adjustment issues. - Good communication skills to provide progress updates. **Project Timeline:** - I need these issues addressed as soon as possible.
...(Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36", "Accept-Language": "it-IT,it;q=0.9" } # Invia la richiesta HTTP response = (url, headers=headers) # Analizza la pagina HTML con Beautiful Soup soup = BeautifulSoup(, '') # Trova gli elementi della pagina contenenti le recensioni reviews = ("div", {"data-hook": "review"}) # Crea liste vuote per i dati da estrarre review_ids = [] review_titles = [] review_texts = [] review_dates = [] review_ratings = [] # Estrai i dati dalle recensioni for review in reviews: (("id")) (("a", {"data-hook": "review-title"}).()) (("span", {"data-hook":
Hi there I need copy just one part of div, first column and to paste on Gmail message. I applied certain style and it is working if I copy from Firefox but it is not working if I copy from Chrome. I will tell you demo link so you can check.
As a project owner, I specifically require the development of a feature that seamlessly renders PDF files into an HTML div element on the client's browser without utilizing server-side rendering frameworks. - Implement the PDF rendering process with Node.js and jQuery. - The PDF should be viewable within a div element on the HTML page, achieving this through client-side JavaScript. - The final viewer should allow users to scroll through the PDF and zoom in and out. IDEAL FREELANCER SKILLS: - Proficiency in Node.js - Experience with jQuery - Expertise in client-side JavaScript - Familiarity with PDF rendering libraries (e.g., ) - Understanding of user interaction with in-browser PDFs - Capability to produce clean and responsive UI elements What I am looking for: - A fr...
...formulas. My spreadsheet is integral to my work, and I'm encountering issues that are affecting my workflow. - **Problems Encountered:** - Encountering errors with INDEX and VLOOKUP functions. - Receiving incorrect lookup values. - Dealing with incorrect range or table references that are causing calculation mistakes. - **Project Requirements:** - Quickly identify and resolve the #VALUE! and #DIV/0! errors. - Adjust or rewrite the problematic formulas to produce accurate calculation results. - **Ideal Freelancer:** - In-depth experience with advanced Excel functions, especially INDEX and VLOOKUP. - Strong problem-solving skills with a keen attention to detail. - Capacity to deliver quick turnaround without compromising accuracy. Please include your previo...
I'm testing an application and I have a little issue with a Javascript function. A very small issues I must create a function that show a DIV and wait that the user click on it
I need an experienced web developer who is proficient in HTML to devise and implement a DIV menu for my website. The menu should be placed in the footer of the site and feature five main categories. I have a fully functioning website with bootstrap layout, I want the new mobile menu to be at the bottom of the page rather than the top of the page
I am looking for javascript function or functions, which will let me do the following:) - open a fullscreen google map with my own points (specified as GPS coordinates) - the points will have custom icons - the map wi...out on page load, so all points are visible on the map automatically - when a point is clicked, a white box is displayed with custom HTML in it. Then when I click somewhere else in the map, the white box will disappear My points will be provided as a javascript array, like this: var points={} points[0]={ x:14.572433697, y:50.158744112, htmlcode:'<div>aaa</div>', icon: ''}; points[1]={ x:12.8817558, y:50.2234636, htmlcode:'<div>bbb</div>', icon: ''}; // ... etc If I need specific g...
Check a notification html code and push admin notification I need to fix an HTML already deployed on the website that has a bug - it needs to be integrated with the CSS and JS code; create a push page in the browser - I have the template code to place. just need to install. and put a Screenshot code in a DIV
...silicone melding bar & instructions for custom fitting in five minutes. Lead and nickel free. Unisex design Comes with a silicone bar with manuals for custom-fitted Grillz in five minutes. Premade Ready To Sh Its indenting, but the bullets aren't show up/. The theme is Unsen v1.6 theme The tabs were added using this code in Custom Html block. </div> <div id="tab-3" class="tabcontent-cus "> {{ }} </div> <style> .tab-customize { overflow: hidden; border: 1px solid #ccc; background-color: #000000; } .tab-customize button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px 12px 12 x; transition: 0.3s; font-siz...
... Please fix the design bugs (except main page) and add the attachment cart component (by adobe XD). Every page is a component and that will be imported to main page. And please the new item design put it the new-item component. You can generate new component: ionic generate component components/new-item In the CSS please modification this: If have this structure: <div class="testDiv"> <span class="testSpan"></span> </div> You must use this CSS structure: .testDiv{ width: 100%; (example) .testSpan{ width: 50%; (example) } } Please don't use ion-input's like that: <ion-label for="input">Category</ion-label> <input placeholder="Select Category" id="input&...
I have a div with a CSS box-shadow applied to it. The box-shadow always appears correctly in Firefox and Chrome. But it does not appear correctly in Safari when 1) there's an image behind it, AND 2) page is first loaded. But if the image is hidden and re-displayed, the box-shadow works. Here's the page: Need help with fixing this problem. ** The box shadow should work upon page load **. Please tell me what code needs to be changed. Thanks for reading!
...'redirect' => $redirect_url, // URL to redirect the customer for payment ); } public function payment_fields() { // Display payment fields such as credit card info or other required info // ... // Example: You can use WooCommerce form fields to capture payment information echo '<div id="custom-payment-gateway-form">'; // Display fields here echo '</div>'; } public function validate_fields() { // Validate payment fields submitted by the customer // Implement validation logic // ... // Example validation: if (empty($_POST['custom_field...
I am in search of an i...effective Python programming which runs as cloud function (aws lambda , GCP function) (mean just an individual program on AWS cloud, this function will be invoked by the AWS API gateway. In other words, we will have REST API which will take JSON object as an input and call the Python function by sending the JSON object as an input.) 2. JSON object will have name, URL, direct page url, class id, DIV tag ID..etc (which we need crawl the page and retrieve the values defined in the page). a. Sometimes we will have array URL’s and tags for the same URL with different links. We need to crawler few pages and capture the values for each page in JSON object. 3. Once we have the final JSON object, we need to call another REST API by sending final JSON object as ...
I am in need of an experienced web designer to help replace one image on a web page. The page is Bootstrap/JQuery and we use SSL to upload files. The page with about 6 div sections. The top div (under the menu) contains one big SVG image that has a (text) list and 3 smaller images. Because it is an SVG image, it resizes by percent and not like the other CSS sections so it looks odd. I would like it converted to 3 images and HTML text so that it looks the same BUT behaves like the other css/html page sections where the images scale and move as needed depending on the screen/window size. I will give you the three images and the text. Thanks
Colors - white and blue , Bootstrap 5.3 based 1. Login 2. A page to show records. There will be total 3 columns. There will be a button with each record, upon clicking will show 4 fields in modal div. We need search criteria on the basis of two date fields and one textbox 5. Logout button and place for logo We don't want readymade designs
I'm seeking a proficient Laravel developer who could efficiently update both text and div contents on my PHP project. The crucial factor here is that the design needs to remain unchanged while the content is updated. Additionally, product or service pages of the web application require image updation. Skills and Experience Required: - Proficient in Laravel and PHP - Proven experience in web content management - Understanding of User Interface design - Experience with image manipulation software for the image updates - A keen eye for detail to ensure design integrity while conducting updates - Ability and experience working with product or service pages.
Colors - white and blue , Bootstrap 5.3 based 1. Login 2. A page to show records. There will be total 3 columns. There will be a button with each record, upon clicking will show 4 fields in modal div. We need search criteria on the basis of two date fields and one textbox 5. Logout button and place for logo We don't want readymade designs
Colors - white and blue , Bootstrap 5.3 based 1. Login 2. A page to show records. There will be total 3 columns. There will be a button with each record, upon clicking will show 4 fields in modal div. We need search criteria on the basis of two date fields and one textbox 5. Logout button and place for logo We don't want readymade designs
...one-start bid rating). * Here is the the project details list for this script: # SCRIPT - FUNCTIONALITY -> 1. If an Ad Unit is being clicked X times in X period of time by a IPv4/IPv6 address, then the script should remove the Ad Unit(s) for that IPv4/IPv6 address for X duration of time. 2. Must work with Ads that are loaded in an HTML iFrame element (for example AdSense). And should also remove the DIV with the parent ID “ad_unit_*” on a current live page and in the page rendering phase for the blocked Ad Units. 3. Has to detect a touch screen click and the left and right mouse click onto an Ad Unit. 4. Should automatically purge the old database entries. 5. A possibility to set a MySQL Table Prefix in the "" or "" file of the script. 6. Sup...
I need a proficient web developer to help correct alignment issues and fix a broken layout on a single page of my website, built on HTML/CSS Bootstrap. The elements on the page aren't properly aligned and certain sections are not displaying correctly. As this impacts the user experience on my website, I would appreciate a rapid turnaroun...and Bootstrap - Have demonstrable experience fixing alignment issues and restoring broken layouts - Be able to work under tight deadlines to deliver results ASAP Cheers to the fantastic web developers out there. Please get in touch if you can apply your skills and experience to rectify these issues quickly. Please look at the file attachment so you understand this is a <div> and a single Image & some text inside the div ...
Colors - white and blue , Bootstrap 5.3 based 1. Login 2. A page to show records. There will be total 3 columns. There will be a button with each record, upon clicking will show 4 fields in modal div. We need search criteria on the basis of two date fields and one textbox 5. Logout button and place for logo We don't want readymade designs
I need a skil...skilled PHP/JS/HTML developer to work on an existing form with unique functionalities. Specifically, it should have dynamic form elements and certain features like "show div hide div" depending on previous choices made in the form. URL click on one of the pay button for 10 click on AMEX, on clicking it should show credit cards fields, card number, exp date, csc field click on visa will hide the fields. Ideal Skills and Experience: - Expertise in PHP, JavaScript, and HTML Requirements: - Create and integrate a functionality for showing and hiding div elements Time Frame: The project completion is required as soon as possible. Therefore, a developer who can prioritize this task will be highly desirable.
We need an html page bootstrap 5.3 based to show list of records. List will show pagination things space for search fields like textboxes, dropdown etc There will be 2 or three buttons in each record. one of them will open modal div navbar to show logo, menu bars and option for logout etc
Login to Go to the module assigned, and under each video for that module, follow the steps below 1. Click video 1 2. View-source (or add view-source: in front of url) 3. Look for wistia_******” 4. Copy the ****** 1. ex: <div id="wistia_aecxtn7jm6" 1. Copy: aecxtn7jm6 5. Go to > *PASTE THE ID* 1. ex. 6. View-source (or add view-source: in front of url) 7. Search “.bin” 1. Copy first .bin URL 8. Paste the .bin URL into a new tab 1. Click the three dots in lower right corner, select download 9. Go to: 1. Drop the downloaded file in the upload section 2. Under settings for video, Select video codec: mpeg4
Want to learn HTML? We've compiled a cheat sheet for you to make the learning process much easier!