mirror of
https://github.com/creativetimofficial/vue-material-kit.git
synced 2025-05-23 04:04:22 +08:00
55 lines
2.0 KiB
Vue
55 lines
2.0 KiB
Vue
<script setup>
|
|
// example components
|
|
import DefaultInfoCard from "@/examples/cards/infoCards/DefaultInfoCard.vue";
|
|
import CenteredBlogCard from "@/examples/cards/blogCards/CenteredBlogCard.vue";
|
|
</script>
|
|
<template>
|
|
<section class="py-6">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-6">
|
|
<div class="row justify-content-start">
|
|
<DefaultInfoCard
|
|
color="info"
|
|
icon="public"
|
|
title="Fully integrated"
|
|
description="We get insulted by others, lose trust for those We get back
|
|
freezes"
|
|
/>
|
|
<DefaultInfoCard
|
|
color="info"
|
|
icon="payments"
|
|
title="Payments functionality"
|
|
description="We get insulted by others, lose trust for those We get back
|
|
freezes"
|
|
/>
|
|
</div>
|
|
<div class="row justify-content-start mt-4">
|
|
<DefaultInfoCard
|
|
color="info"
|
|
icon="apps"
|
|
title="Prebuilt components"
|
|
description="We get insulted by others, lose trust for those We get back
|
|
freezes"
|
|
/>
|
|
<DefaultInfoCard
|
|
color="info"
|
|
icon="3p"
|
|
title="Improved platform"
|
|
description="We get insulted by others, lose trust for those We get back
|
|
freezes"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 ms-auto mt-lg-0 mt-4">
|
|
<CenteredBlogCard
|
|
image="https://images.unsplash.com/photo-1544717302-de2939b7ef71?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80"
|
|
title="Get insights on Search"
|
|
description="Website visitors today demand a frictionless user expericence — especially when using search. Because of the hight standards."
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|