1: Go open your text editor i.e(notepad++) and create an HTML file.
"HTML CODE"
<head>
<img src="https://mir-s3-cdn-cf.behance.net/user/276/383b3538402329.5a299a259d23f.jpg"> <width =800 lenghth=500>
<style>
@import url('https://fonts.googleapis.com/css?family=Cutive+Mono');
</style>
<link rel="stylesheet" href="css6.css">
</head>
<body style ="background-color: white;">
<title> STAFF</title>
<h2>WIRED 2 TECH! STAFF</h2>
<p2> www.wired2tech.org</p2>
<h3>_______________</h3>
<h1> OUR OWNER & FOUNDER</h1>
<p1> MOHAMMED IBRAHIM MIRZA BEIG</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: 'Cutive Mono', monospace;
}
h2{
color:green;
-webkit-text-fill-color:green;
-webkit-text-stroke-width:4px;
-webkit-text-stroke-color:black;
font-family: 'Cutive Mono', monospace;
}
p2{
color:gold;
-webkit-text-fill-color:black;
-webkit-text-stroke-width:1px;
-webkit-text-stroke-color:blue;
font-family: 'Cutive Mono', monospace;
}
p1{
color:gold;
-webkit-text-fill-color:gray;
-webkit-text-stroke-width:2px;
-webkit-text-stroke-color:black;
font-family: 'Cutive Mono', monospace;
}
body{
border-style: solid;
border-width: 20px;
border-color: black;
text-align:center;
color;black;
background:black;
padding:60px;
font-family: 'Cutive Mono', monospace;
font-size:62px;
margin-top:83px;
}
"NOTICE THE FONT USED IN THIS PROJECT (Cutive Mono)WAS OBTAINED FROM (Google Fonts) AND IS LICENSED UNDER THE (OPEN FONT LICENSE)
Comments
Post a Comment