Coffee

Developer
Sindhuja
Size
2,015 Kb
Views
40,480
  1. Coffee Previews
  2. Coffee HTML Codes
  3. Coffee CSS Codes

How do I make an coffee?

A quick practice pen with the health benefits of coffee listed. What is a coffee? How do you make a coffee? This script and codes were developed by Sindhuja on 10 September 2022, Saturday.

Coffee Previews
IQ Test

Coffee - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Coffee</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <body>
<div id="background"></div> <div id="header"><center>Coffee...</center></div> <div id="intro"><p>...a <span>magical</span> drink that has the ability to wake you up, with a lot of health benefits.</br></br></p></div>
<div id="facts"><h3>BENFITS:</h3><p>1. Coffee can lower your risk of type II <span>diabetes</span>.</br></br> 2. Coffee helps you <span>burn</span> fat. </br></br> 3. Coffee makes you <span id="smart">
smarter</span>.</br></br>4. Coffee improves your <span>energy level</span>.</p></div>
</body>
</body>
</html>

Coffee - Script Codes CSS Codes

@import url(https://fonts.googleapis.com/css?family=Sacramento|Shadows+Into+Light);
@import url(http://weloveiconfonts.com/api/?family=entypo|fontawesome|maki);
/* entypo */
[class*="entypo-"]:before { font-family: 'entypo', sans-serif;
}
/* fontawesome */
[class*="fontawesome-"]:before { font-family: 'FontAwesome', sans-serif;
}
/* maki */
[class*="maki-"]:before { font-family: 'maki', sans-serif;
}
#background{ height:1300px; width:100%; -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); position:absolute; z-index:-1;
}
body{ background-color:black;
}
#header{ color:white; height:300px; font-family:Sacramento; font-size:200px; font-weight:bold; list-style-type:none;
}
#intro{ color:white; font-family:Sacramento; font-size:50px;
}
#facts{ margin-top:-100px; color:white; font-family:Shadows Into Light; font-size:40px;
}
.maki-cafe{ margin-left:125px; color:white; font-size:200px;
}
#pencil{ width:50px;
}
Coffee - Script Codes
Coffee - Script Codes
Home Page Home
Developer Sindhuja
Username SindhujaD
Uploaded September 10, 2022
Rating 3
Size 2,015 Kb
Views 40,480
Do you need developer help for Coffee?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Sindhuja (SindhujaD) Script Codes
Name
Cocoa Brownies Recipe
Minimal SVG Animation
SVG Animation
Earth Orbit
Pizza Order Form
Website
A Pen by Sindhuja
Mobile Email Wireframe
Rock, Paper, Scissors
A Pen by Sindhuja
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!