Section title
ZKIN comes with 4 title styles and horizontal alignment in section title style 2, 3, 4 which you can easily change them to center, left or right aligned. Also includes title color scheme for white background, dark background and color background.
Heading
Lorem ipsum dolor sit amet consectetur adipiscing mauris magna lacinia ac purus quis, rutrum bibendum leo sit nullam rem nibheu odio ornare arcu imperdiet quis interdum diam cursus ornare sit amet id mi. In tempor libero nec risus porta, in convallis purus pellentesque. Nulla facilisi. Nunc scelerisque, justo sit amet porta mollis.
Center
Lorem ipsum dolor sit amet consectetur adipiscing mauris magna lacinia ac purus quis, rutrum bibendum leo sit nullam rem nibheu odio ornare arcu imperdiet quis interdum diam cursus ornare sit amet id mi. In tempor libero nec risus porta, in convallis purus pellentesque. Nulla facilisi. Nunc scelerisque, justo sit amet porta mollis.
Left
Lorem ipsum dolor sit amet consectetur adipiscing mauris magna lacinia ac purus quis, rutrum bibendum leo sit nullam rem nibheu odio ornare arcu imperdiet quis interdum diam cursus ornare sit amet id mi. In tempor libero nec risus porta, in convallis purus pellentesque. Nulla facilisi. Nunc scelerisque, justo sit amet porta mollis.
Right
Lorem ipsum dolor sit amet consectetur adipiscing mauris magna lacinia ac purus quis, rutrum bibendum leo sit nullam rem nibheu odio ornare arcu imperdiet quis interdum diam cursus ornare sit amet id mi. In tempor libero nec risus porta, in convallis purus pellentesque. Nulla facilisi. Nunc scelerisque, justo sit amet porta mollis.
Center
Lorem ipsum dolor sit amet consectetur adipiscing mauris magna lacinia ac purus quis, rutrum bibendum leo sit nullam rem nibheu odio ornare arcu imperdiet quis interdum diam cursus ornare sit amet id mi. In tempor libero nec risus porta, in convallis purus pellentesque. Nulla facilisi. Nunc scelerisque, justo sit amet porta mollis.
Left
Lorem ipsum dolor sit amet consectetur adipiscing mauris magna lacinia ac purus quis, rutrum bibendum leo sit nullam rem nibheu odio ornare arcu imperdiet quis interdum diam cursus ornare sit amet id mi. In tempor libero nec risus porta, in convallis purus pellentesque. Nulla facilisi. Nunc scelerisque, justo sit amet porta mollis.
Right
Lorem ipsum dolor sit amet consectetur adipiscing mauris magna lacinia ac purus quis, rutrum bibendum leo sit nullam rem nibheu odio ornare arcu imperdiet quis interdum diam cursus ornare sit amet id mi. In tempor libero nec risus porta, in convallis purus pellentesque. Nulla facilisi. Nunc scelerisque, justo sit amet porta mollis.
Center
Lorem ipsum dolor sit amet consectetur adipiscing mauris magna lacinia ac purus quis, rutrum bibendum leo sit nullam rem nibheu odio ornare arcu imperdiet quis interdum diam cursus ornare sit amet id mi. In tempor libero nec risus porta, in convallis purus pellentesque. Nulla facilisi. Nunc scelerisque, justo sit amet porta mollis.
Left
Lorem ipsum dolor sit amet consectetur adipiscing mauris magna lacinia ac purus quis, rutrum bibendum leo sit nullam rem nibheu odio ornare arcu imperdiet quis interdum diam cursus ornare sit amet id mi. In tempor libero nec risus porta, in convallis purus pellentesque. Nulla facilisi. Nunc scelerisque, justo sit amet porta mollis.
Right
Lorem ipsum dolor sit amet consectetur adipiscing mauris magna lacinia ac purus quis, rutrum bibendum leo sit nullam rem nibheu odio ornare arcu imperdiet quis interdum diam cursus ornare sit amet id mi. In tempor libero nec risus porta, in convallis purus pellentesque. Nulla facilisi. Nunc scelerisque, justo sit amet porta mollis.
Heading
Lorem ipsum dolor sit amet consectetur adipiscing mauris magna lacinia ac purus quis, rutrum bibendum leo sit nullam rem nibheu odio ornare arcu imperdiet quis interdum diam cursus ornare sit amet id mi. In tempor libero nec risus porta, in convallis purus pellentesque. Nulla facilisi. Nunc scelerisque, justo sit amet porta mollis.
Center
Lorem ipsum dolor sit amet consectetur adipiscing mauris magna lacinia ac purus quis, rutrum bibendum leo sit nullam rem nibheu odio ornare arcu imperdiet quis interdum diam cursus ornare sit amet id mi. In tempor libero nec risus porta, in convallis purus pellentesque. Nulla facilisi. Nunc scelerisque, justo sit amet porta mollis.
Left
Lorem ipsum dolor sit amet consectetur adipiscing mauris magna lacinia ac purus quis, rutrum bibendum leo sit nullam rem nibheu odio ornare arcu imperdiet quis interdum diam cursus ornare sit amet id mi. In tempor libero nec risus porta, in convallis purus pellentesque. Nulla facilisi. Nunc scelerisque, justo sit amet porta mollis.
Right
Lorem ipsum dolor sit amet consectetur adipiscing mauris magna lacinia ac purus quis, rutrum bibendum leo sit nullam rem nibheu odio ornare arcu imperdiet quis interdum diam cursus ornare sit amet id mi. In tempor libero nec risus porta, in convallis purus pellentesque. Nulla facilisi. Nunc scelerisque, justo sit amet porta mollis.
Center
Lorem ipsum dolor sit amet consectetur adipiscing mauris magna lacinia ac purus quis, rutrum bibendum leo sit nullam rem nibheu odio ornare arcu imperdiet quis interdum diam cursus ornare sit amet id mi. In tempor libero nec risus porta, in convallis purus pellentesque. Nulla facilisi. Nunc scelerisque, justo sit amet porta mollis.
Left
Lorem ipsum dolor sit amet consectetur adipiscing mauris magna lacinia ac purus quis, rutrum bibendum leo sit nullam rem nibheu odio ornare arcu imperdiet quis interdum diam cursus ornare sit amet id mi. In tempor libero nec risus porta, in convallis purus pellentesque. Nulla facilisi. Nunc scelerisque, justo sit amet porta mollis.
Right
Lorem ipsum dolor sit amet consectetur adipiscing mauris magna lacinia ac purus quis, rutrum bibendum leo sit nullam rem nibheu odio ornare arcu imperdiet quis interdum diam cursus ornare sit amet id mi. In tempor libero nec risus porta, in convallis purus pellentesque. Nulla facilisi. Nunc scelerisque, justo sit amet porta mollis.
Center
Lorem ipsum dolor sit amet consectetur adipiscing mauris magna lacinia ac purus quis, rutrum bibendum leo sit nullam rem nibheu odio ornare arcu imperdiet quis interdum diam cursus ornare sit amet id mi. In tempor libero nec risus porta, in convallis purus pellentesque. Nulla facilisi. Nunc scelerisque, justo sit amet porta mollis.
Left
Lorem ipsum dolor sit amet consectetur adipiscing mauris magna lacinia ac purus quis, rutrum bibendum leo sit nullam rem nibheu odio ornare arcu imperdiet quis interdum diam cursus ornare sit amet id mi. In tempor libero nec risus porta, in convallis purus pellentesque. Nulla facilisi. Nunc scelerisque, justo sit amet porta mollis.
Right
Lorem ipsum dolor sit amet consectetur adipiscing mauris magna lacinia ac purus quis, rutrum bibendum leo sit nullam rem nibheu odio ornare arcu imperdiet quis interdum diam cursus ornare sit amet id mi. In tempor libero nec risus porta, in convallis purus pellentesque. Nulla facilisi. Nunc scelerisque, justo sit amet porta mollis.
Dividers
You can quickly add a divider with our divider component classes. Includes four default styles for white background, dark background and color background.
Drop caps
Add drop cap component class to the first paragraph to give your article a dramatic and polished look. Also you can use drop cap with contextual text classes for dark background.
Aorem ipsum dolor sit amet consectetur adipiscing elit mauris magna, lacinia ac purus quis, rutrum bibendum nullam sit amet nibh laoreet imperdiet ut tristique auctor mattis condimentum ultricies cras enim et augue facilisis lacinia nec turpis a mauris eget ligula condimentum semper dolor sit amet condimentum. Aenean sollicitudin, justo eu pulvinar rutrum, felis lectus mattis purus, a auctor nunc metus gravida dui. Nam cursus turpis vel ullamcorper sagittis. Nam dignissim sapien at tellus ultrices, at posuere dui accumsan aenean sodales sodales eros.
Aorem ipsum dolor sit amet consectetur adipiscing elit mauris magna, lacinia ac purus quis, rutrum bibendum nullam sit amet nibh laoreet imperdiet ut tristique auctor mattis condimentum ultricies cras enim et augue facilisis lacinia nec turpis a mauris eget ligula condimentum semper dolor sit amet condimentum. Aenean sollicitudin, justo eu pulvinar rutrum, felis lectus mattis purus, a auctor nunc metus gravida dui. Nam cursus turpis vel ullamcorper sagittis. Nam dignissim sapien at tellus ultrices, at posuere dui accumsan aenean sodales sodales eros.
Icon info
ZKIN comes with Icon Info component which you can put it to any place on your template. There are 5 styles of Icon Info component, also you can customize color scheme to suit your needs with contextual text classes and background color classes.
Icon info style 1
Neca neque
Aliquam dignissim in viverra
Neca neque
Aliquam dignissim in viverra
Neca neque
Aliquam dignissim in viverra
Icon info style 2
Fusce conubia
Phasellus ac viverra arcu duis ullamcorper neca nunc condimentum dictum erat blandit
Fusce conubia
Phasellus ac viverra arcu duis ullamcorper neca nunc condimentum dictum erat blandit
Fusce conubia
Phasellus ac viverra arcu duis ullamcorper neca nunc condimentum dictum erat blandit
Fusce conubia
Phasellus ac viverra arcu duis ullamcorper neca nunc condimentum dictum erat blandit
Icon info style 3
Maecenas
Vestibulum ante ipsum primis metus
Maecenas
Vestibulum ante ipsum primis metus
Maecenas
Vestibulum ante ipsum primis metus
Icon info style 4
Neca neque
Phaseaus in condimentum massa
Neca neque
Phaseaus in condimentum massa
Neca neque
Phaseaus in condimentum massa
Icon info style 5
Neca neque
Phaseaus in condimentum massa
Neca neque
Phaseaus in condimentum massa
Neca neque
Phaseaus in condimentum massa
Hover transitions
ZKIN comes with various hover transitions which you can integrate with your thumbnail images and use it as portfolio, gallery or any project list items.
Testimonials
If you're selling a product on your website, customer testimonials can be a key content element. There are 3 styles of testimonial components which you can use them to help establish credibility. The testimonial components also included light and dark color schemes, so you can easily adapt your template to suit your needs.
Duis imperdiet neca tristique suspendise mattis condimetum tricies enim adipiscing neque at rutrum duis imperdiet.
Duis imperdiet neca tristique suspendise mattis condimetum tricies enim adipiscing neque at rutrum duis imperdiet.
Duis imperdiet neca tristique suspendise mattis condimetum tricies enim adipiscing neque at rutrum duis imperdiet.
Duis imperdiet neca tristique suspendise mattis condimetum tricies enim adipiscing neque at rutrum duis imperdiet.
Duis imperdiet neca tristique suspendise mattis condimetum tricies enim adipiscing neque at rutrum duis imperdiet.
Info box
ZKIN comes with Info Box component which you can use it as service thumbnail, blog thumbnail or any information thumbnail. There are 4 styles of Info Box component including smooth hover transition, also you can integrate the component with Bootstrap utilities classes to help you building impressive websites and applications.
Info box style 1
Info box style 2
Info box style 3
Info box style 4
Page header
Quickly build your website with predefined header components that created with Bootstrap 4, easier to install by copy and paste HTML mockup to your template. Choose your header component and customize it to suit your needs.
Page header
Aenean tortor vitae diam cursus ornare sit amet in tempor libero nec risus porta convallis purus pellentesque
More detailsPage header
Aenean tortor vitae diam cursus ornare sit amet tempor libero ac risus porta convallis purus pellentesque nec inceptos himenaeos.
Footer
Quickly build your website with predefined footer components that created with Bootstrap 4, easier to install by copy and paste HTML mockup to your template. Choose your footer component and customize it to suit your needs.
Fusce adipiscing neque nec arcu rutrum pretium phasellus viverra arcu duis ullamcorper leo nci nunc condimentum consequat enim dictum ullamcorper.
Contact
- 827 Maxwell Street Hartford CT Connecticut 06103
- contact@domainname.com
- +1-123-456-7890
Latest news
-
News heading Nulla metus scelerisue ante sollicitudin -
News heading Nulla metus scelerisue ante sollicitudin
Subscribe
Stay up to date with all events coming straight in your mailbox.
* Personal data will be encrypted
Copyright @ pophonic.com 2020. All Rights Reserved.
Fusce adipiscing neque nec arcu rutrum pretium phasellus viverra arcu duis ullamcorper leo nci nunc condimentum consequat enim dictum ullamcorper.
Contact
- 827 Maxwell Street Hartford CT Connecticut 06103
- contact@domainname.com
- +1-123-456-7890
Latest news
-
News heading Nulla metus scelerisue ante sollicitudin
-
News heading Nulla metus scelerisue ante sollicitudin
Subscribe
Stay up to date with all events coming straight in your mailbox.
* Personal data will be encrypted
Copyright @ pophonic.com 2020. All Rights Reserved.
Fusce adipiscing neque arcu rutrum pretium phasellus viverra arcu duis ullamcorper leo nci nunc condimentum consequat enim dictum ullamcorper commodo orci faucibus fringilla dolor porta gravida.
Latest news
-
News heading Nulla metus scelerisue ante sollicitudin
-
News heading Nulla metus scelerisue ante sollicitudin
Copyright @ pophonic.com 2020. All Rights Reserved.
Fusce adipiscing neque arcu rutrum pretium phasellus viverra arcu duis ullamcorper leo nci nunc condimentum consequat enim dictum ullamcorper commodo orci faucibus fringilla dolor porta gravida.
Latest news
-
News heading Nulla metus scelerisue ante sollicitudin
-
News heading Nulla metus scelerisue ante sollicitudin
Copyright @ pophonic.com 2020. All Rights Reserved.
Aenean sollicitudin justo eu pulvinar rutrum felis lectus mattis nec purus auctor nunc metus gravida dui nam cursus turpis vel ullamcorper.
Copyright @ pophonic.com 2020. All Rights Reserved
Aenean sollicitudin justo eu pulvinar rutrum felis lectus mattis nec purus auctor nunc metus gravida dui nam cursus turpis vel ullamcorper.
Copyright @ pophonic.com 2020. All Rights Reserved