Every successful business has a big sign that tells customers who they are!
In HTML, we use <h1> tags to make BIG, important text - perfect for your business name!
HTML uses special words called tags wrapped in angle brackets < >.
Think of them like sandwich bread - you need a top slice and a bottom slice!
<h1>Mario's Pizza Palace</h1>
<h1> on top, your content in the middle, closing tag </h1> with the / on the bottom!
Create your business sign! Type your business name "Your Business" wrapped in <h1> tags!
Your business slogan & description
Great businesses tell customers why they're awesome! Now we'll add a slogan using the <p> (paragraph) tag.
<h1> - Your BIG business name<p> - Your slogan or description<h1>Mario's Pizza Palace</h1>
<p>The best pizza in town since 2024!</p>
Create your business name in <h1> AND add a catchy slogan in <p> tags! Make customers want to visit Your Business!
Every business needs a proper building!
You wouldn't open a store without walls and a roof, right? Websites need structure too! Let's build the foundation of your business website.
<!DOCTYPE html>
<html>
<head>
<title>Mario's Pizza Palace</title>
</head>
<body>
<h1>Welcome to Mario's!</h1>
<p>Best pizza in town!</p>
</body>
</html>
<html> = The entire building<head> = The back office (business name on the browser tab)<body> = The store floor (what customers see!)
Build the complete structure for Your Business! Include your business name in the <title> AND <h1>!
Make your store stand out with colors!
Every successful business has brand colors! McDonald's has red & yellow, Starbucks has green. What colors will Your Business have?
CSS lets you control colors, sizes, and more!
h1 {
color: red;
}
<style> tags! Put it in the <head> section, like this:<style> h1 { color: red; } </style>
Choose a brand color for Your Business! Add <style> tags and make your h1 heading colorful!
Make customers say "WOW!"
Time to make Your Business look professional! A great storefront attracts customers!
body {
background-color: lightyellow;
font-family: Arial;
text-align: center;
}
h1 {
color: darkred;
font-size: 48px;
}
p {
color: gray;
font-size: 20px;
}
Design the complete storefront for Your Business! Include:
background-color for your storecolor for your business nameSave your business files safely!
Smart business owners back up their work! Git is like a magical vault that saves every version of your website. If something breaks, you can go back!
Just like saving in Minecraft or Fortnite - you can always go back to your last save if something goes wrong!
git init - Create your vaultgit add . - Pick files to protectgit commit - Lock them in the vault!
Protect Your Business! Type all three git commands to create your first save point!
Launch your business to the WORLD!
🎉 This is it! The moment every business owner dreams of - GRAND OPENING!
With git push, your website goes LIVE for the whole world to see!
GitHub hosts your website FOR FREE! Millions of businesses use it!
Launch Your Business to the world! Type the push command!
This certifies that the owner of
has successfully built their Business Empire Website
Mastering the skills of:
Established:
Congratulations, CEO! You now have the skills to build websites for ANY business! Keep building, keep learning, keep growing your empire!
HTML structure complete!
CSS styling mastered!
Git deployed!
Show your products!
Connect pages!
Phone-friendly!