default.html 2.05 KB
<li ng-click="showDesignTab('text')">
    <div class="hover"></div>
    <div class="title">
        <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
        文字を追加
    </div>
    <div class="content clearfix">
        <div class="col-xs-2 text-center">
            <i class="fa fa-jpy" aria-hidden="true"></i>
        </div>
        <div class="col-xs-10 des padding-left-0">
            書体を選んでお好きな文字を入力できます
        </div>
    </div>
</li>
<li ng-click="showDesignTab('illustration')">
    <div class="hover"></div>
    <div class="title">
        <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
        イラストやイメージを追加
    </div>
    <div class="content clearfix">
        <div class="col-xs-2 text-center">
            <i class="fa fa-btc" aria-hidden="true"></i>
        </div>
        <div class="col-xs-10 des padding-left-0">
            自由にお使いいただけるデザイン画像をご用意しました
        </div>
    </div>
</li>
<li ng-click="showDesignTab('image')">
    <div class="hover"></div>
    <div class="title">
        <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
        自分の画像・写真を追加
    </div>
    <div class="content clearfix">
        <div class="col-xs-2 text-center">
            <i class="fa fa-jpy" aria-hidden="true"></i>
        </div>
        <div class="col-xs-10 des padding-left-0">
            ご自分で用意した画像をアップロードして使えます
        </div>
    </div>
</li>
<li>
    <div class="hover"></div>
    <div class="title">
        <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
        おすすめデザインを使う
    </div>
    <div class="content clearfix">
        <div class="col-xs-2 text-center">
            <i class="fa fa-jpy" aria-hidden="true"></i>
        </div>
        <div class="col-xs-10 des padding-left-0">
            おすすめデザインデータをご自由にカスタマイズしてお使いください
        </div>
    </div>
</li>