Skip to content

Instantly share code, notes, and snippets.


codecademydev/index.html Secret

Created Jun 25, 2020
What would you like to do?
Codecademy export
<!DOCTYPE html>
<link href="" rel="stylesheet">
<link href="styles.css" rel="stylesheet" type="text/css">
<title>Essential Oil Diffusers</title>
<h1>Best Essential Oil Diffusers <br> on the Market</h1>
<p class="description">
In here you'll have a chart of the best Essential Oil Diffusers I have tried so far, ranging from price, quality, and overall satisfaction!
<th>Product Name</th>
<td class="numero-1"><a href="" target="_blank"><img src=""></a></td>
<td>Everlasting Comfort Diffuser for Essential Oils</td>
<td>Great <br> Satisfaction</td>
<td class="numero-2"><a href="" target="_blank"><img src=""></a></td>
<td>ASAKUKI 500ml Premium, Essential Oil Diffuser</td>
<td>So-So <br> kind of an ugly shape</td>
<td>Alright <br> Satisfaction</td>
<td class="numero-3"><a href="" target="_blank"><img src=""></a></td>
<td>Diffuserlove Ultrasonic Cool Mist Essential Oil Diffuser </td>
<td>Dig the design <br> Satisfaction</td>
<td class="numero-4"><a href="" target="_blank"><img src=""></a></td>
<td>URPOWER 2nd Version Essential Oil Diffuser</td>
<td>Feels Plasticky</td>
<td>Would not buy it<br> Too Ugly</td>
<p class="foot">Designed by: Percy Vasquez</p>
<p class="foot">Contact:</p>
<p class="foot">Address: Alexandria VA 22304</p>
body {
font-family: 'Open Sans Condensed', sans-serif;
background-color: rgba(0, 181, 204, 0.15);
header {
text-align: center;
text-transform: uppercase;
background-image: url("");
padding: 100px;
h1 {
padding: 10px;
background-color: rgba(0, 0, 0, 0.3);
color: white;
font-size: 50px;
.description {
text-align: center;
font-size: 30px;
padding: 40px 30px 0px;
table {
border-collapse: collapse;
margin: 80px 100px 100px;
table, td, th {
border: 1px solid black;
img {
height: 110px;
th {
font-size: 25px;
background-color: white;
td {
text-align: center;
padding: 20px;
font-size: 20px;
background-color: white;
footer {
text-align: center;
font-size: 18px;
width: 100%;
display: inline-block;
.foot {
width: 33%;
float: left;
height: 100%;
display: block;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment