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)
This is an awesome post. Really very informative and creative contents.
ReplyDeleteWordPress website development Chennai