codecademydev/index.html Secret

## index.html
<!DOCTYPE html>
<html>

  <head>
    <title>Cheat Sheet's Project</title>
    <link type="text/css" rel="stylesheet" href="styles.css">

  </head>
  <body>
    <header>
      <nav id="navBar">
        <ul>
          <li> <a href="http://www.codeCademy.com" target="_blank"> CodeCademy</a></li>
          <li> About me </li>
        </ul>
      </nav>
      <h1> Cheat Sheet </h1>
      <hr>
      <p> This project is a good challenge to examine your HTML and CSS knowledge.</p>
    </header>
    <main>
      <table border="1">
        <thead>
          <tr>
            <th scoope="col"> html Element </th>
            <th scoope="col"> Description </th>
            <th scoope="col"> Source </th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <th scoope="row"> p </th>
            <td>This element defines a paragraph of text. It is a block-level element and always starts on a new line.</td>
            <td><a href="https://www.w3docs.com/learn-html/html-p-tag.html"> link </a></td>
            </tr>
          <tr>
            <th scoope="row"> a </th>
            <td>This element defines a hyperlink, which is used to link from one page to another.</td>
            <td><a href="https://pearanalytics.com/how-to-write-a-header-tag-h1-for-seo/"> link </a></td>
          </tr>
          <tr>
              <th scoope="row"> h1 </th>
              <td>This element will usually be the title of a post, or other emphasized text on the page.</td>
              <td><a href="https://www.w3schools.com/tags/tag_a.asp"> link </a></td>
          </tr>
       </tbody>
       </table>
    </main>


  </body>
</html>

## styles.css
body{
 background: linear-gradient(90deg, #A04474 10%, #2980b9 90%);
}
h1{
  text-align:center;
  color:azure;
  font-family:arial;
  font-size:30px;
  font-weight:normal;
}

p{
  font-family:Georgia;
  font-size:20px;
  font-weight:normal;
}

table{
  background:white;
  font-family:Courier;
  font-size:15px;
  font-weight:normal;
  border-collapse: collapse;
  border:2px solid black;
  padding:0.5rem;
}


th{
  text-align:center;
}


li{
  list-style:none;
}

#navBar{
  text-align:center;
  background-color:white;
  opacity:0.75;
}

.theadrow{
  background-color:red;
}
	<!DOCTYPE html>
	<html>

	<head>
	<title>Cheat Sheet's Project</title>
	<link type="text/css" rel="stylesheet" href="styles.css">

	</head>
	<body>
	<header>
	<nav id="navBar">
	<ul>
	<li> <a href="http://www.codeCademy.com" target="_blank"> CodeCademy</a></li>
	<li> About me </li>
	</ul>
	</nav>
	<h1> Cheat Sheet </h1>
	<hr>
	<p> This project is a good challenge to examine your HTML and CSS knowledge.</p>
	</header>
	<main>
	<table border="1">
	<thead>
	<tr>
	<th scoope="col"> html Element </th>
	<th scoope="col"> Description </th>
	<th scoope="col"> Source </th>
	</tr>
	</thead>
	<tbody>
	<tr>
	<th scoope="row"> p </th>
	<td>This element defines a paragraph of text. It is a block-level element and always starts on a new line.</td>
	<td><a href="https://www.w3docs.com/learn-html/html-p-tag.html"> link </a></td>
	</tr>
	<tr>
	<th scoope="row"> a </th>
	<td>This element defines a hyperlink, which is used to link from one page to another.</td>
	<td><a href="https://pearanalytics.com/how-to-write-a-header-tag-h1-for-seo/"> link </a></td>
	</tr>
	<tr>
	<th scoope="row"> h1 </th>
	<td>This element will usually be the title of a post, or other emphasized text on the page.</td>
	<td><a href="https://www.w3schools.com/tags/tag_a.asp"> link </a></td>
	</tr>
	</tbody>
	</table>
	</main>








	</body>
	</html>
	body{
	background: linear-gradient(90deg, #A04474 10%, #2980b9 90%);
	}
	h1{
	text-align:center;
	color:azure;
	font-family:arial;
	font-size:30px;
	font-weight:normal;
	}

	p{
	font-family:Georgia;
	font-size:20px;
	font-weight:normal;
	}

	table{
	background:white;
	font-family:Courier;
	font-size:15px;
	font-weight:normal;
	border-collapse: collapse;
	border:2px solid black;
	padding:0.5rem;
	}


	th{
	text-align:center;
	}


	li{
	list-style:none;
	}

	#navBar{
	text-align:center;
	background-color:white;
	opacity:0.75;
	}

	.theadrow{
	background-color:red;
	}