0% found this document useful (0 votes)
67 views

Code

The document is an HTML page describing what ethical hacking is. It contains headings, paragraphs of text, and links to other pages on topics like programs, masterclasses, events and degrees. The page has a header section with navigation links and a title section with the main heading "What is Ethical Hacking?" and a paragraph explaining that ethical hacking is a respected program that trains people to work in cybersecurity for companies in industries like healthcare, finance and government.

Uploaded by

Calyx B
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
67 views

Code

The document is an HTML page describing what ethical hacking is. It contains headings, paragraphs of text, and links to other pages on topics like programs, masterclasses, events and degrees. The page has a header section with navigation links and a title section with the main heading "What is Ethical Hacking?" and a paragraph explaining that ethical hacking is a respected program that trains people to work in cybersecurity for companies in industries like healthcare, finance and government.

Uploaded by

Calyx B
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 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