Qulz Part 2-CSCI 165 Recreate the following page Jango Coffee Shop Home Menu Music About We...

Question

Question

Qulz Part 2-CSCI 165 Recreate the following page Jango Coffee Shop Home Menu Music About We have excellent coffee Try our cof

General Guidelines 1. The general design should be the same as above. 2. The layout are two columns for this page. 3. You can

engineering Computer-Science

Add a comment Improve this question Transcribed image text

Answer 1

Answer #1

home.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Home</title>
<link href="myStyle.css" rel="stylesheet" />
</head>
<body>
<table class="main">
<tr>
<td style="background-color:black;text-align:center;border-top-left-radius:20px;">
<img src="logo.png" height="100" />
</td>
<td style="border-top-right-radius:20px">
<h1>Jango Coffee Shop</h1>
</td>
</tr>
<tr style="height:200px">
<td style=" background-color: black;
text-align: center">
<a href="">Home</a><br />
<a href="">Menu</a><br />
<a href="">Music</a><br />
<a href="">About</a><br />
</td>
<td style="background-image:url('head.jpg')">
</td>
</tr>
<tr>
<td style="background-color:black; border-bottom-left-radius:20px">
</td>
<td style="background-color:bisque; border-bottom-right-radius:20px">
<h2>We have excellent coffee</h2>
<p>
Try our coffee and be lured by the aroma, the exotic taste and the excellent
blend!!! Gey our loyality card at the counter and enjoy a 10% discount for
cup of coffee you buy.
</p>
<table>
<tr style="background-color:brown">
<td style="text-align:center">
Americano
</td>
<td>
Our very own house blend of dark coffee all day.<br />
Price $ 4 dollar
</td>
</tr>
<tr>
<td style="text-align:center">
Cafe Latte
</td>
<td>
Our own version the famous cafe latte infused into a smooth, steamed milk.<br />
Single $4 double $5
</td>
</tr>
<tr style="background-color:brown">
<td style="text-align:center">
Iced coffee
</td>
<td>
Cure for the summer hot, enjoy a cold drink for just a few dollars.<br />
Single $5.40 Double $7
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

_____________________________________________________________________________________________

myStyle.css

body {
background: #7A991A;
margin-left: 200px;
margin-right: 200px;
font-family: 'Arial';
}

h1 {
font-family: 'MS Reference Sans Serif';
font-weight: 900;
}

table {
border-collapse: collapse;
width: 100%;
}

td{
padding:10px;
}

.main {
background-image: url('bg1.jpg');
border-radius: 20px;
padding: 10px;
}
a{
color:khaki;
font-size:large;
font-weight:bold;
text-decoration:none;
}

a:hover{
color:aqua;
}

____________________________________________________________________________________________

Home х c https://localhost:44368/home.html = Jango Coffee Shop Home Menu Music About We have excellent coffee Try our coffee

Add a comment

Answer 2

Qulz Part 2-CSCI 165 Recreate the following page Jango Coffee Shop Home Menu Music About We...

Homework Answers

Add Answer to:
Qulz Part 2-CSCI 165 Recreate the following page Jango Coffee Shop Home Menu Music About We...

Post as a guest

Earn Coins

Qulz Part 2-CSCI 165 Recreate the following page Jango Coffee Shop Home Menu Music About We...

Homework Answers

Add Answer to: Qulz Part 2-CSCI 165 Recreate the following page Jango Coffee Shop Home Menu Music About We...

Post as a guest

Earn Coins

Add Answer to:
Qulz Part 2-CSCI 165 Recreate the following page Jango Coffee Shop Home Menu Music About We...