Lila Avenue

Website Services

Markdown Parser

Markdown is a quick and easy way to create web pages using a small number of editing symbols.
View a DEMO

Headings

For example, the # symbol is used to indicate a heading:

#Largest Heading
##Second Largest Heading
###Third Largest Heading
####Fourth Largest Heading
#####Small Heading

HTML:

Heading example

Largest Heading

Second Largest Heading

Third Largest Heading

Fourth Largest Heading

Small Heading

Bullet List

To create a bullet list, use * before each item. Be sure to include a space between the * and the text.

* This is item 1
* This is item 2
* This is item 3
HTML:
list example

  • This is item 1
  • This is item 2
  • This is item 3

Bold

You can make a text item bold by enclosing it in ** ;

**This is bold text**
HTML:
bold example

This is bold text

Italics

You can make a text item italic by enclosing it in a single *.

*This is italic text*
HTML:
italics example

This is italic text

Block Quotes

Start paragraph with >
A double space ends the quotation

>This is a quote
And this is a second line of the quote

HTML:
quote example

This is a quote
And this is the second line of the quote

Links

The text for the link goes inside square brackets, and the url goes inside parenthesis:

[Amazing Animals](https://wealthycats.com)

Amazing Animals
HTML:
link example

Pictures

Pictures are almost the same as links, but there is a ‘!” in front of the square brackets:
![Beautiful Cat](pictures/beautifulcat.png)
Beautiful Cat
HTML:
image example

Picture LInks

Picture links are a combination of the markdown for pictures and links:

[![Special Cats](data/images/general/delilah.jpg)](https://wealthycats)
This is a picture:Special Cats
HTML:
image link example

Advanced Features

Image features are automatically added when inserting an image into text during editing

Image justification

![image description ] (image location RIGHT )
![image description ] (image location LEFT )
![image description ] (image location LEFT SMALL )

Image sizes

XSMALL: 100px     SMALL: 180px     MEDUIM: 300px     LARGE: 450px     XLARGE: 700px

Image with Caption

![image description](image location)%%This is a caption/%%

Style

[STYLE](class name)Text to be styled [ENDSTYLE]

Color

[COLOR](Color code or name)Text to be colored[ENDCOLOR]

Break from left or right float

[BREAK]

Blank line

[BLANKLINE] [BLANKLINES](number of blank lines)

Columns

2 Columns: [2COL1]Text[2COL2]Text [ENDCOL]
3 Columns: [3COL1]Text[3COL2]Text[3COL3]Text[ENDCOL]
2/3 Columns: [23COL1]Text[3COL3] Text [ENDCOL] [3COL1]Text[23COL2] Text [ENDCOL]