freeCodeCamp product landing page exercise ( not optimized for …
Luendel Andrade
Web Designer
Frontend Engineer
Web Developer
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
<meta charset="utf-8">
5
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6
<title>Product Landing Page</title>
7
<link
8
rel="stylesheet"
9
href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
10
integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf"
11
crossorigin="anonymous"
12
/>
13
<link rel="stylesheet" href="styles.css"/>
14
</head>
15
<body>
16
<div class="main">
17
<div class="main-header">
18
<header id="header">
19
<img
CSS
1
@import 'https://fonts.googleapis.com/css?family=Lato:400,700';
2
3
html{
4
font-family:"Lato",sans-serif;
5
font-size:10px;
6
}
7
8
*{
9
padding:0;
10
margin:0;
11
box-sizing:border-box;
12
}
13
14
body {
15
background-color:#eee;
16
}
17
18
a {
19
color:#000;
20
text-decoration:none;
