codecademydev/index.html Secret

## index.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="Mustafa Kareem">
    <title>Programming Languages</title>
    <link href="styles.css" rel="stylesheet" type="text/css">
</head>

<body>
    <h1>Programming Languages to Learn 2021</h1>
    <table>
        <thead>
            <tr>
                <th scope="row">Name</th>
                <th scope="col">Top Use</th>
                <th scope="col">Rank<sup>
                        <a
                            href="https://stackoverflow.blog/2020/05/27/2020-stack-overflow-developer-survey-results/" target="_blank">[1]</a></sup></th>
                <th scope="col">Pros & Cons</th>
            </tr>
            <tbody>
                <tr>
                    <td>Python</td>
                    <td>IT</td>
                    <td>#3</td>
                    <td><ul>
                        <li class="pros">Easy high level language</li>
                        <li class="pros">Can be used in many different fields</li>
                        <li class="pros">Huge libraries</li>
                        <li class="cons">Slow Performance</li>
                    </ul></td>
                </tr>
                <tr>
                    <td>JavaScript</td>
                    <td>Web Development</td>
                    <td>#10</td>
                    <td><ul>
                        <li class="pros">Huge libraries</li>
                        <li class="pros">Fast</li>
                        <li class="cons">Bad Security, Anyone can read your code</li>
                    </ul></td>
                </tr>
                <tr>
                    <td>Go</td>
                    <td>Back End Development</td>
                    <td>#5</td>
                    <td><ul>
                        <li class="pros">Very fast language</li>
                        <li class="pros">Designed by Google for Web Developers</li>
                        <li class="pros">Modern Language</li>
                        <li class="cons">High Level Language with Low Level Features</li>
                        <li class="cons">It can be used only for Back-End Development</li>
                    </ul></td>
                </tr>
                <tr>
                    <td>Kotlin</td>
                    <td>Android Development</td>
                    <td>#4</td>
                    <td><ul>
                        <li class="pros">Stable, Bugless Language</li>
                        <li class="pros">Supports all java libraries</li>
                        <li class="pros">Its Java but simple one!</li>
                        <li class="cons">Not recommended to be first language to learn</li>
                    </ul></td>
                </tr>
                <tr>
                <td>Swift</td>
                <td>IOS Development</td>
                <td>#9</td>
                <td><ul>
                    <li class="pros">Easy and Fast language</li>
                    <li class="pros">Developed by Apple for ios developers</li>
                    <li class="cons">Limited Development Environment</li>
                </ul></td>
                </tr>
                <tr>
                    <td>Rust</td>
                    <td>System Development</td>
                    <td>#1</td>
                    <td><ul>
                        <li class="pros">Modern C++ Language!</li>
                        <li class="pros">Safe Language</li>
                        <li class="pros">Very Fast</li>
                        <li class="cons">Limited Libraries</li>
                    </ul></td>
                </tr>
            </tbody>
        </thead>
    </table>
</body>

</html>

## styles.css
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
body {
    background-color: rgb(35, 39, 53);
    color: rgb(238, 228, 228);
    word-spacing: 3px;
}
h1 {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    border-bottom: 1px solid gray;
    padding: 1em;
    margin-right: 25%;
    margin-left: 25%;
}
table {
    margin: auto;
}
thead th {
    font-size: 1.4em;
    border: 1px solid rgb(117, 117, 117);
    padding: 1em;
    font-family: Helvetica, Arial, sans-serif;
    background-color: rgb(177, 63, 63);
}
td {
    padding: 1.5em;
    font-size: 1.1em;
    border: 1px solid rgb(117, 117, 117);
    font-family: 'Roboto', sans-serif;
    text-align: center;
}
ul {
    list-style: none;
}
.pros::before {
    content: "◘ ";
    color: green;
    line-height: 1.3;
}
.cons::before {
    content: "➼ ";
    color: red;
    line-height: 1.3;
}
a:hover {
    color: rgb(1, 18, 80);
    font-size: 1.2em;
}
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="author" content="Mustafa Kareem">
	<title>Programming Languages</title>
	<link href="styles.css" rel="stylesheet" type="text/css">
	</head>

	<body>
	<h1>Programming Languages to Learn 2021</h1>
	<table>
	<thead>
	<tr>
	<th scope="row">Name</th>
	<th scope="col">Top Use</th>
	<th scope="col">Rank<sup>
	<a
	href="https://stackoverflow.blog/2020/05/27/2020-stack-overflow-developer-survey-results/" target="_blank">[1]</a></sup></th>
	<th scope="col">Pros & Cons</th>
	</tr>
	<tbody>
	<tr>
	<td>Python</td>
	<td>IT</td>
	<td>#3</td>
	<td><ul>
	<li class="pros">Easy high level language</li>
	<li class="pros">Can be used in many different fields</li>
	<li class="pros">Huge libraries</li>
	<li class="cons">Slow Performance</li>
	</ul></td>
	</tr>
	<tr>
	<td>JavaScript</td>
	<td>Web Development</td>
	<td>#10</td>
	<td><ul>
	<li class="pros">Huge libraries</li>
	<li class="pros">Fast</li>
	<li class="cons">Bad Security, Anyone can read your code</li>
	</ul></td>
	</tr>
	<tr>
	<td>Go</td>
	<td>Back End Development</td>
	<td>#5</td>
	<td><ul>
	<li class="pros">Very fast language</li>
	<li class="pros">Designed by Google for Web Developers</li>
	<li class="pros">Modern Language</li>
	<li class="cons">High Level Language with Low Level Features</li>
	<li class="cons">It can be used only for Back-End Development</li>
	</ul></td>
	</tr>
	<tr>
	<td>Kotlin</td>
	<td>Android Development</td>
	<td>#4</td>
	<td><ul>
	<li class="pros">Stable, Bugless Language</li>
	<li class="pros">Supports all java libraries</li>
	<li class="pros">Its Java but simple one!</li>
	<li class="cons">Not recommended to be first language to learn</li>
	</ul></td>
	</tr>
	<tr>
	<td>Swift</td>
	<td>IOS Development</td>
	<td>#9</td>
	<td><ul>
	<li class="pros">Easy and Fast language</li>
	<li class="pros">Developed by Apple for ios developers</li>
	<li class="cons">Limited Development Environment</li>
	</ul></td>
	</tr>
	<tr>
	<td>Rust</td>
	<td>System Development</td>
	<td>#1</td>
	<td><ul>
	<li class="pros">Modern C++ Language!</li>
	<li class="pros">Safe Language</li>
	<li class="pros">Very Fast</li>
	<li class="cons">Limited Libraries</li>
	</ul></td>
	</tr>
	</tbody>
	</thead>
	</table>
	</body>

	</html>
	@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}
	body {
	background-color: rgb(35, 39, 53);
	color: rgb(238, 228, 228);
	word-spacing: 3px;
	}
	h1 {
	text-align: center;
	font-family: 'Roboto', sans-serif;
	border-bottom: 1px solid gray;
	padding: 1em;
	margin-right: 25%;
	margin-left: 25%;
	}
	table {
	margin: auto;
	}
	thead th {
	font-size: 1.4em;
	border: 1px solid rgb(117, 117, 117);
	padding: 1em;
	font-family: Helvetica, Arial, sans-serif;
	background-color: rgb(177, 63, 63);
	}
	td {
	padding: 1.5em;
	font-size: 1.1em;
	border: 1px solid rgb(117, 117, 117);
	font-family: 'Roboto', sans-serif;
	text-align: center;
	}
	ul {
	list-style: none;
	}
	.pros::before {
	content: "◘ ";
	color: green;
	line-height: 1.3;
	}
	.cons::before {
	content: "➼ ";
	color: red;
	line-height: 1.3;
	}
	a:hover {
	color: rgb(1, 18, 80);
	font-size: 1.2em;
	}