Skip to content

Instantly share code, notes, and snippets.

@codecademydev
Created Sep 27, 2020
Embed
What would you like to do?
Codecademy export
<!DOCTYPE html>
<html lang="eng">
<head>
<meta charset="UTF-8">
<title>First a Project on Codecademy</title>
<link href="https://fonts.googleapis.com/css2?family=Secular+One&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h3><div class="logo">Codecademy is</div><br>The Best Learning</h3>
</header>
<table class="table">
<thead>
<tr>
<th>NUMBER</th>
<th>NAME</th>
<th>Specialization</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Muhammad</td>
<td>Web Developer</td>
</tr>
<tr>
<td>2</td>
<td>Joan</td>
<td>Data Base</td>
</tr>
<tr>
<td>3</td>
<td>Maria</td>
<td>Web Dsigner</td>
</tr>
<tr>
<td>4</td>
<td>Georg</td>
<td>Photographer</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3">This My Team</td>
</tr>
</tfoot>
</table>
</body>
</html>
body {
padding: 0;
margin: 0;
}
header h3{
background-color: darkslategray;
padding: 30px ;
margin: 0 auto 50px 0;
text-align: center;
color: gold;
font-family: 'Bangers', cursive;
font-size: 25px;
font-weight: bold;
letter-spacing: 3px;
line-height: 15px;
}
.logo {
color: lightcoral;
line-height: normal;
margin: 0;
padding: 0;
}
.table thead tbody tr, td, th {
padding: 20px;
margin: 30px;
border: 1px solid #000;
text-align: center;
font-family: 'Secular One', sans-serif;
}
.table {
border-collapse: collapse;
margin: 0 auto;
}
tfoot tr td {
text-align: center;
padding: 10px;
color: maroon;
letter-spacing: 5px;
font-weight: bold;
font-size: 25px;
}
thead tr {
background-color: palegoldenrod;
}
tbody tr {
background-color: lightgreen
}
tbody tr td {
color: darkgreen
}
tfoot tr {
background-color: darkkhaki
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment