1: Go open your text editor i.e(notepad++) and create an HTML file.
"HTML CODE"
<html>
<head>
<style>
@import url('https://fonts.googleapis.com/css?family=Press+Start+2P');
</style>
<link rel="stylesheet" href="css3.css">
</head>
<body style ="background-color: orange;">
<title> WIRED 2 TECH! FACTS</title>
<h2>WIRED 2 TECH! FACTS</h2>
<p2> www.wired2tech.org</p2>
<h3>_______________</h3>
<h1> LEARN TO CODE FOR THE WORKFORCE</h1>
<p1> WITH WIRED2TECH.ORG</P1>
</body>
</html>
<html>
<head>
<style>
@import url('https://fonts.googleapis.com/css?family=Press+Start+2P');
</style>
<link rel="stylesheet" href="css3.css">
</head>
<body style ="background-color: orange;">
<title> WIRED 2 TECH! FACTS</title>
<h2>WIRED 2 TECH! FACTS</h2>
<p2> www.wired2tech.org</p2>
<h3>_______________</h3>
<h1> LEARN TO CODE FOR THE WORKFORCE</h1>
<p1> WITH WIRED2TECH.ORG</P1>
</body>
</html>
2: Create a CSS file.
"CSS CODE"
h1{
color:gold;
-webkit-text-fill-color:gold;
-webkit-text-stroke-width:4px;
-webkit-text-stroke-color:black;
font-family: 'Press Start 2P', cursive;
}
h2{
color:green;
-webkit-text-fill-color:green;
-webkit-text-stroke-width:4px;
-webkit-text-stroke-color:black;
font-family: 'Press Start 2P', cursive;
}
p2{
color:gold;
-webkit-text-fill-color:black;
-webkit-text-stroke-width:1px;
-webkit-text-stroke-color:blue;
font-family: 'Press Start 2P', cursive;
}
p1{
color:gold;
-webkit-text-fill-color:gray;
-webkit-text-stroke-width:2px;
-webkit-text-stroke-color:black;
font-family: 'Press Start 2P', cursive;
}
body{
border-style: solid;
border-width: 20px;
border-color: black;
text-align:center;
color;black;
background:black;
padding:60px;
font-family: 'Press Start 2P', cursive;
font-size:62px;
margin-top:83px;
}
"NOTICE THE FONT USED IN THIS PROJECT (Press Start 2P)WAS OBTAINED FROM (Google Fonts) AND IS LICENSED UNDER THE (OPEN FONT LICENSE)
"CSS CODE"
h1{
color:gold;
-webkit-text-fill-color:gold;
-webkit-text-stroke-width:4px;
-webkit-text-stroke-color:black;
font-family: 'Press Start 2P', cursive;
}
h2{
color:green;
-webkit-text-fill-color:green;
-webkit-text-stroke-width:4px;
-webkit-text-stroke-color:black;
font-family: 'Press Start 2P', cursive;
}
p2{
color:gold;
-webkit-text-fill-color:black;
-webkit-text-stroke-width:1px;
-webkit-text-stroke-color:blue;
font-family: 'Press Start 2P', cursive;
}
p1{
color:gold;
-webkit-text-fill-color:gray;
-webkit-text-stroke-width:2px;
-webkit-text-stroke-color:black;
font-family: 'Press Start 2P', cursive;
}
body{
border-style: solid;
border-width: 20px;
border-color: black;
text-align:center;
color;black;
background:black;
padding:60px;
font-family: 'Press Start 2P', cursive;
font-size:62px;
margin-top:83px;
}
"NOTICE THE FONT USED IN THIS PROJECT (Press Start 2P)WAS OBTAINED FROM (Google Fonts) AND IS LICENSED UNDER THE (OPEN FONT LICENSE)
Comments
Post a Comment