نماد با متن

<div class="row mt-n1-9">
    <div class="col-md-6 mt-1-9">
        <div class="card card-style04">
            <div class="card-body">
                <div class="icon-box5 w-80px display-flex position-relative overflow-hidden bg-primary-90">
                    <i class="ti-blackboard text-white"></i>
                </div>
                <h3 class="display-24 display-xl-21 font-weight-700 mb-1-6 mb-xl-2-0"><span class="font-weight-300">Responsive </span>Layout</h3>
                <p class="mb-0 w-95 w-md-75 w-lg-95 w-xl-80 mx-auto">we run a successful remote for ready to use content for startups business technology or agency</p>
            </div>
        </div>
    </div>
    <div class="col-md-6 mt-1-9">
        <div class="card card-style04">
            <div class="icon-box5 w-80px display-flex position-relative overflow-hidden bg-primary-90">
                <i class="ti-layers text-white"></i>
            </div>
            <h3 class="display-24 display-xl-21 font-weight-700 mb-1-6 mb-xl-2-0">Worldwide <span class="font-weight-300">Support</span></h3>
            <p class="mb-0 w-95 w-md-75 w-lg-95 w-xl-80 mx-auto">we run a successful remote for ready to use content for startups business technology or agency</p>
        </div>
    </div>
</div>
                                

<div class="row mt-n2-2">
    <div class="col-md-6 mt-2-2">
        <div class="card card-style12">
            <div class="card-body">
                <div class="icon-box4 bg1 mb-2-2">
                    <i class="ti-target text-white"></i>
                </div>
                <h5>Unique &amp; Adaptable</h5>
                <p class="w-xl-85 display-30">The agency will support to develop innovation and technology to startups in many variations.</p>
            </div>
        </div>
    </div>
    <div class="col-md-6 mt-2-2">
        <div class="card card-style12">
            <div class="card-body">
                <div class="icon-box4 bg2 mb-2-2">
                    <i class="ti-paint-roller text-white"></i>
                </div>
                <h5>Best Performance</h5>
                <p class="w-xl-85 display-30">The agency will support to develop innovation and technology to startups in many variations.</p>
            </div>
        </div>
    </div>
</div>
                                

<div class="row mt-n1-9">
    <div class="col-md-6 mt-1-9">
        <div class="hover-icon">
            <h3 class="h5"><span class="service-icon"><i class="fas fa-clone"></i></span>Exclusive Design</h3>
            <p class="display-30 mb-0">We provide quick and detailed answers for your awesome business.It is a long established grow your business.</p>
        </div>
    </div>
    <div class="col-md-6 mt-1-9">
        <div class="hover-icon">
            <h3 class="h5"><span class="service-icon"><i class="fab fa-delicious"></i></span>Responsive Layout</h3>
            <p class="display-30 mb-0">We provide quick and detailed answers for your awesome business.It is a long established grow your business.</p>
        </div>
    </div>
</div>
                                

<div class="row mt-n1-9">
    <div class="col-md-6 mt-1-9">
        <div class="card card-style05 pt-2-8 pb-2-4 px-1-6">
            <i class="fas fa-clone"></i>
            <h3 class="h5 mb-3">Exclusive Design</h3>
            <p class="mb-0 w-90 w-md-75 w-lg-100 mx-auto">We provide quick and detailed answers for your awesome business.</p>

        </div>
    </div>
    <div class="col-md-6 mt-1-9">
        <div class="card card-style05 pt-2-8 pb-2-4 px-1-6">
            <i class="fab fa-delicious"></i>
            <h3 class="h5 mb-3">Responsive Layout</h3>
            <p class="mb-0 w-90 w-md-75 w-lg-100 mx-auto">We provide quick and detailed answers for your awesome business.</p>
        </div>
    </div>
</div>
                                

<div class="row mt-n1-9">
    <div class="col-md-6 mt-1-9">
        <div class="card card-style02 green">
            <div class="card-body">
                <span class="icon"><i class="ti-paint-roller"></i></span>
                <h3 class="h5">Best Performance</h3>
                <p>This template will support to develop innovation and technology for startups agency.</p>
                <a href="#!">read more<i class="ti-arrow-right align-middle ms-2"></i></a>
            </div>
        </div>
    </div>
    <div class="col-md-6 mt-1-9">
        <div class="card card-style02 orange">
            <div class="card-body">
                <span class="icon"><i class="ti-pencil-alt"></i></span>
                <h3 class="h5">Easily Control</h3>
                <p>This template will support to develop innovation and technology for startups agency.</p>
                <a href="#!">read more<i class="ti-arrow-right align-middle ms-2"></i></a>
            </div>
        </div>
    </div>
</div>
                                

<div class="parallax primary-overlay-solid p-1-9" data-overlay-dark="85" data-background="img/bg/bg-01.jpg">
    <div class="row mt-n1-9 position-relative z-index-3">
        <div class="col-md-6 mt-1-9">
            <div class="d-flex">
                <div class="flex-shrink-0">
                    <i class="ti-pencil-alt text-white display-20"></i>
                </div>
                <div class="flex-grow-1 ms-4">
                    <h3 class="h5 text-white font-weight-500 mb-3">Unique &amp; Adaptable</h3>
                    <p class="mb-0 text-white-90 font-weight-300">We serve our service to all the world. Our customers are very happy with services.</p>
                </div>
            </div>
        </div>
        <div class="col-md-6 mt-1-9">
            <div class="d-flex">
                <div class="flex-shrink-0">
                    <i class="ti-ruler-alt-2 text-white display-20"></i>
                </div>
                <div class="flex-grow-1 ms-4">
                    <h3 class="h5 text-white font-weight-500 mb-3">Best Performance</h3>
                    <p class="mb-0 text-white-90 font-weight-300">We serve our service to all the world. Our customers are very happy with services.</p>
                </div>
            </div>
        </div>
    </div>
</div>
                                

<div class="row mt-n1-9">
    <div class="col-md-6 mt-1-9">
        <div class="d-flex media-style1">
            <div class="flex-shrink-0">
                <i class="ti-vector display-20"></i>
            </div>
            <div class="flex-grow-1 ms-4">
                <h3 class="h5">Unique &amp; Adaptable</h3>
                <p class="mb-0">The agency will support to develop innovation and technology to startups in many variations.</p>
            </div>
        </div>
    </div>
    <div class="col-md-6 mt-1-9">
        <div class="d-flex media-style1">
            <div class="flex-shrink-0">
                <i class="ti-pulse display-20"></i>
            </div>
            <div class="flex-grow-1 ms-4">
                <h3 class="h5">Best Performance</h3>
                <p class="mb-0">The agency will support to develop innovation and technology to startups in many variations.</p>
            </div>
        </div>
    </div>
</div>
                                

<div class="row mt-n1-9">
    <div class="col-md-6 mt-1-9">
        <div class="card card-style06">
            <div class="card-body">
                <div class="title-box">
                    <i class="ti-layers-alt text-yellow"></i>
                    <div class="box-circle bg-yellow"></div>
                </div>
                <h3 class="text-color-md-blue line-height-normal">Easy to manage your all data interface</h3>
                <p class="mb-2 text-color-light-blue">Consectetur adipisicing elitse do eiusmod tempor incidide labore et dolore magnard voluptatem eiusm.</p>
                <a href="#!"><span class="icon text-color-light-blue opacity5">⟶</span></a>
            </div>
        </div>
    </div>
    <div class="col-md-6 mt-1-9">
        <div class="card card-style06">
            <div class="title-box">
                <i class="ti-ruler-pencil text-green"></i>
                <div class="box-circle bg-green"></div>
            </div>
            <h3 class="text-color-md-blue line-height-normal">Responsive design for all devices</h3>
            <p class="mb-2 text-color-light-blue">Tansectetur adipisicing elitse do eiusmod tempor incidide labore et dolore magnard voluptatem eiusm.</p>
            <a href="#!"><span class="icon text-color-light-blue opacity5">⟶</span></a>
        </div>
    </div>
</div>
                                

<div class="row mt-n1-9">
    <div class="col-md-6 mt-1-9">
        <div class="card card-style07 py-2-8 px-1-6 bg-light">
            <div class="card-body">
                <div class="title-box mb-4">
                    <i class="fas fa-clone"></i>
                    <div class="box-circle-large"></div>
                    <div class="box-circle-small"></div>
                </div>
                <h3 class="h5 mb-3">Exclusive Design</h3>
                <p class="mb-0 w-90 w-md-75 w-lg-100 mx-auto">We provide quick and detailed answers for your awesome business.</p>
            </div>
        </div>
    </div>
    <div class="col-md-6 mt-1-9">
        <div class="card card-style07 py-2-8 px-1-6 bg-light">
            <div class="card-body">
                <div class="title-box mb-4">
                    <i class="fab fa-delicious"></i>
                    <div class="box-circle-large"></div>
                    <div class="box-circle-small"></div>
                </div>
                <h3 class="h5 mb-3">Responsive layout</h3>
                <p class="mb-0 w-90 w-md-75 w-lg-100 mx-auto">We provide quick and detailed answers for your awesome business.</p>
            </div>
        </div>
    </div>
</div>
                                

<div class="row mt-n1-9">
    <div class="col-md-6 mt-1-9">
        <div class="card card-style08">
            <div class="card-body">
                <div class="title-box mb-2-4">
                    <i class="ti-layers-alt text-yellow"></i>
                    <div class="box-circle-large bg-yellow"></div>
                </div>
                <h3 class="mb-3 h5">Creative Design</h3>
                <p class="w-md-75 w-lg-100 mx-auto ms-lg-0 pb-0">We provide best and solid solution for your impressive business.</p>
            </div>
        </div>
    </div>
    <div class="col-md-6 mt-1-9">
        <div class="card card-style08">
            <div class="card-body">
                <div class="title-box mb-2-4">
                    <i class="ti-ruler-pencil text-green"></i>
                    <div class="box-circle-large bg-green"></div>
                </div>
                <h3 class="mb-3 h5">Responsive Layout</h3>
                <p class="w-md-75 w-lg-100 mx-auto ms-lg-0 pb-0">We provide best and solid solution for your impressive business.</p>
            </div>
        </div>
    </div>
</div>
                                

<div class="row mt-n1-9">
    <div class="col-md-6 mt-1-9">
        <div class="card card-style14 border-0 hover-effect-1">
            <div class="card-body pt-6 p-2-3">
                <div class="icon-inner mb-4">
                    <i class="fas fa-clone display-10"></i>
                </div>
                <h3 class="h5 mb-4"><a href="service-detail.html">Exclusive Design</a></h3>
                <p class="mb-2-3">We provide quick and detailed answers for your awesome and impressive business.</p>
                <a href="service-detail.html" class="small">read more<i class="ti-arrow-right align-middle ms-2"></i></a>
            </div>
        </div>
    </div>
    <div class="col-md-6 mt-1-9">
        <div class="card card-style14 border-0 yellow hover-effect-1">
            <div class="card-body pt-6 p-2-3">
                <div class="icon-inner mb-4">
                    <i class="fab fa-delicious display-10"></i>
                </div>
                <h3 class="h5 mb-4"><a href="service-detail.html">Responsive Layout</a></h3>
                <p class="mb-2-3">We provide quick and detailed answers for your awesome and impressive business.</p>
                <a href="service-detail.html" class="small">read more<i class="ti-arrow-right align-middle ms-2"></i></a>
            </div>
        </div>
    </div>
</div>
                                

<div class="row mt-n1-9">
    <div class="col-md-6 mt-1-9">
        <div class="card card-style15 border-0">
            <div class="card-body p-0">
                <div class="position-relative mb-1-9">
                    <i class="ti-ruler-pencil text-dark"></i>
                    <div class="box-circle"></div>
                </div>
                <h3 class="h5 mb-3"><a href="#!">Collaborate Easily</a></h3>
                <p class="mb-0 w-lg-90">We provide quick and detailed answers for your awesome and impressive business.</p>
            </div>
        </div>
    </div>
    <div class="col-md-6 mt-1-9">
        <div class="card card-style15 border-0">
            <div class="card-body p-0">
                <div class="position-relative mb-1-9">
                    <i class="ti-mobile text-dark"></i>
                    <div class="box-circle green"></div>
                </div>
                <h3 class="h5 mb-3"><a href="#!">Mobile Capability</a></h3>
                <p class="mb-0 w-lg-90">We provide quick and detailed answers for your awesome and impressive business.</p>
            </div>
        </div>
    </div>
</div>
                                

<div class="row mt-n1-9">
    <div class="col-md-6 mt-1-9">
        <div class="card card-style20 border-0 green hover-effect-1">
            <div class="card-body pt-6 p-2-3">
                <div class="icon ms-4">
                    <div class="icon-inner bg-green-dark">
                        <i class="ti-target"></i>
                    </div>
                </div>
                <h3 class="h5 mb-4"><a href="service-detail.html">Unique &amp; Adaptable</a></h3>
                <p class="mb-2-3">We provide quick and detailed answers for your awesome and impressive business.</p>
                <a href="service-detail.html" class="small">read more<i class="ti-arrow-right align-middle ms-2"></i></a>
            </div>
        </div>
    </div>
    <div class="col-md-6 mt-1-9">
        <div class="card card-style20 border-0 yellow hover-effect-1">
            <div class="card-body pt-6 p-2-3">
                <div class="icon ms-4">
                    <div class="icon-inner bg-yellow-dark">
                        <i class="ti-paint-roller"></i>
                    </div>
                </div>
                <h3 class="h5 mb-4"><a href="service-detail.html">Best Performance</a></h3>
                <p class="mb-2-3">We provide quick and detailed answers for your awesome and impressive business.</p>
                <a href="service-detail.html" class="small">read more<i class="ti-arrow-right align-middle ms-2"></i></a>
            </div>
        </div>
    </div>
</div>