Styleguide
This page is a combination all the components on the site. Any new components that are built should be added to here using static HTML first before they are added as regions.
Headings
Font Primary
H1 - Cras justo odio, dapibus ac facilisis in.
H2 - Cras justo odio, dapibus ac facilisis in.
H3 - Cras justo odio, dapibus ac facilisis in.
H4 - Cras justo odio, dapibus ac facilisis in.
H5 - Cras justo odio, dapibus ac facilisis in.
H6 - Cras justo odio, dapibus ac facilisis in.
Font Secondary
H1 - Cras justo odio, dapibus ac facilisis in.
H2 - Cras justo odio, dapibus ac facilisis in.
H3 - Cras justo odio, dapibus ac facilisis in.
H4 - Cras justo odio, dapibus ac facilisis in.
H5 - Cras justo odio, dapibus ac facilisis in.
H6 - Cras justo odio, dapibus ac facilisis in.
Font Tertiary
H1 - Cras justo odio, dapibus ac facilisis in.
H2 - Cras justo odio, dapibus ac facilisis in.
H3 - Cras justo odio, dapibus ac facilisis in.
H4 - Cras justo odio, dapibus ac facilisis in.
H5 - Cras justo odio, dapibus ac facilisis in.
H6 - Cras justo odio, dapibus ac facilisis in.
Paragraphs
Vestibulum id ligula porta felis euismod semper. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Donec sed odio dui. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Donec ullamcorper nulla non metus auctor fringilla.
Vestibulum id ligula porta felis euismod semper. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Donec sed odio dui. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Donec ullamcorper nulla non metus auctor fringilla.
Sed posuere consectetur est at lobortis. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna. Sed posuere consectetur est at lobortis.
Sed posuere consectetur est at lobortis. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna. Sed posuere consectetur est at lobortis.
Sed posuere consectetur est at lobortis. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna. Sed posuere consectetur est at lobortis.
Sed posuere consectetur est at lobortis. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna. Sed posuere consectetur est at lobortis.
Sed posuere consectetur est at lobortis. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna. Sed posuere consectetur est at lobortis.
Nullam quis risus eget urna mollis ornare vel eu leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras mattis consectetur purus sit amet fermentum.Lists
- List item 1
- List item 2
- List item 3
- List item 4
- List item 1
- List item 2
- List item 3
- List item 4
Form Inputs
Text Inputs
Select Inputs
Checkboxes
Promo Banner
For nearly 40 years we have strived to set the standard for Chinese food in London
Our StoryCards
Gallery
Grid
Icons
Media Objects
Media Object (Regular)
Consectetur Inceptos Cras Ullamcorper
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ex purus, porta vel metus nec, dapibus finibus nibh. Sed non turpis auctor, blandit orci id, ullamcorper felis. Proin est ante, placerat in dui non, facilisis pellentesque diam. Donec quis tortor ac felis semper varius. Pellentesque sit amet leo posuere, interdum elit a, eleifend justo. Quisque libero mauris, scelerisque eu.
Chinese New YearMedia Object (Map/Opening Times)
How To Get To Wandsworth Common
Address
11 Bellevue RoadLondon
SW17 7EG
Telephone
020 8682 9230
Opening Hours
Monday | 12.00 - 14.30 | 18.00 - 22.45 |
Tuesday | 12.00 - 14.30 | 18.00 - 22.45 |
Wednesday | 12.00 - 14.30 | 18.00 - 22.45 |
Thursday | 12.00 - 14.30 | 18.00 - 22.45 |
Friday | 12.00 - 14.30 | 18.00 - 22.45 |
Saturday | 12.00 - 14.30 | 18.00 - 22.45 |
Sunday | 12.00 - 14.45 | 18.00 - 22.00 |
If you have any questions or feedback, please contact the restaurant here
Media Object Background (Top)
Consectetur Inceptos Cras Ullamcorper
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ex purus, porta vel metus nec, dapibus finibus nibh. Sed non turpis auctor, blandit orci id, ullamcorper felis. Proin est ante, placerat in dui non, facilisis pellentesque diam. Donec quis tortor ac felis semper varius. Pellentesque sit amet leo posuere, interdum elit a, eleifend justo. Quisque libero mauris, scelerisque eu.
Chinese New YearMedia Object Background (Bottom)
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ex purus, porta vel metus nec, dapibus finibus nibh. Sed non turpis auctor, blandit orci id, ullamcorper felis. Proin est ante, placerat in dui non, facilisis pellentesque diam. Donec quis tortor ac felis semper varius. Pellentesque sit amet leo posuere, interdum elit a, eleifend justo. Quisque libero mauris, scelerisque eu.
Call to ActionMedia Object (Wide)
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ex purus, porta vel metus nec, dapibus finibus nibh. Sed non turpis auctor, blandit orci id, ullamcorper felis. Proin est ante, placerat in dui non, facilisis pellentesque diam. Donec quis tortor ac felis semper varius. Pellentesque sit amet leo posuere, interdum elit a, eleifend justo. Quisque libero mauris, scelerisque eu.
Call to ActionMedia Object (Symbol)
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ex purus, porta vel metus nec, dapibus finibus nibh. Sed non turpis auctor, blandit orci id, ullamcorper felis. Proin est ante, placerat in dui non, facilisis pellentesque diam. Donec quis tortor ac felis semper varius. Pellentesque sit amet leo posuere, interdum elit a, eleifend justo. Quisque libero mauris, scelerisque eu.
Call to ActionMedia Object (Overlap)
Our Story
Lorem ipsum dolor sit amet, consectetur adipiscing elit, proin ex purus.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
Call to ActionPanels
Quotes
...impressed with the decor. classy restaurant. hot pots were particularily excellent.