Skip to main content

[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;
-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

Popular posts from this blog

HOW TO MAKE ARTIFICIAL INTELLIGENCE WITH NOTEPAD++

OK so when you hear artificial intelligence you automatically think a super high-tech robot; well today i'm gonna show just how simple artificial intelligence actually is.

STEP 1: open notepad++ and copy the following code.
fname=inputbox ("komichiwa")
fname=inputbox ("i am ASUNA")
fname=inputbox ("whats your name")
fname=inputbox ("thats a good name")
fname=inputbox ("do you like anime or manga?")
fname=inputbox ("thats cool")
fname=inputbox ("pi=3.14")
fname=inputbox ("4*8=?")
fname=inputbox ("32")
fname=inputbox ("what is the capital of RUSSIA")
fname=inputbox ("MOSCOW")
fname=inputbox ("what is BERLIN")
fname=inputbox ("the capital of GERMANY")
fname=inputbox (" i^5=?")
fname=inputbox ("i")
fname=inputbox ("what is your favorite anime?")
fname=inputbox ("cool!!")
fname=inputbox ("what is your favorite manga")
fname=inp…
Post a Comment
Read more

MY DELPHI APP

TODAY I'LL BE SHOWING YOU AN APP I MADE IN PASCAL USING BORLAND DELPHI. THIS APP WAS THE SUBJECT OF MY FINALS EXAMINATION IN WHICH I HAD TO PROGRAM AN APP THAT WOULD COMPUTE AND CALCULATE CERTAIN VALUES THIS APP IS AN INTERNAL APPLICATION THAT RUNS ON THE OLD WIN 98 SO ITS BASICALLY AN APP THAT A COMPANY OR CASHIER WOULD USE TO CALCULATE. IF YOU WANT TO RUN IT JUST COPY THE CODE BELOW, JUST DONT TRY AND USE IT AS YOUR OWN  OR SAY ITS YOURS BECAUSE THATS JUST A COMPLETE VIOLATION OF NERD LAW SO DONT BETRAY US. IF YOU WANT TO USE IT AT SCHOOL OR SOMETHING JUST SAY WHERE YOU GOT THE CODE FROM AND CLARIFY YOU GOT IT FROM THIS BLOG.
THANK YOU FOR READING;




------------------------------------------------------------------------------------------------------------------------
unit oo;

interface

uses
  Windows, Messages, SysUtils, Classes, Graphics, Controls, Forms, Dialogs,
  StdCtrls;

type
  TForm1 = class(TForm)
    Button1: TButton;
    Button2: TButton;
    Edit1: TEdit;
    Edit2: …
Post a Comment
Read more

PoPup Redirection in HTML

<html> <head> <script type="text/javascript"> window.onload = function() { window.open('https://www.wired2tech.org','W2T',' menubar=0, resizable=0,dependent=0,status=0,width=300,height=200,left=10,top=10') } </script> <body> </body> </head> </html>PoPup Redirection in HTML by Mohammed Ibrahim Mirza Beig is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
Post a Comment
Read more