Preaload Image

Pizza website using Flexbox

Download Source Files

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.

Admin bar avatar
Khalid EL BAHJA

You may also like

Pizza website using Flexbox
16 December, 2020

Download Source Files 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 …

Leave A Reply

EL BAHJA Academy © All Rights Reserved