<template> <div class="bg-grey-darken-3 tw-flex tw-pt-[32px] tw-pb-[32px]"> <v-container> <v-row> <v-col> <b>Solution</b> <p><router-link to="/equipment">Lab Device</router-link></p> <p><router-link to="/customize">Customized BatterTesting</router-link></p> <p><router-link to="/pack">Pack</router-link></p> </v-col> <v-col> <b>Online Product</b> <p><router-link to="/products">Material Reagents</router-link></p> <p><router-link to="/equipment">Lab Device</router-link></p> </v-col> <v-col> <b>About</b> <p><router-link to="/about">About us</router-link></p> </v-col> <v-col> <div class="tw-float-left tw-mr-[24px]"> <b>Contact us</b> <p>contact@canrd.com</p> </div> <v-img src="/footer/logo.jpg" width="60"></v-img> </v-col> </v-row> </v-container> </div> </template> <script setup lang="ts"></script> <style> b { margin-bottom: 12px; display: block; } p { cursor: pointer; margin-bottom: 8px; } p a:hover { color: #e0e0e0; } </style>