<template>
    <div>
        <el-row class="el_row_card">
            <el-col :span="12" class="card_style">
                <Card :imgSrc="thingSpeakImg" :linkSrc="'//thingspeak.com/'" :title="'ThingSpeak'"
                    @getNextValue="getNextValue" :comingSoon="false">
                </Card>
            </el-col>
            <el-col :span="12" class="card_style">
                <Card :imgSrc="IFTTTImg" :linkSrc="'//ifttt.com/maker_webhooks'" :title="'IFTTT'"
                    @getNextValue="getNextValue" :comingSoon="false">
                </Card>
            </el-col>
        </el-row>
    </div>
</template>
<script setup>
import Card from './targetCard.vue'
import '../../assets/css/header.css'
import thingSpeakImg from '../../assets/img/AppCenter_iot_thingspeak.jpg'
import IFTTTImg from '../../assets/img/AppCenter_iot_ifttt.jpg'

</script>