Pizza website using Flexbox

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.

CSS

HTML

ABOUT INSTRUCTOR

Solid color and blending modes to change color - Photoshop tutorial

Create a business card mockup from an image

Leave A Reply Cancel reply

Menu

Courses

Topics

info For

CSS

HTML

ABOUT INSTRUCTOR

You may also like

Leave A Reply Cancel reply

Menu

Courses

Topics

info For

Login with your site account

Register a new account