en en en en hbs_lat en en en en et en en en en en en zh en en en en en en en en mr id en en en fi en en ru en de de it vi de en pl de en de en de de it en de de de de en de de de de de de en en en en de de fr en de de de et en en en de de en en en de en de de pt de en de en sl en nb cs en de sv de de de de sv en uk km la la la sv nn en uk eo en eu id tr en en en en en en en en en en en en en en en en en en ru en hi hbs_lat mr cs en en la la la la pt en en en en en en en en en en en en en en en en en en en en la hbs_lat en en en en en bn en en en en en en en en en en en en la pms it la la la en en en en es es en de en en en en en en la la en en en en la en en en en la en hbs_lat en en en en hbs_lat en en en en hbs_lat en en kn en en en en en en en en en it en en en en en la la fr it fr la la it hbs_lat en en en en en en la la la it hbs_lat en en en en en en la la fr it fr la la it hbs_lat en en en en en en la la la it hbs_lat en en en en en en la la la it hbs_lat it en en en en en la la la it hbs_lat en en en en en en la la la it hbs_lat ja en en en en en en la la la it hbs_lat en en en en en en en en en en en en en pl tr fa en en de
Template StylesChoose your template style
User Profile User Profile Demo
Written by Super User Hits: 1772
All HTML headings,   through   are available.
Add magazine style drop caps for your first letter in paragraph to emphasize the article.
You quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious.nterruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious.nterruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious.
Simple quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious.Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious.Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious.
Y lypian...  J lypian...  S lypian...  G lypian...
Wrap inline snippets of code with  .
For example,   should be wrapped as inline.
Use   for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.
Use   for multiple lines of code including line numbers. Be sure to escape any angle brackets in the code for proper rendering.
Example block including prettyprint block
To display your code with example block use code below.
Heads up! Be sure to keep code within   tags as close to the left as possible; it will render all tabs.
You may optionally add the .pre-scrollable class which will set a max-height of 350px and provide a y-axis scrollbar.
Make a paragraph stand out by adding .lead.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.
Stylized implemenation of HTML's   element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a title attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover.
For expanded text on long hover of an abbreviation, include the title attribute.
An abbreviation of the word attribute is attr.
Add .initialism to an abbreviation for a slightly smaller font-size.
HTML is the best thing since sliced bread.
Make use of HTML's default emphasis tags with lightweight styles.
For de-emphasizing inline or blocks of text, use the small tag.
This line of text is meant to be treated as fine print.
This line of text is meant to be treated as fine print.
Convey meaning through color with a handful of emphasis utility classes.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Etiam porta sem malesuada magna mollis euismod.
Donec ullamcorper nulla non metus auctor fringilla.
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis.
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.   Etiam porta sem malesuada magna mollis euismod.   Donec ullamcorper nulla non metus auctor fringilla.   Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis.   Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
Present contact information for the nearest ancestor or the entire body of work.
Preserve formatting by ending all lines with  .
795 Folsom Ave, Suite 600
San Francisco, CA 94107
Twitter, Inc.   795 Folsom Ave, Suite 600  San Francisco, CA 94107   P:  (123) 456-7890      Full Name    first.lastATyourmailDOTcom
For quoting blocks of content from another source within your document.
Wrap   around any HTML as the quote. For straight quotes we recommend a  .
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Style and content changes for simple variations on a standard blockquote.
Add   tag for identifying the source. Wrap the name of the source work in  .
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Someone famous in Source Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.   Someone famous  Source Title
Use .pull-right for a floated, right-aligned blockquote. You can combine it with .pull-right class.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Someone famous in Source Title
Use .quoted for a quoted style blockquote. You can combine it with .pull-right class.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. Integer posuere erat
Someone famous in Source Title
Use .brackets for a curly brackets style blockquote.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. Integer posuere erat
Someone famous in Source Title
Use   01. Content goes here!  to emphasize your text blocks with big numbers.
01Sample of Big Numbers List  01. Content goes here! Need some more text here to display demo content.Need some more text here to display demo content.Need some more text here to display demo content.
02Sample of Big Numbers List   02. Content goes here!  Need some more text here to display demo content.Need some more text here to display demo content.Need some more text here to display demo content.
03Sample of Big Numbers List  03. Content goes here!  Need some more text here to display demo content.Need some more text here to display demo content.Need some more text here to display demo content.
01Sample of Big Numbers List  01. Content goes here! Need some more text here to display demo content.Need some more text here to display demo content.Need some more text here to display demo content.
02Sample of Big Numbers List   02. Content goes here!  Need some more text here to display demo content.Need some more text here to display demo content.Need some more text here to display demo content.
03Sample of Big Numbers List  03. Content goes here!  Need some more text here to display demo content.Need some more text here to display demo content.Need some more text here to display demo content.
02   Sample...      02   Sample...
A list of items in which the order does not explicitly matter.
Lorem ipsum dolor sit amet
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
Vestibulum laoreet porttitor sem
Ac tristique libero volutpat at
Faucibus porta lacus fringilla vel
Aenean sit amet erat nunc
A list of items in which the order does explicitly matter.
Lorem ipsum dolor sit amet
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
Faucibus porta lacus fringilla vel
Aenean sit amet erat nunc
A list of items with no list-style or additional left padding.
Lorem ipsum dolor sit amet
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
Vestibulum laoreet porttitor sem
Ac tristique libero volutpat at
Faucibus porta lacus fringilla vel
Aenean sit amet erat nunc
A list of items with video icon.
Lorem ipsum dolor sit amet
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
Faucibus porta lacus fringilla vel
Aenean sit amet erat nunc
A list of items with check icon.
Lorem ipsum dolor sit amet
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
Faucibus porta lacus fringilla vel
Aenean sit amet erat nunc
A list of items with star icon.
Lorem ipsum dolor sit amet
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
Faucibus porta lacus fringilla vel
Aenean sit amet erat nunc
A list of items with disc list type.
Lorem ipsum dolor sit amet
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
Faucibus porta lacus fringilla vel
Aenean sit amet erat nunc
A list of items using FontAwesome class names. You can choose from 220 icons that come with your template.
Icons respond to list font size.
Lorem ipsum dolor sit amet
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
Faucibus porta lacus fringilla vel
Aenean sit amet erat nunc
Sample of template read more button use
Sample of template read more 2 button use
Sample of template read more 3 button use
CSS Valid | XHTML Valid | Top | +  -  reset | RTL LTR
Copyright © Convalis 2016 All rights reserved. Custom Design by Youjoomla.com
YJSimpleGrid Joomla! Templates Framework official website
Typography  Home  --Home 2  --Template Styles  ---Blue  ---Pink  ---Brick  ---Green  ---Orange  --Jstuff  ---User Pages  ----Login Form  ----User Profile  ----User Regisrtation  ----Username Reminder  ----Password reset  ----404 page  ---Content Views  ----Category Blog View  ----Category List View  ----Categories View  ----Archived View  ---Web links  ---Contacts  ---News feeds  ---Joomla Search  ---Joomla Tutorials  --Typography  --Module Positions  --Menu Types  ---YJ Mega CSS Dropdown  ---YJ Mega Smooth Dropdown  ---Joomla Split Menu  --Module Styles  Information  --Kontakt  --Über uns  --Impressum  --AGB  --Arbeitsprozess  --Partner  Grafikdesign  --Werbedesign  --Corporate Design  ---Logoentwicklung  ---Corporate Design Manual  ---Geschäftsbroschüre und -berichte  ---Geschäftausstattungen  --Messedesign  Print-Design  --Werbemedien  ---Flyer & Broschüren  ---Imageprospekte  ---Anzeigen & Plakate  ---POS (Point-of-Sale)  ---Werbemittel  --Kataloge  ---Produktkatalog  ---Gebrauchsanweisung  --Verpackungsdesign  --Buchdruck  Webdesign  --Web-Design  ---Homepage  ---Landing Page  ---Übersichtspage  ---Facebook-Seite  ---YouTube-Channel  --Onlineshop Design  ---Onlineshop Gestaltung  ---Onlineshop Optimierung  --Webseite erstellen  ---Joomla  ---Wordpress  --Online Marketing  ---Google AdWords  ---Suchmaschinenmarketing  ---Suchmaschinenoptimierung  ---Social Media  Motion Design  --Flash Design  ---Banner- und Flash-Entwicklung  ---Flash Games  ---Cartoon Produktion  --Film Produktion  ---Imagefilm  ---Produktfilm  ---Motion Graphics / Motion Design  ---3D Produktvisualisierung  --Interaktives Design  ---Konfigurator  ---Digitale Magazine  Fotodesign  --Fotografie  ---Packshots  ---Werbefoto  ---Moodfoto  --Bildbearbeitung  ---Freisteller  ---Maskierung  ---Retusche  ---Fotomontage  Kooperationspartner  --K2  ---K2 Categories  ----Praesent  ----Faucibus  ----Vestibulum  ---K2 Item  ---K2 Tag  ---K2 User  ---K2 Latest Items  --YJ Multitabs  --Shadow Slider  --YJ Latest Tweets  --YJ Module Engine  --Youyork Module Slider  Blog