Day 5 - Restaurant menu

Developer
Christian
Size
2,619 Kb
Views
28,336
  1. Day 5 - Restaurant menu Previews
  2. Day 5 - Restaurant menu HTML Codes
  3. Day 5 - Restaurant menu CSS Codes

How do I make an day 5 - restaurant menu?

Taste the filipino dishes to taste the goodness of life.. What is a day 5 - restaurant menu? How do you make a day 5 - restaurant menu? This script and codes were developed by Christian on 15 October 2022, Saturday.

Day 5 - Restaurant menu Previews
IQ Test

Day 5 - Restaurant menu - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Day 5 - Restaurant menu</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <header> <section class="jumbotron"> <h1 class="display-1 text-center py-4 bg-translucent">Filipino dishes</h1> <p class="lead text-white text-center pt-4">Taste the filipino dishes to taste the goodness of life.</p> </section>
</header>
<main class="container"> <h2 class="text-center bg-translucent py-2">Some of the delicious dishes of the filipinos</h2> <section class="card-deck mt-4"> <section class="card mt-2"> <section class="gradient-overlay"></section> <img src="https://s5.postimg.org/5e04uszef/Vegetable_Pancit1-1200x750.jpg" alt="Pancit" class="img-card-top img-fluid"> <section class="card-block"> <h2 class="card-title">Pancit</h2> <p class="card-text">In Filipino cuisine, pancit or pansit are noodles. Noodles were introduced into the Philippines by the Chinese and have since been adopted into local cuisine.</p> <button class="btn btn-block btn-primary bg-gradient"> Taste it </button> </section> </section> <section class="card mt-2"> <section class="gradient-overlay"></section> <img src="https://s5.postimg.org/9e7a71pvb/sinigang-na-bayabas.jpg" alt="Sinigang na bayabas" class="img-card-top img-fluid"> <section class="card-block"> <h2 class="card-title">Sinigang</h2> <p class="card-text">Sinigang is a Filipino soup or stew characterized by its sour and savoury taste most often associated with tamarind. It is one of the more popular viands in Philippine cuisine, and is related to the Malaysian dish singgang.</p> <button class="btn btn-block btn-primary bg-gradient"> Taste it </button> </section> </section> </section> </main>
<footer class="text-center text-white pt-4"> <p> © Copyright 2017 Christian Pecson. Credits to <a target="_blank" class="bg-primary text-white" href="https://en.wikipedia.org">Wikipedia</a> </p>
</footer>
</body>
</html>

Day 5 - Restaurant menu - Script Codes CSS Codes

/* * Set all image's width to have a max-width of 100%. */
img {	max-width: 100%;
}
/* * Set a gradient to an element. */
body,
.bg-gradient {	background: linear-gradient(45deg, rgba(0,50,255,0.7), rgba(255,100,190,0.9)) no-repeat;	-webkit-background-size: cover;	background-size: cover;
}
/* * Set a unique gradient to jumbotron. */
.jumbotron {	background: linear-gradient(rgba(255,100,190,0.9), rgba(0,50,255,0.7));
}
.bg-translucent {	background-color: rgba(255,255,255,0.5);	border-radius: 10rem;
}
/* * Set a gradient overlay on the top images. * To use this just put an element before the image as follows: * 
 *  */
.gradient-overlay {	background: linear-gradient(rgba(255,100,190,0.9), rgba(0,50,255,0.7));	padding: 31.5% 50%;	position: absolute;
}
/* * Set the background color of the card to be translucent. */
.card {	background-color: rgba(255,255,255,0.7);
}
Day 5 - Restaurant menu - Script Codes
Day 5 - Restaurant menu - Script Codes
Home Page Home
Developer Christian
Username chpecson
Uploaded October 15, 2022
Rating 3
Size 2,619 Kb
Views 28,336
Do you need developer help for Day 5 - Restaurant menu?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Christian (chpecson) Script Codes
Name
Day 7 -Movie Trailer
Day 18 - Cruise ship
Wikipedia viewer
Day 12 - Club
Tribute Page V2
Day 9 - Toy website
Portfolio
Day 3 - Tourist Spot
Day 16 - Charitable Organization
Journal
Create amazing sales emails with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!