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.

50 lines
1.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<script src="cms.js" defer></script>
<title>food list</title>
</head>
<body>
<h1>the ultimate grgr's guide to food</h1>
<p>a list of allowed food and forbidden food,</p>
<div class="allfood">
<div class="allowed">
<h2>✔✔✔</h2>
<div class="veggies">
<h3>Cruciferous vegetables</h3>
<ul>
<li>arugula <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse1.mm.bing.net%2Fth%3Fid%3DOIP.XWnDDq0mOvMv9d2QoGolrgHaFF%26pid%3DApi&f=1" alt=""></li>
<li>bok choy <img src="https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2F3stylelife.com%2Fwp-content%2Fuploads%2F2015%2F06%2Fbok-choy.jpg&f=1&nofb=1" alt=""></li>
<li>broccoli</li>
<li>brussel sprouts</li>
<li>cauliflower</li>
<li>collards</li>
<li>kale</li>
<li>kimchi</li>
<li>kohlrabi</li>
<li>napa cabbage</li>
<li>radicchio</li>
</ul>
</div>
<div class="veggies">
<h3>Leafy greens</h3>
<ul>
<li></li>
</ul>
</div>
</div>
<div class="forbidden">
<h2>❌❌❌</h2>
</div>
</div>
</body>
</html>