1. Create HTML and CSS codes to produce the below output. 2. Specific requirements:- • Create headings, input text boxes and text area (with the appropriate placeholders) and submit button Set suitable width, height, margin and padding. • All of the boxes and button have rounded corners. • Use font Arial. • Use hexadecimal code #66B032 for the green heading. • Use hexadecimal code #092834 for the dark blue Submit button and placeholder text colour.

1. Create HTML and CSS codes to produce the below output. 2. Specific requirements:- • Create headings, input text boxes and text area (with the appropriate placeholders) and submit button Set suitable width, height, margin and padding. • All of the boxes and button have rounded corners. • Use font Arial. • Use hexadecimal code #66B032 for the green heading. • Use hexadecimal code #092834 for the dark blue Submit button and placeholder text colour.

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter2: Getting Started With Css: Designing A Website For A Fitness Club

Section: Chapter Questions

Problem 6RA

See similar textbooks

Similar questions

1. Copy the act15.html and act15.css codes. Download the logo.2. Modify the HTML document and place an internal JavaScript to validate the input of the user. See the attached image for further instructions. <html> <head> <title>WEBDEV INC. LOG-IN PAGE</title> <link rel="stylesheet" href="act15.css"> <script> <!--Place your JavaScript codes here, and remove this comment! --!> </script> </head> <body> <header>Welcome!</header> <div class="bg1"></div> <div class="bg2"></div> <div class="main"> <center class="logoGroup"> <img class="logo" src="logo.png"> <br>WEBDEV INC. </center> <center class="login"> <form> <table> <tr> <td>Name: </td>…
Create another HTML File with YourNameReqgNoJavaScript.html (Add this step screen shot too). Design the form and show the output as shown below (using table, text fields, buttons, radio buttons and formatting tags). Also define External CSS file and apply CSS to all the Text Fields, Buttons and Lables. Ask User to enter Name, Reg No, Obtain and Total Marks. When User Presses the Calculate Grade Button, then Percentage should be computed and displayed in Text field against percentage label. Finally, based on the Percentage compute the Grade and show in the Grade Text field. Using JavaScript, write code to calculate the percentage and when user clicks the Submit button then following output should be printed in Browser. When User Clicks the Clear button all the field text should be cleared. Also, include the following Checks/Validations Student Name only contain Alphabets, Numeric value can not be entered in this filed Student Name must be atleast 5 Characters in length Marks obt and…
Add a form on the checkout.html page that takes your name, email, phone number, and a credit card number. Use a regular expression to validate the email, phone number, and credit card. Existing code: checkout.html <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> img { width: 80px; height: auto; } </style> </head> <body> <div id="productsFromCart"> </div> <script> let items = localStorage.getItem("myItems") ? JSON.parse(localStorage.getItem("myItems")) : []; items.forEach((element,index) => { let products = ""; products += "<div id='product" + element.id + "' class='card'>"; products += "<img src='" + element.image + "' />"; products += "<h1>" + element.name + "</h1>"; products += "<p class='price'>" + element.price + "</p>"; products += "<p>" + element.category +…
Please write the HTML, Javascript and CSS Files needed to get this result from the image.
I need to change this code so that there is no button, and the jackhammer animation starts as soon as the page loads. <!DOCTYPE html><html><head>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Unit 3 Graded Exercise 1</title></head><body> <h1>Michael Porter, JackhammerMan Exercise</h1> <img id="imgJackhammer" src="jackhammer0.gif" width="113" height="100" alt="Image of a man with a jackhammer."><br> <button onclick="startBouncing()">Start Bouncing</button> <script> var jackhammers = ["jackhammer0.gif", "jackhammer1.gif", "jackhammer2.gif", "jackhammer3.gif", "jackhammer4.gif", "jackhammer5.gif", "jackhammer6.gif", "jackhammer7.gif", "jackhammer8.gif", "jackhammer9.gif",…
Write an embedded CSS style rule between the style tags to change the background of a webpage to #009998. <head> <style type=”text/css”> </style> </head>
09.Need Write an HTML, CSS & JavaSript codes to produce Contact Form as captured below.Please make sure:1. Header alignment must be centred and colour must be #22AF9E (green). 2. Provide “Food” input box. 3. Provide “Clothes” input box. 4. Provide “Health kit” input box. 5. “Calculate” button color is gold and located in the middle..
Please go through HTML and CSS code to produce this result in the browser..
Please write the HTML and CSS codes in order to get this result. For the images just place any image
13- Create a webpage applying the new HTML 5 semantic elements and design using CSS based on the instructions given. Heading text : “Places to Visit in Oman” Navigation text : Opera House, National Museum Footer text : Best places to visit in Muscat Governorate a) Create Main with the following styles Set Border style to double Set Border width to 10px Set Border color as lime b) Create Header and footer with the following styles · Set background color as red · Set the text color as yellow · Set the font-size as 30px c) Create the navigation with the following styles · Set background color as blue · Set “opera.html” as the target ,when the text “Opera House” is clicked · Set “national.html” as the target ,when the text “National Museum” is clicked