Preaload Image

Home
Blog
Uncategorized
Pizza website using Flexbox

Pizza website using Flexbox

Posted by Khalid EL BAHJA
Categories Uncategorized
Date December 16, 2020
Comments 0 comment

HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<section id="header">
<header>
<div class="logo">
<img src="" alt="">
</div>
<nav>
<a href="">Home</a>
<a href="">About</a>
<a href="">Service</a>
<a href="">Pricing</a>
<a href="">Contact</a>
</nav>
</header>
<div class="main">
<h1>We made it for you</h1>
<h3>Hot and fresh</h3>
<p>Home delivery available from 9 am till 10 pm</p>
<a href="">Check our menu</a>
</div>
</section>
</body>
</html>

So in order to be able to make this home page also called landing page we need the above HTML code.

This is basically the structure of the top section of our webpage. It has a section with an id = “header” and inside of it we have a couple of tags: the header tag and a div with a class main tag.

the header tag is where we’ll add our logo and navigation buttons (menu) and the main tag will contain the headings and description text along with a button to check other pages in our website.

Khalid EL BAHJA

Assalamu-Alaykum! My name is Khalid and I am a Multimedia developer. I've been teaching for over 10 years. I know that studying can be difficult at times, even frustrating. So, that's why I think we should take this journey together until you succeed and reach your goal.

Leave A Reply Cancel reply

You must be logged in to post a comment.