Build A Product Landing Page
Build A Product Landing Page
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Product Landing Page</title>
<link
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville
%7CRaleway&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
/>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<header id='header'>
<img id='header-img' src='https://picsum.photos/200/300' />
<div id="footer">
<div id="services">
<div id="bottom">
<nav id='nav-bar'>
<a class='nav-link' href='#footer'>Features</a>
<a class='nav-link' href='#services'>How It Works</a>
<a class='nav-link' href='#bottom'>Pricing</a>
</nav>
</header>
<video id='video' src='https://youtu.be/y8Yv4pnO7qc'></video>
<form id="form" action='https://www.freecodecamp.com/email-submit'>
** end of undefined **
** start of undefined **
.body{
display:flex;
}
.product
max-width:400px;
width: 100%;
margin: 0 auto;
margin-bottom: 10px
}
header {
position: fixed;
top: 0px;
}
** end of undefined **