TODAY WE HAVE FOR YOU A LOGIN WITH A CUSTOM FONT(MONOTON)
STEP 1: FIRST CREATE A PAGE CALLED LOGIN.HTML
AND THEN PASTE THIS CODE.
[<html>
<head>
<style>
@import url('https://fonts.googleapis.com/css?family=Monoton');
</style>
<link rel="stylesheet" href="css.css">
</head>
<body style ="background-color: POWDERBLUE;">
<h1> LOGIN </h1>
<form action="" method="post">
USERNAME*:<input type="form" name="USERNAME*"><br/><br/>
PASSWORD*:<input type="form" name="PASSWORD*"><br/><br/>
<input type="submit" name="submit" value="ENTER">
</form>
</body>
</html>]
P.S REMOVE [ ] WHEN YOU COPY THE HTML
STEP 2: CREATE A PAGE CALLED CSS.CSS AND PASTE THE FOLLOWING CODE.
- h1{
- color:hotpink;
- font-family: 'Monoton', cursive;;
- }
- body{
- border-style: solid;
- border-width: 20px;
- border-color: black;
- text-align:center;
- color;black;
- background:black;
- padding:52px;
- font-family: 'Monoton', cursive;;
- font-size:62px;
- margin-top:83px;
- }
NOW SAVE THIS FILE IN THE FOLDER AND SAVE IT AS CSS.CSS AND NOW OPEN THE FOLDER AND OPEN LOGIN.HTML AND THAT'S PRETTY MUCH IT!
cites:
https://fonts.google.com/specimen/Monoton?selection.family=Monoton
license:
Disclaimer:
We do not own the font used in this project such rights belong to the party mentioned in the (cites section above), the font used in this project is licensed under OPEN FONT LICENSE. The owners/ organizations mentioned above that are not us do not endorse us in any way.
Comments
Post a Comment