@@ -81,14 +81,14 @@ <h3>html code</h3>
8181 < a href ="javascript:; " class ="btn-absolute btn-outline html-copy "> Copy</ a >
8282 < div class ="code-section ">
8383 < pre id ="html-code ">
84- <form action="#" method="post" id="demo1-form">< br />
85- <label 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 />
84+ <form action="#" method="post" id="demo1-form">
85+ <label class="btn profile" for="my-profile-file-selector">
86+ <input id="my-profile-file-selector" type="file">Upload
87+ </label>
88+ <span class='' id="upload-profile-file-info"></span>
89+ <h4 id="upload-profile-error" class="text-danger"></h4>
90+ <img id="upload-profile-image" src="" class="img-responsive" alt="">
91+ <button class="btn" id="remove-profile-btn">Remove</button>
9292</form>
9393 </ pre >
9494 </ div >
@@ -98,7 +98,7 @@ <h3>css code</h3>
9898 </ div >
9999 < a href ="# " class ="btn-absolute btn-outline css-copy "> Copy</ a >
100100 < div class ="code-section css-code ">
101- < pre >
101+ < pre id =" css-code " >
102102.btn{
103103 padding: 8px 34px;
104104 background-color: #9c27b0; color: #fff;
@@ -123,9 +123,9 @@ <h3>css code</h3>
123123 < div class ="block-heading ">
124124 < h3 > JavaScript code</ h3 >
125125 </ div >
126- < a href ="# " class ="btn-absolute btn-outline "> Copy</ a >
126+ < a href ="# " class ="btn-absolute btn-outline js-copy "> Copy</ a >
127127 < div class ="code-section js-code ">
128- < pre >
128+ < pre id =" js-code " >
129129$(function(){
130130 // Initialization code
131131 $('body').on("change", "#my-profile-file-selector", function(){
0 commit comments