Style Switcher
Layout options
Primary Color
Patterns (Boxed Version)
Development
Project department assit our customer in a complete co-design activity.
Ideas
We offer a specialized service, following a target oriented philosophy.
Quality
We have an internal laboratory in which we can test every characteristic.
Production
Our production has two departments: technical and packaging.
Our production in on 3 shifts in integrated cycles and with an high level of flexibility.
Typography (2)
It is possible with templates which have a typography page to show you how you can use e.g. headline tags in order to structure your content in a better way. Below, we present rebuilt and refreshed typographical aspects of Zo2 Framework. In order to use it, you have to use a plug in which is delivered in a package with a template or use HTML code.
Heading Styles
This is Heading 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper egestas nunc in volutpat. Fusce adipiscing velit ac eros tempor iaculis. Phasellus venenatis mollis augue, non posuere odio placerat in. Etiam volutpat ultrices lectus
This is Heading 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper egestas nunc in volutpat. Fusce adipiscing velit ac eros tempor iaculis. Phasellus venenatis mollis augue, non posuere odio placerat in. Etiam volutpat ultrices lectus
This is Heading 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper egestas nunc in volutpat. Fusce adipiscing velit ac eros tempor iaculis. Phasellus venenatis mollis augue, non posuere odio placerat in. Etiam volutpat ultrices lectus
This is Heading 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper egestas nunc in volutpat. Fusce adipiscing velit ac eros tempor iaculis. Phasellus venenatis mollis augue, non posuere odio placerat in. Etiam volutpat ultrices lectus
This is Heading 5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper egestas nunc in volutpat. Fusce adipiscing velit ac eros tempor iaculis. Phasellus venenatis mollis augue, non posuere odio placerat in. Etiam volutpat ultrices lectus
This is Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper egestas nunc in volutpat. Fusce adipiscing velit ac eros tempor iaculis. Phasellus venenatis mollis augue, non posuere odio placerat in. Etiam volutpat ultrices lectus
Code
#wrapper {
position: relative;
float: left;
display: block;
}
Use <pre> or <div class="zt-code1">Here goes your code</div>
position: relative;
float: left;
display: block;
}
Use <div class="zt-code2">Here goes your code</div>
File
#wrapper {position: relative;
float: left;
}
Use <div class="zt-code3"><h4>Name of your file</h4>Here goes your code</div>
Highlights
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
This is a highlight phrase
Use <span class="zt-highlight1">Your highlight phrase goes here!</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
This is a highlight phrase
Use <span class="zt-highlight2">Your highlight phrase goes here!</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
This is a highlight phrase
Use <span class="zt-highlight3">Your highlight phrase goes here!</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
This is a highlight phrase
Use <span class="zt-highlight4">Your highlight phrase goes here!</span>
Unordered lists
Warnings
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper egestas nunc in volutpat. Fusce adipiscing velit ac eros tempor iaculis. Phasellus venenatis mollis augue, non posuere odio placerat in. Etiam volutpat ultrices lectus.
This is a sample clip note. Use <p class="box-info">Your clip note goes here!</p> to form a clip note!
This is a sample clip note. Use <p class="box-warning">Your clip note goes here!</p> to form a clip note!
This is a sample clip note. Use <p class="box-stickynote">Your clip note goes here!</p> to form a clip note!
This is a sample clip note. Use <p class="box-upload">Your clip note goes here!</p> to form a clip note!
This is a sample clip note. Use <p class="box-download">Your clip note goes here!</p> to form a clip note!
Blockquotes
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam rutrum blandit purus, vitae pharetra odio interdum sit amet.Use < blockquote><div class="zt-blockquote1"><div> Your quoted text goes here!< /div>< /div>< /blockquote >
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam rutrum blandit purus, vitae pharetra odio interdum sit amet.Use < blockquote><div class="zt-blockquote2"><div> Your quoted text goes here!< /div>< /div>< /blockquote >
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam rutrum blandit purus, vitae pharetra odio interdum sit amet.Use < blockquote><div class="zt-blockquote3"><div> Your quoted text goes here!< /div>< /div>< /blockquote >
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam rutrum blandit purus, vitae pharetra odio interdum sit amet.Use < blockquote><div class="zt-blockquote4"><div> Your quoted text goes here!< /div>< /div>< /blockquote >
Test
Curabitur at nunc odio! Nunc lacinia diam tellus; ullamcorper volutpat felis rutrum vel. Proin viverra nunc pellentesque, varius ante vitae; feugiat tellus. Nunc sit amet urna at urna fermentum consequat a quis libero. Etiam pulvinar pulvinar nunc ut ultrices. Sed placerat cursus lorem egestas gravida. Nullam pharetra et urna vel sollicitudin. Nunc elementum eget augue nec venenatis. Vivamus nec mollis sem.
THANKS FOR VISITING US
Contact Information
- Via Cascina 6, 21029 Vergiate (VA)
- +39 0331 946136
- +39 0331 948678
- info@cimplasta.com
- Privacy Policy
Newsletter
Register to our newsletter and be updated with the latests information regarding our services, offers and much more.