A Pen by Marten Karl

Thumbnail
This awesome code was written by MGK_888, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright MGK_888 ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  Marten Karl</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <html>
<head>
  <title>Test</title>
  <link rel="stylesheet" type="text/css" href="Test.css">
</head
<body>
<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td> 
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
</table>
<h1>Hello</h1>
  
</body>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/MGK_888/a-pen-by-marten-karl-dZJVWJ */
@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed|Spectral+SC');
@import url('https://fonts.googleapis.com/css?family=Libre+Barcode+39+Text|Raleway');

body {
  background-color: black;
}

table {
  color: white;
}

th {
  width: 10rem;
  font-family: 'Raleway', sans-serif;
}

th:hover {
  background-color: grey;
  color: white;
  transition: 0.5s;
}

td {
  font-family: 'Barlow Semi Condensed', sans-serif;
}

td:hover {
  color: red;
  transition: 0.5s;
}

h1 {
  margin: 0px;
  color: white;
  font-size: 20rem;
  font-family: 'Libre Barcode 39 Text', cursive;
}


/*
font-family: 'Raleway', sans-serif;
font-family: 'Libre Barcode 39 Text', cursive;
*/

Comments