/* package whatever; // don't place package name! */
import java.util.*;
import java.lang.*;
import java.io.*;
/* Name of the class has to be "Main" only if the class is public. */
class Ideone
{
{
// your code goes here
}
}
LyogcGFja2FnZSB3aGF0ZXZlcjsgLy8gZG9uJ3QgcGxhY2UgcGFja2FnZSBuYW1lISAqLwoKaW1wb3J0IGphdmEudXRpbC4qOwppbXBvcnQgamF2YS5sYW5nLio7CmltcG9ydCBqYXZhLmlvLio7CgovKiBOYW1lIG9mIHRoZSBjbGFzcyBoYXMgdG8gYmUgIk1haW4iIG9ubHkgaWYgdGhlIGNsYXNzIGlzIHB1YmxpYy4gKi8KY2xhc3MgSWRlb25lCnsKCXB1YmxpYyBzdGF0aWMgdm9pZCBtYWluIChTdHJpbmdbXSBhcmdzKSB0aHJvd3MgamF2YS5sYW5nLkV4Y2VwdGlvbgoJewoJCS8vIHlvdXIgY29kZSBnb2VzIGhlcmUKCX0KfQ==
Lyogc3R5bGVzLmNzcyAqLwpib2R5IHsKICAgIGZvbnQtZmFtaWx5OiBBcmlhbCwgc2Fucy1zZXJpZjsKICAgIG1hcmdpbjogMDsKICAgIHBhZGRpbmc6IDA7CiAgICBsaW5lLWhlaWdodDogMS42OwogICAgYmFja2dyb3VuZC1jb2xvcjogI2Y1ZjVmNTsKICAgIGNvbG9yOiAjMzMzOwp9CgpoZWFkZXIgewogICAgYmFja2dyb3VuZDogIzAwN2JmZjsKICAgIGNvbG9yOiAjZmZmOwogICAgcGFkZGluZzogMTBweCAyMHB4OwogICAgdGV4dC1hbGlnbjogY2VudGVyOwp9CgpoZWFkZXIgaDEgewogICAgbWFyZ2luOiAwOwp9CgpuYXYgdWwgewogICAgbGlzdC1zdHlsZTogbm9uZTsKICAgIHBhZGRpbmc6IDA7CiAgICBtYXJnaW46IDA7CiAgICBkaXNwbGF5OiBmbGV4OwogICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgICBnYXA6IDIwcHg7Cn0KCm5hdiB1bCBsaSBhIHsKICAgIGNvbG9yOiAjZmZmOwogICAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogICAgZm9udC1zaXplOiAxOHB4Owp9CgptYWluIHsKICAgIHBhZGRpbmc6IDIwcHg7Cn0KCnNlY3Rpb24gewogICAgbWFyZ2luLWJvdHRvbTogMzBweDsKfQoKLnByb2R1Y3QgewogICAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICAgd2lkdGg6IDIwMHB4OwogICAgbWFyZ2luOiAxMHB4OwogICAgcGFkZGluZzogMTBweDsKICAgIGJhY2tncm91bmQ6ICNmZmY7CiAgICBib3JkZXI6IDFweCBzb2xpZCAjZGRkOwogICAgYm9yZGVyLXJhZGl1czogNXB4OwogICAgdGV4dC1hbGlnbjogY2VudGVyOwp9CgoucHJvZHVjdCBpbWcgewogICAgd2lkdGg6IDEwMCU7CiAgICBoZWlnaHQ6IGF1dG87CiAgICBtYXJnaW4tYm90dG9tOiAxMHB4Owp9Cgpmb290ZXIgewogICAgYmFja2dyb3VuZDogIzAwN2JmZjsKICAgIGNvbG9yOiAjZmZmOwogICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgcGFkZGluZzogMTBweCAwOwogICAgcG9zaXRpb246IHJlbGF0aXZlOwogICAgYm90dG9tOiAwOwogICAgd2lkdGg6IDEwMCU7Cn0K
/* styles.css */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
line-height: 1.6;
background-color: #f5f5f5;
color: #333;
}
header {
background: #007bff;
color: #fff;
padding: 10px 20px;
text-align: center;
}
header h1 {
margin: 0;
}
nav ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
gap: 20px;
}
nav ul li a {
color: #fff;
text-decoration: none;
font-size: 18px;
}
main {
padding: 20px;
}
section {
margin-bottom: 30px;
}
.product {
display: inline-block;
width: 200px;
margin: 10px;
padding: 10px;
background: #fff;
border: 1px solid #ddd;
border-radius: 5px;
text-align: center;
}
.product img {
width: 100%;
height: auto;
margin-bottom: 10px;
}
footer {
background: #007bff;
color: #fff;
text-align: center;
padding: 10px 0;
position: relative;
bottom: 0;
width: 100%;
}