Scribd Logo
Upload

Welcome to Scribd!

  • Jymkyutbv 7 Ik 76 T 5 Kout 87 RG

    Uploaded by

    Maffae Yed Maghanoy
    3 views3 pages
    jymkyutbv7ik76t5kout87rg

    Original Title

    jymkyutbv7ik76t5kout87rg

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    jymkyutbv7ik76t5kout87rg

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    3 views3 pages

    Jymkyutbv 7 Ik 76 T 5 Kout 87 RG

    Uploaded by

    Maffae Yed Maghanoy
    jymkyutbv7ik76t5kout87rg

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    Maffae Yed M.

    Maghanoy
    X -Mt. Halcon

    CODE IN
    - HTML

    <!DOCTYPE html>
    <html>
    <head>
    <link rel="stylesheet" href ="Maghanoytest.css">
    </head>
    <body>
    <div class="header">
    <div class ="container">
    <img src ="Logo.png" class ="image">
    <div class ="text">
    <h1> Made's Delicacy </h1>
    <h2 class ="tagline"> "A sweet roll of paradise" </h2>
    </div> </div> </div>

    <div class="navigation-menu">
    <a href="#">Home</a>
    <a href="#">Products</a>
    <a href="#">Services</a>
    </div>

    <div class="row">
    <div class="column side">
    <h2>Side</h2>
    <p> Welcome to the website of Made's delicacy, home to sweets that the whole family can enjoy. Grab one of our best deals
    before it runs out. Free delicacies are available for children under 8 years old. Limited time offers are now open for earlier
    consumers. </p>
    </div>
    <div class="column middle">
    <h2>Main Column</h2>
    <p> We offer delicious delicacies delightful for your tongue to taste! At an affordable price, each product is within the reach of
    everyone to share our influence throughout the world. Our company offers astonishing deals at a specific day every week so
    make sure to not miss it out. Our branches are open across every part of the globe especially in the Philippines, spreading the
    smile our products make in the face of our customers. We plan on extending our menu in the future, adding more variety of
    savory treats for customers like you to enjoy. </p>
    </div>
    <div class="column side">
    <h2>Side </h2>
    <p> Made's delicacy is now creating more experimental features such as online shopping. We are open for your comments and
    would be glad to hear your feedback. If you have any complaints regarding our product, visit us at our customer services page in
    the about section. </p>
    </div>
    </div>

    <div class ="footer">


    <p>Contact us: Mobile Phone number: (555) 123-4567 Landline: (555) 987-6543 </p> <p>Location:636 Labay St. Timugan Los
    Baños Laguna</p>
    </div>
    </body>
    - CSS

    *
    { box-sizing: border-box; }

    .header
    { background-color: #F0F0E0; padding:20px; }

    .container
    { display:flex; }

    .image
    { float:left; height:250px; width:250px; }

    .text
    { font-size:20px; padding-left:20px; float:left; }

    h2
    { color: #28C048; }

    h1
    { color:#F06038; font-size:75px; }

    h2.tagline
    { color:#403030; }

    .navigation-menu
    { width: 100%; background-color: #F06038; overflow: auto; }

    .navigation-menu a
    { color: white; font-size: 30px; text-decoration: none; float: left; text-align: left; padding: 12px 5px; width: 20%; }

    .navigation-menu a:hover
    { background-color: yellow; color:red; }

    .column
    { float:left; padding:10px; }

    .column.side
    { width:25%; }

    .column.middle
    { width:50%; }

    .row::after{ display:table; clear:both; }

    @media screen and (max-width:600px) { .column.side, .column.middle { width: 50%; } }

    .footer
    { width: 100%; background-color: #403030; color:white; text-align:center; overflow: auto; }
    </html>

    You might also like