Scribd Logo
Upload

Welcome to Scribd!

  • BINDU

    Uploaded by

    prabhu.pravasatravels
    4 views14 pages
    The document contains HTML code for the website of a coffee shop. It includes code for pages with headings, paragraphs and images promoting the coffee shop and its menu. Navigation links are provided between pages for "Home", "Menu", "About" and "Contact". The pages provide information about the coffee shop's mission, vision and contact details.

    Original Description:

    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
    The document contains HTML code for the website of a coffee shop. It includes code for pages with headings, paragraphs and images promoting the coffee shop and its menu. Navigation links are provided between pages for "Home", "Menu", "About" and "Contact". The pages provide information about the coffee shop's mission, vision and contact details.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    4 views14 pages

    BINDU

    Uploaded by

    prabhu.pravasatravels
    The document contains HTML code for the website of a coffee shop. It includes code for pages with headings, paragraphs and images promoting the coffee shop and its menu. Navigation links are provided between pages for "Home", "Menu", "About" and "Contact". The pages provide information about the coffee shop's mission, vision and contact details.

    Copyright:

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

    HTML CODE

    HOME

    <div style="text-align:center; margin-top:40px;">

    <img style="width: 30%;height:35%;" src="sip chat.jpeg"></div>

    <div style="text-align:center; margin-top:40px;">

    <b><i><a style="padding-right: 30px;"href="HOME.html">HOME</a>

    <a style="padding-right: 30px;"href="MENU.html">MENU</a>

    <a style="padding-right: 30px;"href="ABOUT.html">ABOUT</a>

    <a style="padding-right: 30px;"href="CONTACT.html">CONTACT</a></i></b>

    </div>

    <h1 style=" font-size:50px;

    text-align:center;

    color:black;

    text-shadow:5px 3px 5px #000;">

    SIP CHAT</h1>

    <h2 style=" font-size:30px; text-align:center;">

    Great Coffee For Some Joy</h2>

    <p style="font-size:20px; text-align:center;

    line-height: 30px;

    margin-bottom: 50px;">

    <b>We believe that simple nature food tastes best.

    <br> Our coffee provides warm to their soul.


    <br> Coffee is loveingly handmade in small batches heart using only simple,natural and
    fresh local ingredients of adventure and discovery.</b></p>

    <img style="width: 33%;height:50%;" src="Cold brew.jpg">

    <img style="width: 33%;height:50%;" src="Hazelnut frappe.jpg">

    <img style="width: 33%;height:50%;" src="Cappuccino.jpeg">

    <img style="width: 33%;height:50%;" src="Caramel Iced coffee.jpeg">

    <img style="width: 33%;height:50%;" src="Irish coffee.jpeg">

    <img style="width: 33%;height:50%;" src="Vanilla cinnamon latte.jpg">

    MENU
    <!DOCTYPE html>

    <html>

    <head>

    <style>

    div{

    display:inline-block;

    margin:20px;

    button{

    text-align:center;

    a:link, a:visited {

    background-color:blue;

    color: white;

    padding: 4px 4px;

    text-align:center;

    text-decoration:none;

    display: inline-block;

    a:hover, a:active {

    background-color:green;

    </style>

    </head>

    <body>

    <h1 style="font-size:50px; text-align:center; text-shadow:2px 3px 2px #000;">MENU</h1>

    <div>
    <img src="COLD BREW COFFEE.jpg" alt="COLD BREW COFFEE" width="400"
    height="200"><br>

    <button>COLD BREW</button><br>

    <button>Rs.300</button><br>

    </div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

    <div>

    <img src="DOPPIO.jpeg" alt="DOPPIO" width="400" height="200"><br>

    <button>DOPPIO</button><br>

    <button>Rs.200</button><br>

    </div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

    <div>

    <img src="CAPPUCCINO.jpeg" alt="CAPPUCCINO COFFEE" width="400"


    height="200"><br>

    <button>CAPPUCCINO</button><br>

    <button>Rs.200</button><br>

    </div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

    <div>

    <img src="MOCHA.jpeg" alt="MOCHA" width="400" height="200"><br>

    <button>MOCHA</button><br>

    <button>Rs.250</button><br>

    </div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

    <div>

    <img src="SOFT COFFEE.jpg" alt="SOFT COFFEE" width="400" height="200"><br>

    <button>SOFT COFFEE</button><br>

    <button>Rs.100</button><br>

    </div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <div>

    <img src="GREAK FRAPPE.jpg" alt="GREAK FRAPPE" width="400" height="200"><br>

    <button>GREAK FRAPPE</button><br>

    <button>Rs.250</button><br>

    </div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

    <div>

    <img src="IRISH COFFEE.jpeg" alt="IRISH COFFEE" width="400" height="200"><br>

    <button>IRISH</button><br>

    <button>Rs.300</button><br>

    </div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

    <div>

    <img src="ICED COFFEE.jpeg" alt="ICED COFFEE" width="400" height="200"><br>

    <button>ICED COFFEE</button><br>

    <button>Rs.100</button><br>

    </div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

    <div>

    <img src="VANILLA CINNAMON LATTE.jpg" alt="VANILLA CINNAMON LATTE"


    width="400" height="200"><br>

    <button>VANILLA CINNAMON LATTE</button><br>

    <button>Rs.150</button><br>

    </div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

    </body>

    </html>

    ABOUT
    <!DOCTYPE html>

    <html>

    <head>

    <style>

    body{

    background-image:url("cc.jpeg");

    background-repeat:repeat;

    </style>

    <body>

    <b><h1 style="font-size:50px; text-align:center; text-shadow:2px 3px 2px


    #000;">ABOUT</h1></b>

    <b><h2 style="font-size:30px; text-align:center;">Mission</h2></b>

    <b><p style="font-size:20px; text-align:center;">To awaken the spirits of our customers and


    improves their day.<br></br>Our coffee provides warm to their soul.</p></b>

    <b><h2 style="font-size:30px; text-align:center;">Vission</h2></b>

    <b><p style="font-size:20px; text-align:center;">Treat people with love and passion and make
    them feel special in every sip of their coffee.</p></b>

    <div style="text-align:center;">

    <a style="font size:20px; background-color: red; padding: 10px 35px 10px 35px;color: white;"

    href="https://youtu.be/t8k71QcArnk?si=CLGdXjfwxOtJywBG"> Click here </a></div>

    </html>
    </head>

    </body>

    CONTACT US
    <!DOCTYPE html>

    <html>

    <head>

    <style>

    body{

    background-image:url("teju.jpeg");

    background-repeat:no-repeat;

    </style>

    <body>

    <div class="contact" id="contact">

    <div class="contact-box">

    </div>

    </div>

    <div class="contact-box">

    <div class="contact-body">

    <form>

    <h2>Contact Us</h2>

    <div class="form-content">

    <input type="text" required>

    <span></span>

    <label>Username</label>

    </div>

    <div class="form-content">

    <input type="email" required>

    <span></span>
    <label>Email</label>

    </div>

    <button type="submit">Send</button>

    </form>

    </div>

    </div>

    </div>

    </html>

    </head>

    </body>
    S
    THANK YOU

    You might also like