Blame view
app/views/tshirt-design.html
5.74 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">
|
862daa8a4
commit theme
|
7 8 |
<button class="black" ng-click="modalClose()">x キャンセル</button>
<button class="black">> はじめての方へ</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 39 40 41 42 |
</header>
<section class="tshirt-design-container clearfix">
<div class="aside col-xs-4">
<ul id="choice-design-option">
<li>
<div class="title">
<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
文字を追加
</div>
|
|
862daa8a4
commit theme
|
43 |
<div class="content clearfix"> |
|
5fe93ca88
Theme modal
|
44 45 46 |
<div class="col-xs-2 text-center">
<i class="fa fa-jpy" aria-hidden="true"></i>
</div>
|
|
862daa8a4
commit theme
|
47 |
<div class="col-xs-10 des padding-left-0"> |
|
5fe93ca88
Theme modal
|
48 49 50 51 52 53 54 55 56 |
書体を選んでお好きな文字を入力できます
</div>
</div>
</li>
<li>
<div class="title">
<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
イラストやイメージを追加
</div>
|
|
862daa8a4
commit theme
|
57 |
<div class="content clearfix"> |
|
5fe93ca88
Theme modal
|
58 59 60 |
<div class="col-xs-2 text-center">
<i class="fa fa-btc" aria-hidden="true"></i>
</div>
|
|
862daa8a4
commit theme
|
61 |
<div class="col-xs-10 des padding-left-0"> |
|
5fe93ca88
Theme modal
|
62 63 64 65 66 67 68 69 70 |
自由にお使いいただけるデザイン画像をご用意しました
</div>
</div>
</li>
<li>
<div class="title">
<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
自分の画像・写真を追加
</div>
|
|
862daa8a4
commit theme
|
71 |
<div class="content clearfix"> |
|
5fe93ca88
Theme modal
|
72 73 74 |
<div class="col-xs-2 text-center">
<i class="fa fa-jpy" aria-hidden="true"></i>
</div>
|
|
862daa8a4
commit theme
|
75 |
<div class="col-xs-10 des padding-left-0"> |
|
5fe93ca88
Theme modal
|
76 77 78 79 80 81 82 83 84 |
ご自分で用意した画像をアップロードして使えます
</div>
</div>
</li>
<li>
<div class="title">
<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
おすすめデザインを使う
</div>
|
|
862daa8a4
commit theme
|
85 |
<div class="content clearfix"> |
|
5fe93ca88
Theme modal
|
86 87 88 |
<div class="col-xs-2 text-center">
<i class="fa fa-jpy" aria-hidden="true"></i>
</div>
|
|
862daa8a4
commit theme
|
89 |
<div class="col-xs-10 des padding-left-0"> |
|
5fe93ca88
Theme modal
|
90 91 92 93 94 95 96 |
おすすめデザインデータをご自由にカスタマイズしてお使いください
</div>
</div>
</li>
</ul>
</div>
|
|
862daa8a4
commit theme
|
97 98 99 |
<div class="design-content col-xs-8">
<div class="content">
<div class="selection-design">
|
|
5fe93ca88
Theme modal
|
100 |
|
|
862daa8a4
commit theme
|
101 102 103 104 105 106 107 108 |
</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
|
109 110 |
</div>
</section>
|
|
87c93a029
add modal
|
111 112 113 114 |
</div>
</div>
</div>
</div>
|