Scribd
Upload
13 views14 pages

BINDU

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.

Uploaded by

prabhu.pravasatravels
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
13 views14 pages

BINDU

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.

Uploaded by

prabhu.pravasatravels
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 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