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.
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.
You may also like
HTML only website tutorial
Website layout So the website that we will be making today has the following layout: Download source files Download Source Files
Pizza website using Flexbox
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 …