Scribd Logo
Upload

Welcome to Scribd!

  • 67 views

    Order Menu

    Uploaded by

    Neil John
    The document is an HTML code for a restaurant website homepage. It contains the code for the header, homepage content, menu section and footer. Styling is done using inline CSS. The menu section displays burger, lasagna, sushi and shawarma with prices and descriptions.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    Order Menu

    Uploaded by

    Neil John
    67 views6 pages
    The document is an HTML code for a restaurant website homepage. It contains the code for the header, homepage content, menu section and footer. Styling is done using inline CSS. The menu section displays burger, lasagna, sushi and shawarma with prices and descriptions.

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    The document is an HTML code for a restaurant website homepage. It contains the code for the header, homepage content, menu section and footer. Styling is done using inline CSS. The menu section displays burger, lasagna, sushi and shawarma with prices and descriptions.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    67 views6 pages

    Order Menu

    Uploaded by

    Neil John
    The document is an HTML code for a restaurant website homepage. It contains the code for the header, homepage content, menu section and footer. Styling is done using inline CSS. The menu section displays burger, lasagna, sushi and shawarma with prices and descriptions.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    You are on page 1of 6

    Name: Neil John Leong

    Course & Section: BSIT-MWA | INF222

    Output:
    Name: Neil John Leong
    Course & Section: BSIT-MWA | INF222

    Source Code:
    Name: Neil John Leong
    Course & Section: BSIT-MWA | INF222

    Source Code:

    <!DOCTYPE html>
    <html>
    <head>
    <title>Cuisine Corner</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
    href="https://fonts.googleapis.com/css2?family=Oleo+Script:wght@400;700&display=s
    wap" rel="stylesheet">
    </head>

    <body style="overflow-x: hidden;">


    <div style="width: 100%; height: 90px; background-color: #FEF5EE; z-
    index: 1000;">
    <img src="Resources/logo.svg" width="100px" height="100px"
    style="position: absolute; left: 30px;"/>
    <p style="font-family: 'Oleo Script', system-ui; font-weight: 600;
    position: absolute; top: 22px; left: 110px;">Cuisine Corner</p>
    <p style="font-family: system-ui; font-size: 9px; font-weight: 500;
    position: absolute; top: 50px; left: 111px;">It's time to satiate your
    hunger!</p>
    <a href="#" style="text-decoration: none; font-weight: 600; font-
    family: system-ui; position: absolute; top: 40px; left: 550px;">Home</a>
    <a href="#" style="text-decoration: none; font-weight: 600; font-
    family: system-ui; position: absolute; top: 40px; left: 650px;">Menu</a>
    <a href="#" style="text-decoration: none; font-weight: 600; font-
    family: system-ui; position: absolute; top: 40px; left: 750px;">Services</a>
    <a href="#" style="text-decoration: none; font-weight: 600; font-
    family: system-ui; position: absolute; top: 40px; left: 870px;">Feedback</a>
    <p style="text-decoration: none; font-weight: 600; font-family:
    system-ui; position: absolute; top: 25px; right: 250px;">Login</p>
    <div style="width: 130px; height: 50px; position: absolute; right:
    80px; top: 30px;background-color: #7C8D7B; border-radius: 40px;">
    <p style="position: absolute; right: 35px; bottom: 0; color:
    white; font-family: system-ui; font-weight: 600;">Sign up</p>
    </div>
    </div>
    Name: Neil John Leong
    Course & Section: BSIT-MWA | INF222

    <div style="width: 100%; height: 660px; background-color: #FEF5EE;">


    <img src="Resources/homepage-pic.svg" style="width: 1300px; height:
    1300px; position: absolute; right: -350px; top: -250px;"/>
    <p style="position: absolute; font-family: system-ui; font-size:
    35px; font-weight: 500; left: 100px; top: 150px;">Welcome to Cuisine Corner</p>
    <div style="width: 150px; height: 2px; background-color: black;
    position: absolute; top: 210px; left: 550px;"></div>
    <p style="position: absolute; font-family: system-ui; font-size:
    65px; font-weight: 700; left: 95px; top: 200px;">Select various food<br>from our
    menu.</p>
    <p style="position: absolute; font-family: system-ui; color:#7C8D7B;
    bottom: 200px; font-size: 25px; left: 100px;">What are you waiting for?<br>Order
    now!</p>
    <img src="Resources/facebook-icon.svg" style="width: 200px; height:
    200px; position: absolute; bottom: 60px; left: 25px;"/>
    <img src="Resources/twitter-icon.svg" style="width: 190px; height:
    200px; position: absolute; bottom: 55px; left: 120px;"/>
    <img src="Resources/instagram-icon.svg" style="width: 160px; height:
    200px; position: absolute; bottom: 58px; left: 225px;"/>
    </div>

    <div style="width: 99%; height: 750px; background-color: #7C8D7B;


    position: absolute;">
    <p style="color: white; font-family: system-ui; font-size: 50px;
    font-weight: 700; position: absolute; left: 70px;">Our Menu</p>
    <div style="position: absolute; width: 300px; height: 450px;
    background-color: white; top: 190px; left: 70px; border-radius: 20px;">
    <div style="background-color: red; width: 50px; height: 50px;
    position: absolute; left: 50px; border-bottom-left-radius: 20px; border-bottom-
    right-radius: 20px;">
    <p style="color: white; text-align: center; font-family:
    system-ui;">₱50</p>
    </div>
    <img src="Resources/burger.svg" style="position: absolute; width:
    300px; height: 200px; left: 0; top: 40px;"/>
    <p style="position: absolute; font-family: system-ui; font-size:
    30px; font-weight: 500; bottom: 150px; left: 100px;">Burger</p>
    <p style="position: absolute; bottom: 135px; left:
    100px;">⭐⭐⭐⭐</p>
    <p style="text-align: center; position: absolute; font-family:
    system-ui; bottom: 50px;">A classic sandwich with a juicy patty in a soft bun,
    topped with a variety of delicious ingredients.</p>
    </div>
    Name: Neil John Leong
    Course & Section: BSIT-MWA | INF222

    <div style="position: absolute; width: 300px; height: 450px;


    background-color: white; top: 190px; left: 420px; border-radius: 20px;">
    <div style="background-color: red; width: 50px; height: 50px;
    position: absolute; left: 50px; border-bottom-left-radius: 20px; border-bottom-
    right-radius: 20px;">
    <p style="color: white; text-align: center; font-family:
    system-ui;">₱100</p>
    </div>
    <img src="Resources/lasagna.svg" style="position: absolute;
    width: 300px; height: 200px; left: 0; top: 40px;"/>
    <p style="position: absolute; font-family: system-ui; font-size:
    30px; font-weight: 500; bottom: 150px; left: 100px;">Lasagna</p>
    <p style="position: absolute; bottom: 135px; left:
    100px;">⭐⭐⭐⭐⭐</p>
    <p style="text-align: center; position: absolute; font-family:
    system-ui; bottom: 50px;">Layers of pasta sheets, rich meat or vegetable sauce,
    creamy cheese, and savory seasoning, baked to perfection.</p>
    </div>

    <div style="position: absolute; width: 300px; height: 450px;


    background-color: white; top: 190px; right: 430px; border-radius: 20px;">
    <div style="background-color: red; width: 50px; height: 50px;
    position: absolute; left: 50px; border-bottom-left-radius: 20px; border-bottom-
    right-radius: 20px;">
    <p style="color: white; text-align: center; font-family:
    system-ui;">₱150</p>
    </div>
    <img src="Resources/sushi.svg" style="position: absolute; width:
    300px; height: 200px; left: 0; top: 40px;"/>
    <p style="position: absolute; font-family: system-ui; font-size:
    30px; font-weight: 500; bottom: 150px; left: 112px;">Sushi</p>
    <p style="position: absolute; bottom: 135px; left:
    95px;">⭐⭐⭐⭐⭐</p>
    <p style="text-align: center; position: absolute; font-family:
    system-ui; bottom: 40px; font-size: 13px; padding: 10px;">A Japanese delicacy
    featuring bite-sized portions of vinegared rice combined with fresh fish,
    seafood, or vegetables, often wrapped in seaweed or served with soy sauce and
    wasabi.</p>
    </div>

    <div style="position: absolute; width: 300px; height: 450px;


    background-color: white; top: 190px; right: 80px; border-radius: 20px;">
    <div style="background-color: red; width: 50px; height: 50px;
    position: absolute; left: 50px; border-bottom-left-radius: 20px; border-bottom-
    right-radius: 20px;">
    Name: Neil John Leong
    Course & Section: BSIT-MWA | INF222

    <p style="color: white; text-align: center; font-family:


    system-ui;">₱80</p>
    </div>
    <img src="Resources/shawarma.svg" style="position: absolute;
    width: 300px; height: 200px; left: 0; top: 40px;"/>
    <p style="position: absolute; font-family: system-ui; font-size:
    30px; font-weight: 500; bottom: 150px; left: 85px;">Shawarma</p>
    <p style="position: absolute; bottom: 135px; left:
    100px;">⭐⭐⭐⭐⭐</p>
    <p style="text-align: center; position: absolute; font-family:
    system-ui; bottom: 40px; font-size: 13px; padding: 10px;">A Middle Eastern street
    food consisting of thinly sliced meat roasted on a vertical rotisserie, served in
    a warm pita or flatbread with vegetables, sauce, and sometimes pickles.</p>
    </div>
    </div>
    </body>
    </html>

    You might also like

    pFad - Phonifier reborn

    Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

    Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


    Alternative Proxies:

    Alternative Proxy

    pFad Proxy

    pFad v3 Proxy

    pFad v4 Proxy