You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
106 lines
6.0 KiB
HTML
106 lines
6.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta charset="UTF-8">
|
|
<title>The Dishes</title>
|
|
<style>
|
|
|
|
.header {
|
|
padding: 10px 16px;
|
|
color: black;
|
|
}
|
|
|
|
h1 {
|
|
font-family: "Coconat";
|
|
font-size: 80px;
|
|
}
|
|
|
|
h2 {
|
|
font-family: "Coconat";
|
|
}
|
|
|
|
body {
|
|
height: 100%;
|
|
margin: 0;
|
|
background-repeat: no-repeat;
|
|
background-attachment: fixed;
|
|
background-color: black;
|
|
background-image: linear-gradient(0deg, black, white);
|
|
}
|
|
|
|
p {
|
|
font-family: "Montserrat Alternates";
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.column {
|
|
float: left;
|
|
padding: 45px;
|
|
height: 200px;
|
|
}
|
|
|
|
.left {
|
|
width: 60%;
|
|
}
|
|
|
|
.right {
|
|
width: 40%;
|
|
}
|
|
|
|
|
|
.row:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
|
|
.barcode {
|
|
width= 120px;
|
|
height= 50px;
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="header" id="myHeader">
|
|
<h1 align="center">THE DISHES<h1>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="column left">
|
|
|
|
<h2>
|
|
༶ MACARONI
|
|
</h2>
|
|
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer suscipit vehicula condimentum. Fusce condimentum semper orci, in interdum dui. Donec dolor arcu, porttitor sed volutpat at, volutpat eu augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam vestibulum nibh a nibh faucibus convallis. In hac habitasse platea dictumst. Fusce a libero cursus, posuere ex iaculis, dapibus metus. Phasellus lacus nunc, faucibus sed turpis sit amet, sollicitudin aliquam velit. Nullam pharetra neque pretium aliquam sodales. Nam sodales nisi ac neque dignissim, non semper eros vulputate. Nullam ultricies placerat ante, eu bibendum ante viverra ac. Sed vulputate condimentum diam non aliquet. Aenean sit amet aliquam erat, quis laoreet quam.<br>
|
|
<br>
|
|
Vivamus lobortis ligula in molestie malesuada. Duis libero ante, iaculis quis quam sit amet, placerat tincidunt eros. Vestibulum pharetra nulla erat, vel viverra elit mattis tempor. Suspendisse enim turpis, interdum non tortor ac, fringilla maximus dolor. Phasellus pharetra sapien in mi ultricies, in pulvinar nibh porttitor. Mauris pulvinar mattis ex, vitae venenatis tortor mollis a. Vestibulum finibus bibendum neque. Maecenas viverra dui quam, sit amet ullamcorper nisl feugiat ut. Nulla vestibulum ex ac urna sodales, id aliquet nunc egestas. Curabitur porttitor gravida tellus, ac pharetra massa tempus sit amet. Maecenas et elit ipsum. Donec efficitur efficitur ligula, eu semper ex ultrices eu.<br>
|
|
<br>
|
|
Praesent tempus felis vulputate neque maximus, vitae scelerisque dolor pulvinar. Etiam massa enim, iaculis sed sollicitudin finibus, venenatis sit amet lacus. Pellentesque metus neque, ullamcorper id bibendum ultrices, ultricies quis augue. Nunc iaculis eleifend elementum. Cras tristique molestie scelerisque. Integer sed tempus odio, ac suscipit dui. Etiam congue libero nec justo efficitur porttitor. Suspendisse ultrices mollis risus, eget volutpat ligula sodales eget. Phasellus imperdiet tellus eget tortor consequat fermentum. Nulla ante libero, posuere vehicula metus faucibus, malesuada venenatis turpis. Curabitur id felis sit amet lacus ultricies convallis. Aliquam erat volutpat. Nulla facilisi. Integer porta vestibulum odio et fringilla. Quisque nisl diam, ultrices ac vulputate ac, porta laoreet mauris. Nunc maximus blandit pretium. ༶
|
|
<p>
|
|
|
|
<h2>
|
|
❀ LASAGNA
|
|
</h2>
|
|
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer suscipit vehicula condimentum. Fusce condimentum semper orci, in interdum dui. Donec dolor arcu, porttitor sed volutpat at, volutpat eu augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam vestibulum nibh a nibh faucibus convallis. In hac habitasse platea dictumst. Fusce a libero cursus, posuere ex iaculis, dapibus metus. Phasellus lacus nunc, faucibus sed turpis sit amet, sollicitudin aliquam velit. Nullam pharetra neque pretium aliquam sodales. Nam sodales nisi ac neque dignissim, non semper eros vulputate. Nullam ultricies placerat ante, eu bibendum ante viverra ac. Sed vulputate condimentum diam non aliquet. Aenean sit amet aliquam erat, quis laoreet quam.<br>
|
|
<br>
|
|
Vivamus lobortis ligula in molestie malesuada. Duis libero ante, iaculis quis quam sit amet, placerat tincidunt eros. Vestibulum pharetra nulla erat, vel viverra elit mattis tempor. Suspendisse enim turpis, interdum non tortor ac, fringilla maximus dolor. Phasellus pharetra sapien in mi ultricies, in pulvinar nibh porttitor. Mauris pulvinar mattis ex, vitae venenatis tortor mollis a. Vestibulum finibus bibendum neque. Maecenas viverra dui quam, sit amet ullamcorper nisl feugiat ut. Nulla vestibulum ex ac urna sodales, id aliquet nunc egestas. Curabitur porttitor gravida tellus, ac pharetra massa tempus sit amet. Maecenas et elit ipsum. Donec efficitur efficitur ligula, eu semper ex ultrices eu.<br>
|
|
<br>
|
|
Praesent tempus felis vulputate neque maximus, vitae scelerisque dolor pulvinar. Etiam massa enim, iaculis sed sollicitudin finibus, venenatis sit amet lacus. Pellentesque metus neque, ullamcorper id bibendum ultrices, ultricies quis augue. Nunc iaculis eleifend elementum. Cras tristique molestie scelerisque. Integer sed tempus odio, ac suscipit dui. Etiam congue libero nec justo efficitur porttitor. Suspendisse ultrices mollis risus, eget volutpat ligula sodales eget. Phasellus imperdiet tellus eget tortor consequat fermentum. Nulla ante libero, posuere vehicula metus faucibus, malesuada venenatis turpis. Curabitur id felis sit amet lacus ultricies convallis. Aliquam erat volutpat. Nulla facilisi. Integer porta vestibulum odio et fringilla. Quisque nisl diam, ultrices ac vulputate ac, porta laoreet mauris. Nunc maximus blandit pretium. ❀
|
|
<p>
|
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
</html> |