*Tell us what’s happening:
-
You should have a
form
element with anid
ofform
. -
Failed:You should have an
input
element with anid
ofemail
. -
Failed:Your
#email
should be a descendant of the#form
. -
Failed:Your
#email
should have theplaceholder
attribute with placeholder text. -
Failed:Your
#email
should use HTML5 validation by setting itstype
toemail
. -
Failed:You should have an
input
element with anid
ofsubmit
. -
Failed:Your
#submit
should be a descendant of the#form
. -
Failed:Your
#submit
should have atype
ofsubmit
. -
Failed:Your
#form
should have anaction
attribute ofhttps://www.freecodecamp.com/email-submit
. -
Failed:Your
#email
should have aname
attribute ofemail
.*
Describe your issue in detail here.
I am getting stuck here and confused about the hint
thank you so much
Your code so far
<!-- file: index.html -->
<header id="header">
<link rel="stylesheet" href="styles.css">
<h1>Liz<h1>
<img src="https://nationaltoday.com/wp-content/uploads/2022/05/69-Cate-Blanchett.jpg"
width="300px"
alt="photo"
border="0"
id="header-img">
<nav id="nav-bar">
<h1>
<u>Liz</u>
<a class="nav-link" href="#Profolio">Profolio</a>
<a class="nav-link" href="#shop">shop</a>
<a class="nav-link" href="#MyStory">MyStory</a>
</h1>
</nav>
</header>
<body>
<section id="Profolio"></section>
<section id="shop"></section>
<section id="MyStory">
<div id="astoryilove" align="left" >
<iframe
id="video"
width="560"
height="315"
align="right"
src="http://www.youtube.com"
frameborder="0"
allowfullscreen></frame>
<h3>Hi my name is Liz</h3>
<h2><i>it is nice to see everyone here.</i></h2>
</div>
</section>
</body>
<form id="form" action="https://www.freecodecamp.com/email-submit"/>
<input
id="email"
type="email"
name="email"
placeholder="what email do you like to responde?"
class="email"
required/>
</input>
<br>
<input
id="submit"
type="submit"
value="ask now"
class="submit"
required/>
</input>
</form>
/* file: styles.css */
@Media(max-width:500px)
{
body
{
flex-wrap: wrap;
}
}
header
{
top: 0px;
display: flex;
}
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.0 Safari/605.1.15
Challenge: Product Landing Page - Build a Product Landing Page
Link to the challenge: