You are on page 1of 4

Html code

<!DOCTYPE html>

<html>

<head>

<title>What is Ethical Hacking?</title>

<link rel="stylesheet" type="text/css" href="css/style.css">

</head>

<body>

<header>

<div class="main">

<ul>

<li><a href="https://www.google.com/?
sa=X&ved=0ahUKEwjknfXm2s3tAhXzTxUIHZ07D1oQOwgC#sbfbu=1&pi=">About</a></li>

<li><a href="https://www.google.com/?
sa=X&ved=0ahUKEwjknfXm2s3tAhXzTxUIHZ07D1oQOwgC#sbfbu=1&pi=">Programs</a></li>

<li><a href="https://www.google.com/?
sa=X&ved=0ahUKEwjknfXm2s3tAhXzTxUIHZ07D1oQOwgC#sbfbu=1&pi=">MasterClass</a></li>

<li><a href="https://www.google.com/?
sa=X&ved=0ahUKEwjknfXm2s3tAhXzTxUIHZ07D1oQOwgC#sbfbu=1&pi=">Events</a></li>

<li><a href="https://www.google.com/?
sa=X&ved=0ahUKEwjknfXm2s3tAhXzTxUIHZ07D1oQOwgC#sbfbu=1&pi=">Degrees</a></li>

</ul>

</div>

<div class="title">

<h2 class="uheading">What is</h2> <br><br>

<h1 class="lheading">Ethical Hacking?</h1>

<p class="paragraph">The Certified Ethical Hacker (C|EH) credentialing and <br> provided by EC-
Council is a respected and trusted ethical <br>hacking program in the industry. Since the inception of <br> Certified Ethical
Hacher in 2003,the credential has become <br> one of the best options for industries and companies <br> across the
world. The C|EH exam is ANSI 17024 compliant, <br> adding value and credibility to credential members.It is <br> also
listed as a baseline certification in the US Department <br> of Defense (DoD) Directive 8570 and is a NSCS Certified <br>
Training.<br> <br> Today,you can find Certified Ethical Hackers working with <br> some of the finest and largest companies
across industries <br> like healthcare, financial, government, energy and much <br> more!</p>

</div>

</header>

</body>

</html>
STYLING CODE
*{

*{

margin: 0;

padding: 0;

font-family: Century Gothic;

header{

background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../6.jpg);

height: 100vh;

background-size: cover;

background-position: centre;

ul{

float: right;

list-style-type: none;

margin-top: 25px;

ul li{

display: inline-block;

ul li a{

text-decoration: none;

color: #fff;

padding: 5px 20px;

border: 1px solid transparent;


transition: 0.6s ease;

ul li a:hover{

background-color: #fff;

color: #000;

.title{

position: absolute;

top: 20%;

left: -0.0625%;

color: #fff;

text-align: left;

margin-left: 20px;

.title h2.uheading{

font-size: 60px;

width: auto;

height: auto;

margin-top: -60px;

font-weight: 500;

.title h1.lheading{
font-size: 100px;

width: auto;

height: auto;

margin-top: -50px;

font-weight: 500;

.title p.paragraph{

padding-right: 500px;

You might also like