Mozilla practice

Raw Data
28 October 2023
18:05 - 18:40

Content without semantic tags

Quick hummus recipe This recipe makes quick, tasty hummus, with no messing. It has been adapted from a number of different recipes that I have read over the years. Hummus is a delicious thick paste used heavily in Greek and Middle Eastern dishes. It is very tasty with salad, grilled meats and pitta breads. Ingredients 1 can (400g) of chick peas (garbanzo beans) 175g of tahini 6 sundried tomatoes Half a red pepper A pinch of cayenne pepper 1 clove of garlic A dash of olive oil Instructions Remove the skin from the garlic, and chop coarsely Remove all the seeds and stalk from the pepper, and chop coarsely Add all the ingredients into a food processor Process all the ingredients into a paste. If you want a coarse "chunky" hummus, process it for a short time If you want a smooth hummus, process it for a longer time For a different flavour, you could try blending in a small measure of lemon and coriander, chili pepper, lime and chipotle, harissa and mint, or spinach and feta cheese. Experiment and see what works for you. Storage Refrigerate the finished hummus in a sealed container. You should be able to use it for about a week after you've made it. If it starts to become fizzy, you should definitely discard it. Hummus is suitable for freezing; you should thaw it and use it within a couple of months.
Semantic HTML
28 October 2023
18:05 - 18:50
<h1> <h2> <h3> <h4> <li> <h5> <h6> <p>

Content with semantic tags

Quick hummus recipe

This recipe makes quick, tasty hummus, with no messing. It has been adapted from a number of different recipes that I have read over the years.

Hummus is a delicious thick paste used heavily in Greek and Middle Eastern dishes. It is very tasty with salad, grilled meats and pitta breads.

Ingredients

  • 1 can (400g) of chick peas (garbanzo beans)
  • 175g of tahini
  • 6 sundried tomatoes
  • Half a red pepper
  • A pinch of cayenne pepper
  • 1 clove of garlic
  • A dash of olive oil

Instructions

  1. Remove the skin from the garlic, and chop coarsely
  2. Remove all the seeds and stalk from the pepper, and chop coarsely
  3. Add all the ingredients into a food processor
  4. Process all the ingredients into a paste.

If you want a coarse "chunky" hummus, process it for a short time.

If you want a smooth hummus, process it for a longer time

For a different flavour, you could try blending in a small measure of lemon and coriander, chili pepper, lime and chipotle, harissa and mint, or spinach and feta cheese. Experiment and see what works for you.

Storage

Refrigerate the finished hummus in a sealed container. You should be able to use it for about a week after you've made it. If it starts to become fizzy, you should definitely discard it.

Hummus is suitable for freezing; you should thaw it and use it within a couple of months.

Nested list
28 October 2023
18:50 - 19:00

List nested in another list

  1. Remove the skin from the garlic, and chop coarsely
  2. Remove all the seeds and stalk from the pepper, and chop coarsely
  3. Add all the ingredients into a food processor
  4. Process all the ingredients into a paste.
  5. If you want a:
    1. Coarse "chunky" hummus, process it for a short time
    2. Smooth hummus, process it for a longer time
Heading & Paragraph
30 October 2023
21:05 - 22:00
<h1> <p>

Task - Text basics

Basic HTML Animals

This is the first paragraph in our page. It introduces our animals.

The Llama

Our Llama is a big fan of list items. When she spies a patch of them on a web page, she will eat them like sweets, licking her lips as she goes.

The Anaconda

The crafty anaconda likes to slither around the page, travelling rapidly by way of anchors to sneak up on his prey.

Unorder & Ordered Lists
31 October 2023
08:55 - 09:30
<ul> <ol> <li>

Task - Lists

Looking at lists

Turn the following list of my favorite vegetables into an unordered list.

  • Cucumber
  • Broccoli
  • Asparagus
  • Pepper

Turn the following directions into an ordered list.

  1. First knock on the door
  2. When prompted, say the magic word
  3. Wait for at least 5 seconds
  4. Turn the handle and push
Strong & Emphasis
31 October 2023
09:30 - 10:00
<strong> <em>

Task - Intonation

Emphasis and importance

There are two things I care about — music and friends. Someday I might be able to get my friends interested in each other, and my music!

Hyperlinks
7 November 2023
11:15 - 14:30
<a>

Learn - Links

Hyperlinks | Task1
7 November 2023
18:40 - 19:15

Task - Whales Link

Information on Whales

For more information on our conservation activities and which Whales we study, see our Whales page.

If you want to ask our team more questions, feel free to email us.

Hyperlinks | Task2
7 November 2023
19:20 - 19:30

Task - Navigation Links

List path tests

 

The bottom of the page!

Hyperlinks | Task3
7 November 2023
19:30 - 19:45

We do lots of work with Narwhals. To find out more about this work, open this Narwhal image in a new tab.

You can email our support team if you have any more questions — send a mail to whales@example.com to do so.

You can also download this factfile (size of 4MB) to download our factfile, which contains lots more information, including an FAQ.

View the resource of mdn mozilla task
Advanced text formatting
13 November 2023
09:40 - 11:30
<dl> <dt> <dt> <blockquote> <abbr> <address> <sup> <sub> <code> <pre> <var> <kbd> <samp> <time>

Definition Lists

Bacon
The glue that binds the world together.
Eggs
The glue that binds the cake together.
Coffee
The drink that gets the world running in the morning.
A light brown color.

Quotations

Blockquotes

Stai, nu te numi crestin dacă gura ta e spurcată de drăcuieli si înjurături. Stai nu te numi crestin dacă bei alcool ca apa si din tine iese fum precum din locomotiva pe aburi. Stai nu te numi crestin dacă ochii tăi poftesc femeile precum un armăsar nechează după iepe în călduri. Stai, nu te numi crestin dacă cu o mâna faci cruce si cu alta furi, nu te numi crestin dacă mânia e foc in pieptul tău. Nu te numi crestin căci te minți singur. Caută sa locuiască Hristos in tine si apoi te vor numi alții crestin!
Cu prețuire, Toni Berbece

Inline Quotations

Hallelujah! Praise the Lord! In Psalm 25:5 it is written: Guide me in your truth and teach me, for you are God my Savior, and my hope is in you all day long.

Active learning

Hello and welcome to my motivation page. As Confucius' quotes site says:

It does not matter how slowly you go as long as you do not stop.

I also love the concept of positive thinking, and The Need To Eliminate Negative Self Talk (as mentioned in Affirmations for Positive Thinking.)

Abbreviations

NASA sure does some exciting work.

Marking up contact details

As Mozilla developer said in this course:

Note: The 'address' element should only be used to provide contact information for the document contained with the nearest 'article' or 'body' element. It would be correct to use it in the footer of a site to include the contact information of the entire site, or inside an article for the contact details of the author, but not to mark up a list of addresses unrelated to the content of that page.

Location:

C2
Romexpo
Bucharest
Romania

Get in touch via:

Superscript & Subscript

My birthday is on 3rd May 2000

Water's formula is H2O

Pitagora's theorema is a2 + b2 = c2

Representing computer code

  1. <code>

  2. int main () { cout << "Hellow World"; return 0; }
  3. <pre>

  4.         int main () {
                cout << "Hello World";
                return 0;
            }
                        
  5. <var>

  6. variable1 = 128;
  7. <kbd>

  8. CTRL + C
  9. <samp>

  10. The result is 128

Marking up times and dates


Advanced text formatting | Tasks
13 November 2023
21:10 - 21:40

Advanced HTML Animals

Llama
Tall, woolly quadruped, pointy ears. Sometimes rideable, but grumpy and spits a lot. Big fan of list items.
Anaconda
A very large constrictor snake; travels rapidly by way of anchors to sneak up on his prey.
Hippopotamus
His description is bottomless.

Advanced text semantics

Let's start with a quote:

Mozilla Developper, in Accesibility says:

HTML, Hypertext Markup Language, is by default accessible, if used correctly.

CSS, Cascading Style Sheet, can also be used to make web pages more, or less, accessible.

Chemical Formulae: H2O (Water), C2H6O (Ethanol).

Dates: (Christmas Day), (Día de los Muertos).

Doc and site structure & Debugging HTML
14 November 2023
09:00 - 12:40

Before - raw content

HTML debugging examples

What causes errors in HTML?

  • Unclosed elements: If an element is not closed properly, then its effect can spread to areas you didn't intend
  • Badly nested elements: Nesting elements properly is also very important for code behaving correctly. strong strong emphasized? what is this? Unclosed attributes: Another common source of HTML problems. Let's look at an example: link to Mozilla homepage
Screenshot of html validator raw code with errors Screenshot of html validator first four errors 1 - 4 Screenshot of html validator last four errors 5 - 8

After - corrected code

HTML debugging examples

What causes errors in HTML?

  • Unclosed elements: If an element is not closed properly, then its effect can spread to areas you didn't intend
  • Badly nested elements: Nesting elements properly is also very important for code behaving correctly. strong strong emphasized? what is this?
  • Unclosed attributes: Another common source of HTML problems. Let's look at an example: link to Mozilla homepage.
Screenshot of html validator with no errors
Images in HTML
15 November 2023
08:30 - 09:50
<img> <figure> <figcaption>

Embedding an image

Dinosaur skeleton on a white background thing

Fgure & figcapttion

Dinosaur skeleton on a white background thing
This skeleton is a piece of art from USA

Tasks - HTML images

09:12 - 09:29

A lot of blueberries filling the viewport

09:30 - 09:33

Two orange trees with some forest tree near them and blue sky

09:33 - 09:37

An abstract flaming fox wrapping around a blue sphere
The Firefox logo, newly abstracted for 2019!
Video and audio content
15 November 2023
09:53 - 11:00
<video> <audio> <source> <track>

WebVTT file format and track tag

Tasks - Multimedia and embedding

10:42 - 10:52

10:53 - 11:00

From object to iframe
15 November 2023
13:35 - 16:50
<iframe>, <object>, <embed>

As Mozilla developper says:

Note: In order to improve speed, it's a good idea to set the iframe's src attribute with JavaScript after the main content is done with loading. This makes your page usable sooner and decreases your official page load time (an important SEO metric.)
Adding vector graphics to the web
16 November 2023
10:15 - 10:55
<svg>

Raster VS Vector

Playing with what they offered me

Hello!
Responsive images
16 November 2023
11:00 - 14:00
<img srcset=""> <picture>

Using srcset atribute

Screenshot of html validator raw code with errors
Image of HTML validator. Down here is the atributes of img tag:
srcset="./img/rawdeb480.webp 480w, ./img/rawdeb800.webp 800w"
sizes="480px, (min-width: 800px) 800px"
src="./img/rawdeb800.jpg"
alt="Screenshot of html validator raw code with errors"

Using picture - art direction

Screenshot of html validator first four errors 1 - 4
Image of HTML validator.
sDown here is the source code of picture tag:
<source media="(min-width: 500px)"
srcset="./img/firstdeb800.webp" />
<source srcset="./img/firstdeb480.webp" />
<img src="./img/firstdeb800.jpg"
alt="HTML validator first four errors 1 - 4" />
HTML table basics
17 November 2023
08:00 - 09:20
<table> <td> <th> <colgroup> <col>

Creating a simple table

Hello! I'm a cell, the smallest unit of table. I'm the second cell. I'm the third cell. I'm the fourth cell.
Second row, first cell Cell 2 Cell 3 Cell 4

Table Headers

  Knocky Flor Ella Juan
Breed Jack Russell Poodle Streetdog Cocker Spaniel
Age 16 9 10 5
Owner Mother-in-law Me Me Sister-in-law
Eating Habits Eats everyone's leftovers Nibbles at food Hearty eater Will eat till he explodes

Span atribute

Animals
Hippopotamus
Horse Mare
Stallion
Crocodile
Chicken Hen
Rooster

Colgroup & col elements

Data 1 Data 2
Calcutta Orange
Robots Jazz
Inside of table:
<tr> <th>Data 1</th>
<th> style="background-color: yellow">Data 2</th>
</tr>
<tr> <td>Calcutta</td>
<td> style="background-color: yellow">Orange</td>
</tr>
<tr> <td>Robots</td>
<td> style="background-color: yellow">Jazz</td>
</tr>
Data 1 Data 2
Calcutta Orange
Robots Jazz
Inside of colgroup element:
<col style="background-color: darkkhaki;" />
School schedule with four periods
  Mon Tues Wed Thurs Fri Sat Sun
1st period English     German Dutch    
2nd period English English   German Dutch    
3rd period   German   German Dutch    
4th period   English   English Dutch    
HTML table advanced
17 November 2023
12:30 - 14:15
<caption> <thead> <tfoot> <tbody> <th scope=""> <td headers="">

Adding table structure

How I chose to spend my money
Purchase Location Date Evaluation Cost (€)
SUM 118
Haircut Hairdresser 12/09 Great idea 30
Lasagna Restaurant 12/09 Regrets 18
Shoes Shoeshop 13/09 Big regrets 65
Toothpaste Supermarket 13/09 Good 5

Scope and Headers atributes

<th scope="">

Screenshot of scope atribute used in this table
Code of part with scope atribute of Items Sold
Items Sold August 2016
    Clothes Accessories
    Trousers Skirts Dresses Bracelets Rings
Belgium Antwerp 56 22 43 72 23
Gent 46 18 50 61 15
Brussels 51 27 38 69 28
The Netherlands Amsterdam 89 34 69 85 38
Utrecht 80 12 43 36 19

<td headers="">

Screenshot of headers atribute used in this table
Code of part with headers atribute of Items Sold
Items Sold August 2016
    Clothes Accessories
    Trousers Skirts Dresses Bracelets Rings
Belgium Antwerp 56 22 43 72 23
Gent 46 18 50 61 15
Brussels 51 27 38 69 28
The Netherlands Amsterdam 89 34 69 85 38
Utrecht 80 12 43 36 19
Planet data table
17 November 2023
16:10 - 17:10

TITLE

Data about the planets of our solar system (Planetary facts taken from Nasa's Planetary Fact Sheet - Metric).
  Name Mass (1024kg) Diameter (km) Density (kg/m3) Gravity (m/s2) Length of day (hours) Distance from Sun (106km) Mean temperature (°C) Number of moons Notes
Terrestrial planets Mercury 0.330 4,879 5427 3.7 4222.6 57.9 167 0 Closest to the Sun
Venus 4.87 12,104 5243 8.9 2802.0 108.2 464 0
Earth 5.97 12,756 5514 9.8 24.0 149.6 15 1 Our world
Mars 0.642 6,792 3933 3.7 24.7 227.9 -65 2 The red planet
Jovian planets Gas giants Jupiter 1898 142,984 1326 23.1 9.9 778.6 -110 67 The largest planet
Saturn 568 120,536 687 9.0 10.7 1433.5 -140 62
Ice giants Uranus 86.8 51,118 1271 8.7 17.2 2872.5 -195 27
Neptune 102 49,528 1638 11.0 16.1 4495.1 -200 14
Dwarf planets* Pluto 0.0146 2,370 2095 0.7 153.3 5906.4 -225 5 Declassified as a planet in 2006, but this remains controversial.
CSS - Selectors
21 November 2023
15:00 - 16:30

Via tag name

This is a heading

Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.

A level 2 heading

Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

Via id and class

This is a heading

Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.

A level 2 heading

Gumbo beet greens corn soko endive gumbo gourd.

Another level 2 heading

Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

Via pseudo-class and pseudo-element

Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.

Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

Fruits Vegetables
Apple Potato
Orange Carrot
Tomato Parsnip
Kiwi Onion
Banana Beet

Via connectors

This is a heading

This paragraph comes after the heading.

This is the second paragraph.

Another heading

This paragraph comes after the heading.

  • One
  • Two
    • 2.1
    • 2.2
  • Three

Via attribute

Box Model
22 November 2023
08:45 - 09:15

Border box

I use the standard box model.
I use the alternate box model.
I use the alternate box model.

Standard box model

I use the standard box model.

Inline block

Before

Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.

Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

After using display: inline-block

Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.

Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

Backgrounds and borders
22 November 2023
10:10 - 10:40

Simple Background with border

Backgrounds & Borders

Advanced Background with border

Backgrounds & Borders

Handling different text directions
22 NOvember 2023
13:10 - 13:45

Writing mode

Turn me on my side.

Logic properties (inline-size, block-size)

Horizontal.
Vertical.

Logic values (inline-start-end, block-start-end)

Horizontal.
Vertical.
Overflowing content
22 November 2023
15:25 - 15:40

Overflowing text

Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.

Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

Overflowing image

Blueberries, a lot of blueberries filling the viewport
CSS values and units
22 November 2023
15:50 - 18:00

From lesson

1cm
1in
1pc
1pt

Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit consequatur, veritatis asperiores placeat fugit.

Color values

  • hex color — #86DEFA
  • RGB color — rgb(133, 223, 250)
  • HSL color — hsl(194, 92%, 75%)
  • Alpha value 0.5 — rgba(133, 223, 250, 0.5)

Font-size value

Level 2 heading

Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.

Level 3 heading

Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

Moving a background image

 
Sizing items in CSS
22 November 2023
18:05 - 19:00

Min-height property

Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic. Gumbo beet greens corn soko endive gumbo gourd.

Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic. Gumbo beet greens corn soko endive gumbo gourd.

Percentage width

Make me 70% of my parent's width.

Percentage min-width

star
balloons
Images and form elements
23 November 2023
08:20 - 08:40

Fit image into container perfectly

balloons

Keywords Form

Styling Tables
23 November 2023
09:00 - 09:30

Table with alternate colours

A summary of the UK's most famous punk bands
Band Year formed No. of Albums Most famous song
Buzzcocks 1976 9 Ever fallen in love (with someone you shouldn't've)
The Clash 1976 6 London Calling
The Damned 1976 10 Smash it up
Sex Pistols 1975 1 Anarchy in the UK
Sham 69 1976 13 If the kids are united
Siouxsie and the Banshees 1976 11 Hong Kong Garden
Stiff Little Fingers 1977 10 Suspect Device
The Stranglers 1974 17 No More Heroes
Total albums 77
Fundamental CSS comprehension
23 November 2023
10:30 - 12:00

Social card

Chris Mills

A picture of Chris - a man with glasses, a beard, and a silly wooly hat

50 My Street
The Town
Gray Peach
UK
ZO50 1MU
Tel: 01234 567 890
Mail: chris@nothere.com

Editing, writing, and web development services

Creating fancy letterheaded paper
23 November 2023
12:00 - 13:00

Letterheaded paper

Awesome
Company

The Awesome Company

102-112 Frail Bend Bridge
The Dwindlings
Little Hornet
HX3 9ZQ
UK

A cool-loking box
23 November 2023
13:00 - 13:45

Cool box

This is a cool box
Flexbox
27 November 2023
12:00 - 13:00

Spaced between navigation

Equal box

  • I am small
  • I have more content than the very small item.
  • I have lots of content. So much content that I don't know where it is all going to go. I'm glad that CSS is pretty good at dealing with situations where we end up with more words than expected!

Center box

Center me.

Fill wrapped box

  • Turnip
  • greens
  • yarrow
  • ricebean
  • rutabaga
  • endive
  • cauliflower
  • sea lettuce
  • kohlrabi
  • amaranth
Grids
27 November 2023
18:00 - 19:20

Simple grid display

One
Two
Three
Four

Grid area

One
Two

Grid template areas

One
Two
Three
Four

Grid & Flex

a single red balloon
  • balloon
  • red
  • sky
  • blue
  • Hot air balloon
balloons over some houses
  • balloons
  • houses
  • train
  • harborside
close-up of balloons inflating
  • balloons
  • inflating
  • green
  • blue
narwhal in the water
  • balloon
  • sun
  • sky
  • summer
  • bright
Floats
28 November 2023
08:20 - 08:45

Floating left and right

One
Two

The two boxes should float to either side of this text.

Spacing paragraph with clear

Float

This sentence appears next to the float.

Cause this sentence to appear below the float.

Display flow-root

Float

This sentence appears next to the float.

Positioning
28 November 2023
09:15 - 09:45

Position absolute

Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.

Target

Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

Fixed sidebar

Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.

Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter purslane kale. Celery potato scallion desert raisin horseradish spinach carrot soko. Lotus root water spinach fennel kombu maize bamboo shoot green bean swiss chard seakale pumpkin onion chickpea gram corn pea. Brussels sprout coriander water chestnut gourd swiss chard wakame kohlrabi beetroot carrot watercress. Corn amaranth salsify bunya nuts nori azuki bean chickweed potato bell pepper artichoke.

Multiple-column layout
28 November 2023
10:00 - 10:40

Three columns

Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.

Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter purslane kale. Celery potato scallion desert raisin horseradish spinach carrot soko. Lotus root water spinach fennel kombu maize bamboo shoot green bean swiss chard seakale pumpkin onion chickpea gram corn pea.

Three columns with border

Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.

Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter purslane kale. Celery potato scallion desert raisin horseradish spinach carrot soko. Lotus root water spinach fennel kombu maize bamboo shoot green bean swiss chard seakale pumpkin onion chickpea gram corn pea.

Header span three columns

Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.

Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

I am a level 2 heading

Lotus root water spinach fennel

Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter purslane kale. Celery potato scallion desert raisin horseradish spinach carrot soko. Lotus root water spinach fennel kombu maize bamboo shoot green bean swiss chard seakale pumpkin onion chickpea gram corn pea.