ContentBox

Content Box Side

Content box

Lorem ipsum dolor sitamet consectetur adipisicing elito sed do eiusmod tempor incididunt ut labore et dolore magna.Lorem ipsum dolor sit amet. no sea takimata sanctus est Lorem ipsum dolor sit amet. sed diam voluptua. Lorem ipsum dolor sit amet consectetur adipiscing elitsed do. Lorem ipsum dolor sitamet consectetur adipisicing elito sed do eiusmod tempor incididunt ut labore et dolore magna.Lorem ipsum dolor sit amet. no sea takimata sanctus est Lorem ipsum dolor sit amet. sed diam voluptua. Lorem ipsum dolor sit amet consectetur adipiscing elitsed do.

Button

 <div class="content-box-side">
                    <div class="card bg-transparent border-0">
                        <a href="#" class="content-box-image"><img class="img-fluid" src="https://via.placeholder.com/500x550.jpeg" alt="" /></a>
                        <div class="caption">
                            <h5>Content box</h5>
                            <p>
                                Lorem ipsum dolor sitamet consectetur adipisicing elito sed do eiusmod tempor incididunt ut labore et dolore magna.Lorem ipsum dolor sit amet. no sea takimata sanctus est Lorem ipsum dolor sit amet. sed diam voluptua. Lorem ipsum dolor sit amet consectetur
                                adipiscing elitsed do. Lorem ipsum dolor sitamet consectetur adipisicing elito sed do eiusmod tempor incididunt ut labore et dolore magna.Lorem ipsum dolor sit amet. no sea takimata sanctus est Lorem ipsum dolor sit amet.
                                sed diam voluptua. Lorem ipsum dolor sit amet consectetur adipiscing elitsed do.
                            </p>
                            <a class="btn-link btn" href="#">Button</a>
                        </div>
                    </div>
                </div>

Content Box Image

Built as frameworks from the ground up.

Lorem ipsum dolor sitamet consectetur adipisicing elito sed do eiusmod tempor incididunt ut labore et dolore magna. Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua. Utenim ad minim veniam.

Built as frameworks from the ground up.

 <div class="card bg-transparent border-0">
                <a href="" class="content-box-image">
                          <img alt="Image placeholder" src="https://via.placeholder.com/600x500.jpeg" class="card-img-top ">
                        </a>
                <div class="card-body px-0">
                    <h5>
                        <a href="">Built as frameworks from the ground up.</a>
                    </h5>
                    <p class="text-muted">Lorem ipsum dolor sitamet consectetur adipisicing elito sed do eiusmod tempor incididunt ut labore et dolore magna. Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua.
                        Utenim ad minim veniam.</p>
                </div>
            </div>

Content Box Icon

What Next?

   <div class="card border-0 bg-transparent">
                    <div class="card-body">
                        <div class="icon bg-primary text-white rounded-circle icon-shape  mb-3">
                            <i class="fa fa-heart"></i>
                        </div>
                        <h4 class="card-title">What Next?</h4>
                        <p class="card-text">Lorem ipsum dolor sitamet consectetur adipisicing elito sed do eiusmod tempor incididunt ut labore et dolore magna. Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna
                            aliqua. Utenim ad minim veniam.</p>
                    </div>
                </div>

Lorem ipsum dolor sitamet consectetur adipisicing elito sed do eiusmo ut labore et dolore magna. Lorem ipsum dolor sit amet consectetur adipiscing.

Compnay
Compnay

 <div class="card border-0 bg-transparent">
                    <div class="card-body">
                        <img class="img-fluid rounded-circle mb-3" src="https://themekit.dev/images/thumbs/user.png" alt="" style="width: 50px; height: 50px;">
                        <p class="card-text">Lorem ipsum dolor sitamet consectetur adipisicing elito sed do eiusmo ut labore et dolore magna. Lorem ipsum dolor sit amet consectetur adipiscing.</p>
                        <ul class="list-unstyled">
                            <li class="list-inline-item">Compnay</a>
                            </li>
                            <li class="list-inline-item">Compnay</a>
                            </li>
                        </ul>
                    </div>
                </div>

What Next?

 <div class="card inverse-light border-0 bg-transparent">
                    <div class="card-body py-3">
                        <div class="d-flex align-items-start">
                            <div class="icon bg-primary text-white rounded-circle icon-shape mr-4">
                                <i class="fa fa-heart text-white"></i>
                            </div>
                            <div class="icon-text pl-2">
                                <h4 class="card-title">What Next?</h4>
                                <p class="card-text">Lorem ipsum dolor sitamet consectetur adipisicing elito sed do eiusmod tempor incididunt ut labore et dolore magna. Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore
                                    magna aliqua. Utenim ad minim veniam.</p>
                            </div>
                        </div>
                    </div>
                </div>

Created with the latest

We use the latest technologies and tools in order to create a better code that not only works great, but it is easy easy to work with too.

   <div class="card pl-1 pr-1 inverse-light border-0 bg-transparent">
                    <div class="card-body py-4">
                        <div class="d-flex align-items-center">
                            <div class="icon bg-gradient-primary text-white rounded-circle icon-shape shadow mr-3">
                                <i class="fa fa-html5 text-white"></i>
                            </div>
                            <div class="icon-text">
                                <h6 class="mb-0">Created with the latest</h6>
                            </div>
                        </div>
                        <p class="mt-4 mb-0">We use the latest technologies and tools in order to create a better code that not only works great, but it is easy easy to work with too.</p>
                    </div>
                </div>

Useful components

Features built with reusability in mind to give you the power to create any kind of layout you want.

colors theme gulp

  <div class="card inverse-light border-0 bg-transparent">
                    <div class="px-5 pb-4">
                        <div class="py-2">
                            <div class="icon bg-gradient-primary text-white rounded-circle icon-shape shadow mb-3">
                                <i class="fa fa-html5 text-white"></i>
                            </div>
                        </div>
                        <h6 class="">Useful components</h6>
                        <p class="mt-2 mb-0">Features built with reusability in mind to give you the power to create any kind of layout you want.</p>
                        <div class="mt-2">
                            <a href="#" class="badge badge-lg badge-pill badge-primary d-inline-block mt-1 mb-1 pl-1 pr-1 text-white">colors</a>
                            <a href="#" class="badge badge-lg badge-pill badge-primary d-inline-block mt-1 mb-1 pl-1 pr-1 text-white">theme</a>
                            <a href="#" class="badge badge-lg badge-pill badge-primary d-inline-block mt-1 mb-1 pl-1 pr-1 text-white">gulp</a>
                        </div>
                    </div>
                </div>

Content Box Badge

Danger

Built as frameworks from the ground up.

 <div class="card bg-transparent border-0 content-box-badge">
                    <a href="" class="content-box-image">
                          <img alt="" src="https://via.placeholder.com/700x400.jpeg" class="card-img-top ">
                        </a>
                    <div class="card-body px-0 caption">
                        <span class="badge badge-danger badge-lg">Danger</span>
                        <h5>
                            <a href="">Built as frameworks from the ground up.</a>
                        </h5>
                        <p class="text-muted">Lorem ipsum dolor sitamet consectetur adipisicing elito sed do eiusmod tempor incididunt ut labore et dolore magna. Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna
                            aliqua. Utenim ad minim veniam.</p>
                    </div>
                </div>

Content Box Info

Extra

Content box

Informationvalue

Excepteur sint occaecat cupidata.

Button

 <div class="card bg-transparent border-0 content-box-info">
                <div class="badge badge-primary">Extra</div>
                <a href="" class="content-box-image">
                          <img alt="Image placeholder" src="https://via.placeholder.com/600x600.jpeg" class="card-img-top ">
                        </a>
                <div class="card-body px-0">
                    <h5>
                        <a href="">Content box</a>
                    </h5>
                    <div class="box-info">
                        <div><span>Information</span><span>value</span></div>
                        <div><span>Information</span><span>value</span></div>
                        <div><span>Information</span><span>value</span></div>
                    </div>
                    <p class="font-size-sm">Lorem ipsum dolor sitamet consectetur adipisicing elito sed do eiusmod tempor incididunt ut labore et dolore magna. Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua.
                        Utenim ad minim veniam.</p>
                    <div class="box-info-bottom">
                        Excepteur sint occaecat cupidata.
                    </div>
                    <a class="btn-link btn pl-0" href="#">Button</a>
                </div>
            </div>

Content Box Blog Side

12 January 2019

Content box

  <div class="content-box-blog-side">
                    <div class="card bg-transparent border-0">
                        <a href="#" class="content-box-image">
                            <div class="badge badge-primary badge-lg rounded-0">12 January 2019</div>
                            <img class="img-fluid" src="https://via.placeholder.com/600x700.jpeg" alt="" /></a>
                        <div class="caption">
                            <h5>Content box</h5>
                            <ul class="list-unstyled">
                                <li class="list-inline-item"><i class="fa fa-calendar text-primary mr-2"></i><a href="#">01.01.1111</a></li>
                                <li class="list-inline-item"><i class="fa fa-bookmark text-primary mr-2"></i><a href="#">Category</a></li>
                                <li class="list-inline-item"><i class="fa fa-user text-primary mr-2"></i><a href="#">Admin</a></li>
                                <li class="social-links list-inline-item">
                                    <a href="#"><i class="fa fa-facebook"></i></a>
                                    <a href="#"><i class="fa fa-facebook"></i></a>
                                    <a href="#"><i class="fa fa-facebook"></i></a>
                                </li>
                            </ul>
                            <p>
                                Lorem ipsum dolor sitamet consectetur adipisicing elito sed do eiusmod tempor incididunt ut labore et dolore magna.Lorem ipsum dolor sit amet. no sea takimata sanctus est Lorem ipsum dolor sit amet. sed diam voluptua. Lorem ipsum dolor sit amet consectetur
                                adipiscing elitsed do. Lorem ipsum dolor sitamet consectetur adipisicing elito sed do eiusmod tempor incididunt ut labore et dolore magna.Lorem ipsum dolor sit amet. no sea takimata sanctus est Lorem ipsum dolor sit amet.
                                sed diam voluptua. Lorem ipsum dolor sit amet consectetur adipiscing elitsed do.
                            </p>
                            <a class="btn-link btn pl-0" href="#">Read More</a>
                        </div>
                    </div>
                </div>

Content Box Testimonial

Company Name

   <div class="content-box-testimonial">
                    <div class="card border-0">
                        <div class="caption card-body">
                            <p>
                                Lorem ipsum dolor sitamet consectetur adipisicing elito sed do eiusmod tempor incididunt ut labore et dolore magna.Lorem ipsum dolor sit amet. no sea takimata sanctus est Lorem ipsum dolor sit amet. sed diam voluptua. Lorem ipsum dolor sit amet consectetur
                                adipiscing elitsed do. Lorem ipsum dolor sitamet consectetur adipisicing elito sed do eiusmod tempor incididunt ut labore et dolore magna.Lorem ipsum dolor sit amet. no sea takimata sanctus est Lorem ipsum dolor sit amet.
                                sed diam voluptua. Lorem ipsum dolor sit amet consectetur adipiscing elitsed do.
                            </p>
                        </div>
                    </div>
                     <div class="testimonial-info">
                             <img class="img-fluid rounded-circle mr-3" src="https://themekit.dev/images/thumbs/user.png" alt="" style="width: 50px; height: 50px;">
                             <p><span>Company</span>
                             <span>Name</span>
                             </p>
                      </div>
                </div>

Base Theme

Components

Section

MegaMenu heading

ContentBox

Content Box Side

Content box

Content Box Image

Built as frameworks from the ground up.

Built as frameworks from the ground up.

Content Box Icon

What Next?

What Next?

Created with the latest

Useful components

Content Box Badge

Built as frameworks from the ground up.

Built as frameworks from the ground up.

Content Box Info

Content box

Content Box Blog Side

Content box

Content Box Testimonial