<template>
    <div class="transparent">
        <v-layout row wrap justify-center >
            <v-flex  xs12 sm4 offset-sm-1  class="bg-title pa-3 ma-2">
                <v-layout row wrap>
                    <div class="mx-3">
                        <v-icon large dark>fas fa-user-circle</v-icon>
                    </div>
                    <div class="pa-0">
                        <v-flex xs12 sm12>
                            <span class="font-title">สมาชิก iGetWeb เวอร์ชั่นใหม่</span>
                        </v-flex>                       
                        <v-flex xs12 sm12>
                            <span class="body-1" color="#2d3f4b">(เว็บไซต์แบบ responsive)</span>
                        </v-flex>                       
                    </div>
                </v-layout>
            </v-flex>
            <v-flex  xs12 sm4 offset-sm-1  class="bg-title-1 pa-3 ma-2">
                <v-layout row wrap>
                    <div class="mx-3">
                        <v-icon large dark>fas fa-globe</v-icon>
                    </div>
                    <div>
                        <span class="font-title">รายละเอียดงาน</span>
                    </div>
                </v-layout>
            </v-flex>
        </v-layout>
    </div>
</template>

<style lang="scss" scoped>
    .border {
        border:1px solid #dcdcdc;
        border-radius: 5px;
    }
    .bg-title{
        background-color: #00AAFF;
        border-radius: 5px 5px 0 0;
    }
    .bg-title-1{
        background-color: #89969f;
        border-radius: 5px 5px 0 0;
    }
    .font-title {
        font-size: 20px;
        color: #fff;
        display: block;
        font-family: "Prompt", sans-serif;
    }
</style>

