• Home
  • Magenta News
  • Our Services
    • Accountancy
    • Tax
    • Consultancy
    • Book-keeping
    • Payroll
  • Our Team
    • Keeley Cousens
    • Stacey Sturgess
    • Karen Myers
    • Jennie Free
    • Kim Palmer
    • David Nurmamade
    • Jess Cousens
  • Contact Us
  • Privacy
    • Data Protection Policy
    • Website Privacy Policy

Shortcodes Example

All syntax below uses shortcodes, the content macro used in WordPress. Shortcodes converts simple, understandable and pre-defined syntax to complex HTML constructions.

If you wish to view the typography page, showing how to setup the various typography elements with HTML, then please go to the HTML Typography page.

If you would like to read more detailed information on inserting the included typography into your content, check out the Typography Tutorial.

This is a ComponentHeading

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

This is a ContentHeading

Proin ac nunc eu nunc condimentum accumsan. Phasellus odio justo, euismod vitae, egestas a, porttitor in, urna. Maecenas vitae mauris. Donec vestibulum, nunc eu varius pharetra, massa est sagittis odio, sit amet eleifend elit dolor id tortor.

This is an H1 Header

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet odio quis sapien molestie ultrices. Vivamus quis lectus. Praesent eu mi. Curabitur pharetra leo sed nisl. Nunc vel nisi. Aliquam nulla. Etiam at est. Pellentesque arcu diam, tempus nec, sodales eu, ullamcorper quis, risus.

This is an H2 Header

Proin ac nunc eu nunc condimentum accumsan. Phasellus odio justo, euismod vitae, egestas a, porttitor in, urna. Maecenas vitae mauris. Donec vestibulum, nunc eu varius pharetra, massa est sagittis odio, sit amet eleifend elit dolor id tortor.

This is an H3 Header

Mauris euismod. In ac massa vitae quam tincidunt dapibus. Ut at tortor nec mi mattis blandit. Maecenas venenatis lorem at nulla. Phasellus a libero. Sed odio odio, eleifend dignissim, feugiat vel, tempor nec, ligula. Suspendisse lacinia convallis nulla. Vestibulum posuere, lacus aliquet pulvinar faucibus, tortor urna luctus diam, vitae ultrices ante magna non tellus.

This is an H4 Header

Mauris euismod. In ac massa vitae quam tincidunt dapibus. Ut at tortor nec mi mattis blandit. Maecenas venenatis lorem at nulla. Phasellus a libero. Sed odio odio, eleifend dignissim, feugiat vel, tempor nec, ligula. Suspendisse lacinia convallis nulla. Vestibulum posuere, lacus aliquet pulvinar faucibus, tortor urna luctus diam, vitae ultrices ante magna non tellus.

This is an H5 Header

Mauris euismod. In ac massa vitae quam tincidunt dapibus. Ut at tortor nec mi mattis blandit. Maecenas venenatis lorem at nulla. Phasellus a libero. Sed odio odio, eleifend dignissim, feugiat vel, tempor nec, ligula. Suspendisse lacinia convallis nulla. Vestibulum posuere, lacus aliquet pulvinar faucibus, tortor urna luctus diam, vitae ultrices ante magna non tellus.

Blockquote Styles

This is a blockquote, you will want to use the following formatting: [blockquote]....[/blockquote]Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

DropCap Styles

PPraesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

You will need to use the following formatting: [dropcap cap="P"]...some content...[/dropcap]

1You will need to use the following formatting: [dropcap cap="1"]...some content...[/dropcap]


2You will need to use the following formatting: [dropcap cap="2"]...some content...[/dropcap]


3You will need to use the following formatting: [dropcap cap="3"]...some content...[/dropcap]

List Styles - Icon Bullets

Below is a list with icons. To use this style create a list in the following format: [list class=class name][li]....[/li][li....[/li][/list]

  • To use this style create a list in the following format: [list class="bullet-add"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-add"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-arrow"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-arrow"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-briefcase"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-briefcase"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-calendar"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-calendar"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-check"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-check"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-crank"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-crank"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-delete"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-delete"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-docs"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-docs"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-email"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-email"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-home"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-home"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-key"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-key"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-lock"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-lock"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-minus"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-minus"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-monitor"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-monitor"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-notes"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-notes"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-post"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-post"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-printer"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-printer"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-rss"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-rss"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-unlock"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-unlock"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-warning"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-warning"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-write"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-write"][li]...[/li][li]...[/li][/list].

List Styles - Bullets

Below is a list with bullets. To use this style create a list in the following format: [list class=class name][li]....[/li][li....[/li][/list]

  • To use this style create a list in the following format: [list class="bullet-1"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-1"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-2"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-2"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-3"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-3"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-4"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-4"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-5"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-5"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-6"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-6"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-7"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-7"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-8"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-8"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-9"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-9"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-10"][li]...[/li][li]...[/li][/list].

  • To use this style create a list in the following format: [list class="bullet-10"][li]...[/li][li]...[/li][/list].

Emphasis Styles

This is a span that allows you to highlight words or phrases. Use the following format: [emphasis] ... some content ... [/emphasis]

This is a span that allows you to highlight words or phrases. Use the following format: [emphasisbold] ... some content .... [/emphasisbold]

This is a span that allows you to highlight words or phrases. Use the following format: [emphasisbold2] ... some content .... [/emphasisbold2]

Inset Styles

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Inset Right TitleYou will need to use the following formatting: [inset side="right" title="Inset Right Title"] ... some content ...[/inset]Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Inset Left TitleYou will need to use the following formatting: [inset side="left" title="Inset Left Title"] ... some content ...[/inset]Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Notice Styles

This is a sample of the 'alert' style. Use this style to denote very important information to your users. To use this use the following syntax: [div class="alert" class2="typo-icon"] ...some content.... [/div]
This is a sample of the 'approved' style. Use this style to denote very important information to your users. To use this use the following syntax: [div class="approved" class2="typo-icon"] ...some content.... [/div]
This is a sample of the 'attention' style. Use this style to denote very important information to your users. To use this use the following syntax: [div class="attention" class2="typo-icon"] ...some content.... [/div]
This is a sample of the 'camera' style. Use this style to denote very important information to your users. To use this use the following syntax: [div class="camera" class2="typo-icon"] ...some content.... [/div]
This is a sample of the 'cart' style. Use this style to denote very important information to your users. To use this use the following syntax: [div class="cart" class2="typo-icon"] ...some content.... [/div]
This is a sample of the 'doc' style. Use this style to denote very important information to your users. To use this use the following syntax: [div class="doc" class2="typo-icon"] ...some content.... [/div]
This is a sample of the 'download' style. Use this style to denote very important information to your users. To use this use the following syntax: [div class="download" class2="typo-icon"] ...some content.... [/div]
This is a sample of the 'media' style. Use this style to denote very important information to your users. To use this use the following syntax: [div class="media" class2="typo-icon"] ...some content.... [/div]
This is a sample of the 'note' style. Use this style to denote very important information to your users. To use this use the following syntax: [div class="note" class2="typo-icon"] ...some content.... [/div]
This is a sample of the 'notice' style. Use this style to denote very important information to your users. To use this use the following syntax: [div class="notice" class2="typo-icon"] ...some content.... [/div]
This is a sample of the 'quote' style. Use this style to denote very important information to your users. To use this use the following syntax: [div3 class="quote" class2="quote-l" class3="quote-r"] ...some content.... [/div3]

Pre Example


This is a sample [pre] ... [/pre] tag:

div.modulebox-black div.bx1 {
background: url(../images/black/box_bl.png) 0 100% no-repeat;
}

div.modulebox-black div.bx2 {
background: url(../images/black/box_tr.png) 100% 0 no-repeat;
}

div.modulebox-black div.bx3 {
background: url(../images/black/box_tl.png) 0 0 no-repeat;
padding: 0;
margin: 0;
}

Recent Posts

  • BUDGET UPDATE MARCH 2021
  • VAT DEFERRAL NEW PAYMENT SCHEME

Useful Links

  • HM Revenue & Customs

Contact Info

Magenta Accounts
Unit 2A Poles Copse
Poles Lane
Otterbourne
Winchester
SO21 2DZ
Tel: 01962 717498
Mob: 07795 974685
email: info@magenta-accounts.com

Client Testimonials

Wonderful, friendly service. Thank you so much for looking after us!

Faye Chandler, Oliver Chandler Limited

I would gladly recommend Keeley to anybody who is looking for a conscientious, detailed and hard working accounting professional. Both individually, during her career before Magenta, and now as part of the wider Magenta Accounts team Keeley has looked after my financial well-being over the last fifteen years, and has done it exquisitely well. In fact, so happy am I to recommend Keeley, that four of my closest friends now have their company finances managed by Keeley's safe hands at Magenta.

Mike Boreham. Managing Director, Quiddity Solutions Limited

Magenta have handled our payroll and invoicing for three years, and have had an extremely positive impact on Semantic. Between them the team now handle all my personal and professional needs.

Nick Warren. Managing Director, Semantic Limited

Keeley has handled all my tax affairs for many years and I cannot speak highly enough about the professional level of service she has provided. Her efficiency and knowledge mean that my tax affairs are handled swiftly and competently making the whole experience pleasurable and cost effective.

Linda Green

Just a note to say how impressed I have been with Magenta Accounts and the service that you have provided me within my first 6 months of setting up my business. With being a new business, making sure I generate income immediately is vital, so by knowing that you are taking away of all my financial duties from me such as making small payments to providing monthly management accounts allows me to focus more of my time on other aspects such as growing the business and generating revenue. Each member of staff provides a personal and prompt service and it is comforting to know that whoever I speak to at Magenta Accounts, each member of staff is fully aware of my accounts and the current situation. I would fully recommend your company to any business who is looking for a service that not only helps take away the stress of looking after money, but also helps you grow as a business.

Michael Dyble, Managing Director, Dybles Limited

Keeley and her team are fantastic at providing the right advice, expert skills and taking the headache of accounting away from me, allowing me to spend more time on my business, not in it. Highly recommended local, friendly company.

Mike Hayward, Managing Director, Burton Technologies Limited