Typography

Подробности
Создано: 24.01.2015 17:04
Обновлено: 08.06.2015 08:22
Просмотров: 6888
Headings

H1: This is a sample Heading 1.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy.

H2: This is a sample Heading 2.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy.

H3: This is a sample Heading 3.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy.

H4: This is a sample Heading 4.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy.

H5: This is a sample Heading 5.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy.

H6: This is a sample Heading 6.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy.

List styles

Demo:

  • Lorem Ipsum is simply dummy text of the printing and typesetting industry.
  • Lorem Ipsum is simply dummy text of the printing and typesetting industry.
  • Lorem Ipsum is simply dummy text of the printing and typesetting industry.
  • Lorem Ipsum is simply dummy text of the printing and typesetting industry.

For use:


      
  • The list item goes here.


      
  • The list item goes here.


      
  • The list item goes here.


      
  • The list item goes here.
Blockquote

Demo:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel arcu eget nibh tincidunt aliquam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu vestibulum magna. Morbi tristique est vel urna vulputate euismod. In sit amet augue sem, quis lobortis magna. Curabitur vel arcu eget nibh tincidunt aliquam. Curabitur vel arcu eget nibh tincidunt aliquam. Curabitur vel arcu eget nibh tincidunt aliquam. In congue, felis ut tristique aliquet, velit neque interdum elit, ac vestibulum mi nulla vel lacus. Phasellus malesuada ante vitae odio gravida posuere. Curabitur vel arcu eget nibh tincidunt aliquam.

For use:


      


        


          
Your text goes here..


          
Your text goes here..

Demo:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel arcu eget nibh tincidunt aliquam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu vestibulum magna. Morbi tristique est vel urna vulputate euismod. In sit amet augue sem, quis lobortis magna. Curabitur vel arcu eget nibh tincidunt aliquam. Curabitur vel arcu eget nibh tincidunt aliquam. Curabitur vel arcu eget nibh tincidunt aliquam. In congue, felis ut tristique aliquet, velit neque interdum elit, ac vestibulum mi nulla vel lacus. Phasellus malesuada ante vitae odio gravida posuere. Curabitur vel arcu eget nibh tincidunt aliquam.

For use:


      


        


          
Your text goes here..


          
Your text goes here..

Demo:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu vestibulum magna. Morbi tristique est vel urna vulputate euismod. In sit amet augue sem, quis lobortis magna. In congue, felis ut tristique aliquet, velit neque interdum elit, ac vestibulum mi nulla vel lacus. Phasellus malesuada ante vitae odio gravida posuere. Curabitur vel arcu eget nibh tincidunt aliquam.

For use:


      


        


          
Your text goes here..
Dropcaps

Demo:

T

Phasellus consectetur lacus et magna laoreet suscipit. Curabitur facilisis felis sed lacus molestie at sollicitudin nisi tincidunt. Curabitur aliquet fermentum metus eu rhoncus. Nulla purus odio, sagittis ac tempus a, dapibus et dui. Duis in turpis urna. Praesent accumsan accumsan aliquam. Quisque sit amet fringilla tellus. Praesent purus enim, imperdiet a malesuada et, interdum eu libero. Pellentesque mollis volutpat molestie. Nunc luctus vestibulum diam. Vivamus venenatis lectus nec lacus ultricies imperdiet.

For use:


      


        T

        
Your text goes here..
Image Floating

Demo:

Custom Image Frame with Left Alignment and Border


Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

For use:


      
Custom Image Frame with Left Alignment and Border



      

      
Your text goes here..

Demo:

Custom Image Frame with Right Alignment and Border


Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

For use:


      
Custom Image Frame with Right Alignment and Border



      

      
Your text goes here..
Tables

Demo:

Header 1 Header 2 Header 3 Header 4
Item 1 Description Subtotal $ 0.00
Item 2 Description Discount $ 0.00
Item 3 Description Shipping $ 0.00
Item 4 Description Tax $ 0.00


For use:


      


        

        


          Header 1

          Header 2

          Header 3

          Header 4

        


        

        

        


          Item 1

          Description

          Subtotal

          $ 0.00

        


        


          Item 2

          Description

          Discount

          $ 0.00

        


        


          Item 3

          Description

          Shipping

          $ 0.00

        


        


          Item 4

          Description

          Tax

          $ 0.00
Block Numbers

Demo:

1Phasellus consectetur lacus et magna laoreet suscipit. Curabitur facilisis felis sed lacus molestie at sollicitudin nisi tincidunt.

For use:


      
1Your text goes here..

Demo:

2Phasellus consectetur lacus et magna laoreet suscipit. Curabitur facilisis felis sed lacus molestie at sollicitudin nisi tincidunt.

For use:


      
2Your text goes here..

Demo:

3Phasellus consectetur lacus et magna laoreet suscipit. Curabitur facilisis felis sed lacus molestie at sollicitudin nisi tincidunt.

For use:


      
3Your text goes here..
Codes

Demo:

div.dropcap4 span {
      float: left;
      font-size: 4em;
      font-weight: bold;
      color: #0094D4;
      padding: 0 15px 5px 0;
      margin: 0;
}

For use:


      
Your code goes here...
Highlights

Demo:

This is ahighlight phrasefor your Joomla! content.

This is ahighlight phrasefor your Joomla! content.

This is ahighlight phrasefor your Joomla! content.

For use:


      
This is ahighlight phrasefor your Joomla! content.


      
This is ahighlight phrasefor your Joomla! content.


      
This is ahighlight phrasefor your Joomla! content.
Forms

Demo:

Special Fieldset - Style 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est.


For use:


      


          Special Fieldset - Style 1

          
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est.

Demo:




  

Demo:

Special Fieldset - Style 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est.


For use:


      


          Special Fieldset - Style 2

          
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est.

Demo:
Social Icons

Demo:



For use: