<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>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.