Skip to main content

Posts

Showing posts from August, 2018

[HTML TEMPLATES PT3] How to make a product with HTML,CSS, and a custom fonts

1: Go open your text editor i.e(notepad++) and create an HTML file.
"HTML CODE"


   <html><head><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRVAK5Um5LkRID7LWeuA4BTdYhv-032sPsL3SyZ5IvxEaElnYyQ"><width =900lenghth=850><style>@import url('https://fonts.googleapis.com/css?family=Libre+Barcode+39+Extended|VT323'); </style><link rel="stylesheet" href="css9.css"></head><body style ="background-color: beige;"><title> wired2ino</title><h2>WIRED2INO $30 GET IT TODAY</h2><p2> FREE 2-DAY SHIPPING WITH PURCHASE</p2><h3>BUY NOW FOR $30</h3><a href="https://www.wired2tech.org/"> our website </a><h1> WIRED2INO WAS MADE BY OUR OWNER & FOUNDER</h1><p1> MOHAMMED IBRAHIM MIRZA BEIG</P1><br><p3> WIRED2INO IS A SUPERIOR PCB BOARD THAT ALLOWS FOR THE USER TO EVEN USE THE …

[HTML TEMPLATES PT2] How to make an info page with HTML,CSS, and a custom font

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>


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:g…

[HTML TEMPLATES PT1] How to make a profile page with HTML,CSS, and a custom font

1: Go open your text editor i.e(notepad++) and create an HTML file. "HTML CODE"

<html> 
<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;
-web…