Academic Integrity: tutoring, explanations, and feedback — we don’t complete graded work or submit on a student’s behalf.

<div class=\"container\"> <form id=\"contact\" action=\"\" method=\"post\"> <h3

ID: 3889713 • Letter: #

Question

<div class="container">
<form id="contact" action="" method="post">
    <h3 align="center">Get in <span class="name">Touch with us</span></h3>
    <h4 align="center">Lorem ipsum is simply dummy text of the printing and typesetting industry.</h4>
    <fieldset>
      <label for="subject">Your Name</label>
      <input placeholder="Enter your name" type="text" tabindex="1" required autofocus>
    </fieldset>
    <fieldset>
      <label for="subject">Email Address</label>
      <input placeholder="Enter Email Address" type="email" tabindex="2" required>
    </fieldset>
    <fieldset>
      <label for="subject">Mobile Number</label>
      <input placeholder="Enter your Number" type="tel" tabindex="3" required>
    </fieldset>
    <fieldset>
      <label for="subject">Message</label>
      <textarea placeholder="Enter your message" tabindex="5" required></textarea>
    </fieldset>
    <fieldset>
      <button name="Submit" type="submit" id="contact-submit" data-submit="...Sending">Send Message</button>
    </fieldset>
</form>
</div>

//css:

* {
   margin:0;
   padding:0;
   box-sizing:border-box;
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   -webkit-font-smoothing:antialiased;
   -moz-font-smoothing:antialiased;
   -o-font-smoothing:antialiased;
   font-smoothing:antialiased;
   text-rendering:optimizeLegibility;
}
body {
   font-family:"Open Sans", Helvetica, times new roman, sans-serif;
   font-weight:300;
   font-size: 12px;
   line-height:30px;
   color:black;
   background:black;
}

.container {
   max-width:100%;
   width:100%;
hight:100%
   margin:0 auto;
   position:absolute;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact textarea, #contact button[type="submit"] { font:30px 18px"Open Sans", Helvetica, times new roman, sans-serif; }

#contact {
   background:#ff5733;
   padding:50px;
   margin:10px 10;
}
span.name { color:blue;font-weight:100%;font-family:Times new roman;
font-size:30px }
#contact h3 {
color: back;
display: block;
   font-size: 30px;
   font-weight: 100%;
font-family:Times new roman;
}

#contact h4 {
   margin:5px 0 15px;
   display:block;
   font-size:20px;
font-weight:100%;
}
fieldset {
display:block;
   border: medium none !important;
   margin: auto;
font-size:16px;
   min-width: 400px;
   padding: 0;
   width: 400px;
font-family:Times new roman;
font-weight:100%;
}
input, label {
    display:block;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"],    width:50%;
   border:1px solid #CCC;
   background:#FFF;
   margin:0 0 5px;
   padding:10px;
}

#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
   -webkit-transition:border-color 0.3s ease-in-out;
   -moz-transition:border-color 0.3s ease-in-out;
   transition:border-color 0.3s ease-in-out;
   border:1px solid #AAA;
}

#contact textarea {
   height:100px;
   max-width:100px;
resize:both;
overflow:auto;
}
#contact button[type="submit"] {
   cursor:pointer;
   width:auto;
   border:none;
   margin:auto;
   padding:10px;
   font-size:15px;
font-family:times new roman;
}

ERRORS PLEASE SOLVE

Explanation / Answer

<!DOCTYPE html>
<html>
<head>

<style type="text/css">
* {
   margin:0;
   padding:0;
   box-sizing:border-box;
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   -webkit-font-smoothing:antialiased;
   -moz-font-smoothing:antialiased;
   -o-font-smoothing:antialiased;
   font-smoothing:antialiased;
   text-rendering:optimizeLegibility;
}

body {
   font-family:"Open Sans", Helvetica, times new roman, sans-serif;
   font-weight:300;
   font-size: 12px;
   line-height:30px;
   color:black;
   background:black;
}

.container {
   max-width:100%;
   width:100%;
hight:100%
   margin:0 auto;
   position:absolute;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact textarea, #contact button[type="submit"] { font:30px 18px"Open Sans", Helvetica, times new roman, sans-serif; }

#contact {
   background:#ff5733;
   padding:50px;
   margin:10px 10;
}
span.name { color:blue;font-weight:100%;font-family:Times new roman;
font-size:30px }
#contact h3 {
color: back;
display: block;
   font-size: 30px;
   font-weight: 100%;
font-family:Times new roman;
}

#contact h4 {
   margin:5px 0 15px;
   display:block;
   font-size:20px;
font-weight:100%;
}
fieldset {
display:block;
   border: medium none !important;
   margin: auto;
font-size:16px;
   min-width: 400px;
   padding: 0;
   width: 400px;
font-family:Times new roman;
font-weight:100%;
}
input, label {
    display:block;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"],    width:50%;
   border:1px solid #CCC;
   background:#FFF;
   margin:0 0 5px;
   padding:10px;
}

#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
   -webkit-transition:border-color 0.3s ease-in-out;
   -moz-transition:border-color 0.3s ease-in-out;
   transition:border-color 0.3s ease-in-out;
   border:1px solid #AAA;
}

#contact textarea {
   height:100px;
   max-width:100px;
resize:both;
overflow:auto;
}
#contact button[type="submit"] {
   cursor:pointer;
   width:auto;
   border:none;
   margin:auto;
   padding:10px;
   font-size:15px;
font-family:times new roman;
}
</style>
</head>

<body>
<div class="container">
<form id="contact" action="" method="post">
    <h3 align="center">Get in <span class="name">Touch with us</span></h3>
    <h4 align="center">Lorem ipsum is simply dummy text of the printing and typesetting industry.</h4>
    <fieldset>
      <label for="subject">Your Name</label>
      <input placeholder="Enter your name" type="text" tabindex="1" required autofocus>
    </fieldset>
    <fieldset>
      <label for="subject">Email Address</label>
      <input placeholder="Enter Email Address" type="email" tabindex="2" required>
    </fieldset>
    <fieldset>
      <label for="subject">Mobile Number</label>
      <input placeholder="Enter your Number" type="tel" tabindex="3" required>
    </fieldset>
    <fieldset>
      <label for="subject">Message</label>
      <textarea placeholder="Enter your message" tabindex="5" required></textarea>
    </fieldset>
    <fieldset>
      <button name="Submit" type="submit" id="contact-submit" data-submit="...Sending">Send Message</button>
    </fieldset>
</form>
</div>
</body>
</html>

Hire Me For All Your Tutoring Needs
Integrity-first tutoring: clear explanations, guidance, and feedback.
Drop an Email at
drjack9650@gmail.com
Chat Now And Get Quote