Use class .hr-short
in hr
tag for styled divider.
Use class .hr-light
if you need light divider (best for dark backrounds).
<hr class="hr-short hr-light">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus qui totam sint autem, quia ullam ea, labore sapiente amet iure voluptatibus aut ad esse provident. Doloribus quas, quisquam vel voluptas.
Amet maecenas ut orci id dui. Et dui morbi. Non mauris nullam. Wisi gravida quis quisque mattis dolor. Etiam sociis turpis nesciunt sed lacus sed hendrerit diam. Accumsan varius venenatis arcu maecenas nulla. Aliquet tempus lobortis.
Diam faucibus aliquam sup examplevestibulum vehicula wisi ut volutpat nulla. Torquent lectus quisque purusfermentum pellentesque. Morbi justo nam. Vulputate non mi. Felis scelerisque metussuspendisse lectus erat sit fusce porttitor. Eget posuere massa. Justo felis tempor. Faucibus in diam id pede eu. Suspendisse eu neque elit explicabo malesuada. Dictum vel ut luctus ac ipsum integer egestas amet duinisl pellentesque here is a link example.
Non mauris nullam. Wisi gravida quis quisque mattis dolor. Etiam sociis turpis nesciunt sed lacus sed hendrerit diam. Accumsan varius venenatis arcu maecenas nulla. Aliquet tempus lobortis. Tortor nibh erat vel gravida est accumsan ut ad. Orci malesuada morbi. Luctus pharetra lectus.
Vestibulum proin etiam etiam eget in. Nibh wisi velit. Pellentesque justo tellus est cras ligula. Feugiat fringilla sequi. A nunc adipiscing nisl lorem morbi tincidunt gravida ut.
Tellus vestibulum aliquet praesent praesent rhoncus nam cras varius. Dolor elit condimentum erat dapibus ac purus eleifend amet sed ac pede. Condimentum volutpat nulla. Molestie est ac. Integer perferendis donec. Venenatis id diam at justo vulputate.
Available background color classes: .text-main
, .text-white
, .text-gray
, .text-gray-2
, .text-gray-3
, .text-dark
, .text-dark-2
, .text-dark-3
, .text-green
, .text-blue
, .text-yellow
, .text-red
, .text-brown
, .text-purple
, .text-pink
Look into "helper.css" file for more about helper classes.
Diam faucibusaliquam vestibulum vehiculawisi ut volutpat nulla. Torquent lectusquisque purus fermentum pellentesque. Morbi justo nam. Vulputate non miseFelis scelerisque metus suspendisse lectuserat sit fusce porttitor. Eget posuere massa. Justo felis tempor. Faucibus in diam id pedeeu. Suspendisse eu neque elit explicabo malesuada.
Available background color classes: .bg-main
, .bg-white
, .bg-gray
, .bg-gray-2
, .bg-gray-3
, .bg-dark
, .bg-dark-2
, .bg-dark-3
, .bg-green
, .bg-blue
, .bg-yellow
, .bg-red
, .bg-brown
, .bg-purple
, .bg-pink
Look into "helper.css" file for more about helper classes.
Diam faucibusaliquam vestibulum vehiculawisi ut volutpat nulla. Torquent lectusquisque purus fermentum pellentesque. Morbi justo nam. Vulputate non miseFelis scelerisque metus suspendisse lectuserat sit fusce porttitor. Eget posuere massa. Justo felis tempor. Faucibus in diam id pedeeu. Suspendisse eu neque elit explicabo malesuada.
Lorem ipsum dolor sit amet, hover on meLorem ipsum dolor sit hover on meamet, consectetur adipisicing elit. Explicabo nemo soluta omnis, dolores ad facere. Aperiam odit tenetur hover on merem esse enim quae molestias qui voluptas hover on meitaque laboriosam. Cum, repellat, in.
Quis ante id eros click on meorci eget. Ac egestas praesent aliquam nisl in vitae aliquam vitae. Vivamus click on mesed elementum. Sem sed sed. Hendrerit elit click on meeget sem pellentesque a. Velit elit lacinia mattis amet nunc. Fames ipsum rhoncus. Natoque posuere nam commodo mattis orci. Aliquet praesent click on metempor ac dolor aliquet. Risus mi vitae hendrerit orci vitae amet libero id eget quis nullam aliquam nisl in vitae aliquam vitae..