mirror of
https://github.com/creativetimofficial/vue-material-kit.git
synced 2025-05-23 12:14:22 +08:00
83 lines
2.4 KiB
Vue
83 lines
2.4 KiB
Vue
<script setup>
|
|
// example component
|
|
import DefaultCounterCard from "../../../../examples/cards/counterCards/DefaultCounterCard.vue";
|
|
</script>
|
|
<template>
|
|
<section class="pt-4 pb-6" id="count-stats">
|
|
<div class="container">
|
|
<div class="row mb-7">
|
|
<div class="col-lg-2 col-md-4 col-6 mb-4">
|
|
<img
|
|
class="w-100 opacity-7"
|
|
src="@/assets/img/logos/gray-logos/logo-coinbase.svg"
|
|
alt="logo"
|
|
/>
|
|
</div>
|
|
<div class="col-lg-2 col-md-4 col-6 mb-4">
|
|
<img
|
|
class="w-100 opacity-7"
|
|
src="@/assets/img/logos/gray-logos/logo-nasa.svg"
|
|
alt="logo"
|
|
/>
|
|
</div>
|
|
<div class="col-lg-2 col-md-4 col-6 mb-4">
|
|
<img
|
|
class="w-100 opacity-7"
|
|
src="@/assets/img/logos/gray-logos/logo-netflix.svg"
|
|
alt="logo"
|
|
/>
|
|
</div>
|
|
<div class="col-lg-2 col-md-4 col-6 mb-4">
|
|
<img
|
|
class="w-100 opacity-7"
|
|
src="@/assets/img/logos/gray-logos/logo-pinterest.svg"
|
|
alt="logo"
|
|
/>
|
|
</div>
|
|
<div class="col-lg-2 col-md-4 col-6 mb-4">
|
|
<img
|
|
class="w-100 opacity-7"
|
|
src="@/assets/img/logos/gray-logos/logo-spotify.svg"
|
|
alt="logo"
|
|
/>
|
|
</div>
|
|
<div class="col-lg-2 col-md-4 col-6 mb-4">
|
|
<img
|
|
class="w-100 opacity-7"
|
|
src="@/assets/img/logos/gray-logos/logo-vodafone.svg"
|
|
alt="logo"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-center text-center">
|
|
<div class="col-md-3">
|
|
<DefaultCounterCard
|
|
title="Projects"
|
|
description="Of “high-performing” level are led by a certified project manager"
|
|
:count="5234"
|
|
:duration="3000"
|
|
/>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<DefaultCounterCard
|
|
title="Hours"
|
|
description="That meets quality standards required by our users"
|
|
:count="3400"
|
|
suffix="+"
|
|
:duration="3000"
|
|
/>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<DefaultCounterCard
|
|
title="Support"
|
|
description="Actively engage team members that finishes on time"
|
|
:count="24"
|
|
suffix="/7"
|
|
:duration="4000"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|