Blame view
app/views/tshirt-design.html
6.06 KB
87c93a029
add modal
|
1 2 |
<!-- Modal --> <div class="modal fade" id="tshirt-design" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> |
|
5fe93ca88
Theme modal
|
3 |
|
|
87c93a029
add modal
|
4 5 6 |
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
|
a56541cf9
add css
|
7 8 |
<button class="black" ng-click="modalClose()"><i class="fa fa-times" aria-hidden="true"></i> キャンセル</button>
<button class="black"> <i class="fa fa-angle-right" aria-hidden="true"></i> はじめての方へ</button>
|
|
87c93a029
add modal
|
9 10 |
</div>
<div class="modal-body">
|
|
862daa8a4
commit theme
|
11 12 |
<header class="clearfix">
<ul class="nav pull-left">
|
|
5fe93ca88
Theme modal
|
13 14 15 16 17 18 19 20 21 22 23 24 25 |
<li>
<i class="fa fa-jpy" aria-hidden="true"></i> 文字
</li>
<li>
<i class="fa fa-btc" aria-hidden="true"></i> イラスト・イメージ
</li>
<li>
<i class="fa fa-money" aria-hidden="true"></i> 自分の画像・写真
</li>
<li>
<i class="fa fa-minus-circle" aria-hidden="true"></i> 全消去
</li>
</ul>
|
|
862daa8a4
commit theme
|
26 27 28 29 30 31 32 33 |
<div class="action pull-right">
<button class="white">
アルバムを開く
</button>
<button class="white">
アルバムに入れる
</button>
</div>
|
|
5fe93ca88
Theme modal
|
34 35 36 37 38 |
</header>
<section class="tshirt-design-container clearfix">
<div class="aside col-xs-4">
<ul id="choice-design-option">
<li>
|
|
a56541cf9
add css
|
39 |
<div class="hover"></div> |
|
5fe93ca88
Theme modal
|
40 41 42 43 |
<div class="title">
<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
文字を追加
</div>
|
|
862daa8a4
commit theme
|
44 |
<div class="content clearfix"> |
|
5fe93ca88
Theme modal
|
45 46 47 |
<div class="col-xs-2 text-center">
<i class="fa fa-jpy" aria-hidden="true"></i>
</div>
|
|
862daa8a4
commit theme
|
48 |
<div class="col-xs-10 des padding-left-0"> |
|
5fe93ca88
Theme modal
|
49 50 51 52 53 |
書体を選んでお好きな文字を入力できます
</div>
</div>
</li>
<li>
|
|
a56541cf9
add css
|
54 |
<div class="hover"></div> |
|
5fe93ca88
Theme modal
|
55 56 57 58 |
<div class="title">
<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
イラストやイメージを追加
</div>
|
|
862daa8a4
commit theme
|
59 |
<div class="content clearfix"> |
|
5fe93ca88
Theme modal
|
60 61 62 |
<div class="col-xs-2 text-center">
<i class="fa fa-btc" aria-hidden="true"></i>
</div>
|
|
862daa8a4
commit theme
|
63 |
<div class="col-xs-10 des padding-left-0"> |
|
5fe93ca88
Theme modal
|
64 65 66 67 68 |
自由にお使いいただけるデザイン画像をご用意しました
</div>
</div>
</li>
<li>
|
|
a56541cf9
add css
|
69 |
<div class="hover"></div> |
|
5fe93ca88
Theme modal
|
70 71 72 73 |
<div class="title">
<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
自分の画像・写真を追加
</div>
|
|
862daa8a4
commit theme
|
74 |
<div class="content clearfix"> |
|
5fe93ca88
Theme modal
|
75 76 77 |
<div class="col-xs-2 text-center">
<i class="fa fa-jpy" aria-hidden="true"></i>
</div>
|
|
862daa8a4
commit theme
|
78 |
<div class="col-xs-10 des padding-left-0"> |
|
5fe93ca88
Theme modal
|
79 80 81 82 83 |
ご自分で用意した画像をアップロードして使えます
</div>
</div>
</li>
<li>
|
|
a56541cf9
add css
|
84 |
<div class="hover"></div> |
|
5fe93ca88
Theme modal
|
85 86 87 88 |
<div class="title">
<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
おすすめデザインを使う
</div>
|
|
862daa8a4
commit theme
|
89 |
<div class="content clearfix"> |
|
5fe93ca88
Theme modal
|
90 91 92 |
<div class="col-xs-2 text-center">
<i class="fa fa-jpy" aria-hidden="true"></i>
</div>
|
|
862daa8a4
commit theme
|
93 |
<div class="col-xs-10 des padding-left-0"> |
|
5fe93ca88
Theme modal
|
94 95 96 97 98 99 100 |
おすすめデザインデータをご自由にカスタマイズしてお使いください
</div>
</div>
</li>
</ul>
</div>
|
|
862daa8a4
commit theme
|
101 102 103 |
<div class="design-content col-xs-8">
<div class="content">
<div class="selection-design">
|
|
5fe93ca88
Theme modal
|
104 |
|
|
862daa8a4
commit theme
|
105 106 107 108 109 110 111 112 |
</div>
</div>
<div class="agree-design">
<img src="images/agree-design.png" alt="agree design" />
</div>
<div class="trash-design">
<img src="images/trash.png" alt="trash design" />
</div>
|
|
5fe93ca88
Theme modal
|
113 114 |
</div>
</section>
|
|
87c93a029
add modal
|
115 116 117 118 |
</div>
</div>
</div>
</div>
|