<brls:Box
        width="auto"
        height="auto"
        marginBottom="@style/wiliwili/setting/about/bottom">

    <brls:Box
            grow="1.0"
            width="auto"
            height="auto"
            axis="column"
            hideHighlightBackground="true"
            hideHighlightBorder="true"
            wireframe="false"
            paddingLeft="@style/brls/tab_frame/content_padding_sides"
            paddingRight="@style/brls/tab_frame/content_padding_sides"
            paddingTop="@style/wiliwili/tab_frame/content_padding_top_bottom"
            paddingBottom="@style/wiliwili/tab_frame/content_padding_top_bottom">

        <brls:Box
                justifyContent="center"
                alignItems="flexEnd"
                marginBottom="@style/wiliwili/margin/20">
            <brls:Label
                    fontSize="60"
                    marginRight="10"
                    lineHeight="1"
                    text="wiliwili"/>
            <brls:Label
                    id="setting/about/version"
                    marginRight="20"
                    lineHeight="1"
                    textColor="@theme/font/grey"/>
        </brls:Box>


        <brls:Header
                title="@i18n/wiliwili/setting/about/brief_header"
                marginBottom="@style/wiliwili/margin/20"/>

        <brls:Label
                marginLeft="20"
                marginBottom="@style/wiliwili/margin/20"
                text="@i18n/wiliwili/setting/about/brief"/>
        <brls:Header
                title="@i18n/wiliwili/setting/about/repo_header"
                marginBottom="@style/wiliwili/margin/20"/>
        <brls:Label
                textColor="#6693B6"
                marginLeft="20"
                marginBottom="@style/wiliwili/margin/20"
                text="@i18n/wiliwili/github"/>

        <brls:Header
                width="@style/wiliwili/about/speech/header"
                title="@i18n/wiliwili/setting/about/author_header"
                marginBottom="@style/wiliwili/margin/20"/>

        <brls:Box
                wireframe="false">
            <brls:Image
                    height="50"
                    width="50"
                    margin="10"
                    cornerRadius="50"
                    image="@res/pictures/default_avatar.png"/>
            <brls:Image
                    height="16"
                    width="16"
                    marginTop="10"
                    marginRight="8"
                    image="@res/pictures/icon-quotation.png"/>
            <brls:Label
                    width="@style/wiliwili/about/speech/width"
                    fontSize="18"
                    marginTop="@style/wiliwili/margin/20"
                    textColor="@theme/font/grey"
                    text="@i18n/wiliwili/setting/about/author"/>
        </brls:Box>


    </brls:Box>

    <brls:Box
            positionType="absolute"
            positionBottom="20"
            axis="column"
            alignItems="center"
            positionRight="30">
        <QRImage
                width="@style/wiliwili/about/qr"
                height="@style/wiliwili/about/qr"
                cornerRadius="6"
                QRContent="https://github.com/xfangfang/wiliwili"/>
        <brls:Label
                marginTop="10"
                textColor="@theme/font/grey"
                fontSize="18"
                text="@i18n/wiliwili/setting/about/repository"/>
    </brls:Box>

</brls:Box>
