@@ -73,6 +73,59 @@ <h4 id="upload-profile-error" class="text-danger"></h4>
7373 </ form >
7474
7575 </ div >
76+ 77+ < div class ="col-sm-4 col-md-4 col-xs-12 ">
78+ < div class ="block-heading ">
79+ < h3 > html code</ h3 >
80+ </ div >
81+ < a href ="# " class ="btn-absolute btn-outline "> Copy</ a >
82+ < div class ="code-section ">
83+ < pre >
84+ <form action="#" method="post" id="demo1-form">< br />
85+ <label class="btn profile" for="my-profile-file-selector">< br />
86+ <input id="my-profile-file-selector" type="file">Upload< br />
87+ </label>< br />
88+ <span class='' id="upload-profile-file-info"></span>< br />
89+ <h4 id="upload-profile-error" class="text-danger"></h4>< br />
90+ <img id="upload-profile-image" src="" class="img-responsive" alt="">< br />
91+ <button class="btn" id="remove-profile-btn">Remove</button>< br />
92+ </form>
93+ </ pre >
94+ </ div >
95+ < div class ="css-section ">
96+ < div class ="block-heading ">
97+ < h3 > css code</ h3 >
98+ </ div >
99+ < a href ="# " class ="btn-absolute btn-outline css-copy "> Copy</ a >
100+ < div class ="code-section css-code ">
101+ < pre >
102+ .btn{
103+ padding: 8px 34px;
104+ background-color: #9c27b0; color: #fff;
105+ font-size: 16px; border-radius: 0;
106+ }
107+ .btn:hover{
108+ color: #fff !important;
109+ }
110+ #remove-profile-btn{
111+ display: none;
112+ margin-top: 12px;
113+ }
114+ #my-profile-file-selector{
115+ display: none;
116+ }
117+ </ pre >
118+ </ div >
119+ </ div >
120+ </ div >
121+ 122+ < div class ="col-sm-4 col-md-4 col-xs-12 ">
123+ < div class ="block-heading ">
124+ < h3 > JavaScript code</ h3 >
125+ </ div >
126+ < a href ="# " class ="btn-absolute btn-outline "> Copy</ a >
127+ </ div >
128+ 76129 </ div >
77130
78131 </ div >
0 commit comments