<style>
#main-upb-form {
 border-top: 8px solid #000000 !important;
}
/*-----------------------------------Button CSS Start-----------------------------------*/
.UPB-Button-input input[type="submit"], .UPB-Button-input input[type="reset"], .UPB-Button-input .UPB-Button {
 background: #000000;
   border-top: 1px solid #424242;
 background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#000000));
 background: -webkit-linear-gradient(top, #424242, #000000);
 background: -moz-linear-gradient(top, #424242, #000000);
 background: -ms-linear-gradient(top, #424242, #000000);
 background: -o-linear-gradient(top, #424242, #000000);
 text-shadow:0px -1px 0px #000000;
  
}
.UPB-Button-input .UPB-Button:hover,
.UPB-Button-input .UPB-Button:active,
.UPB-Button-input input[type="submit"]:hover, 
.UPB-Button-input input[type="reset"]:hover, 
.UPB-Button-input input[type="submit"]:active, 
.UPB-Button-input input[type="reset"]:active {
 border-top-color: #000000;
 background: #000000;
}
.UPB-Button-input input {
 background: #000000;
   border-top: 1px solid #424242;
 background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#000000));
 background: -webkit-linear-gradient(top, #424242, #000000);
 background: -moz-linear-gradient(top, #424242, #000000);
 background: -ms-linear-gradient(top, #424242, #000000);
 background: -o-linear-gradient(top, #424242, #000000);
	
 text-shadow: 0px -1px 0px #000000;
  
}
.UPB-Button-input input:hover, .UPB-Button-input input:active {
 background: #000000;
	color: #fff;
   border-top-color: #000000;
 text-shadow: 0px 0px 0px #000000;
 }
.UPB-Button-input a {
	text-decoration: none;
   text-shadow:0px -1px 0px #000000;
 }
.UPB-Button-input a:hover, .UPB-Button-input a:active {
	text-decoration: none;
   text-shadow:0px -1px 0px #000000;
 }
/*-----------------------------------Button CSS Ends-----------------------------------*/
#progressbar {
	width: 199px;
border-color:#000000;
	height: 15px;
	margin-bottom: 10px;
}
#progressbar .ui-progressbar-value {
background: #000000;
border-color:#000000}
</style>
<style>
#main-upb-form {
 border-top: 8px solid #000000 !important;
}
/*-----------------------------------Button CSS Start-----------------------------------*/
.UPB-Button-input input[type="submit"], .UPB-Button-input input[type="reset"], .UPB-Button-input .UPB-Button {
 background: #000000;
   border-top: 1px solid #424242;
 background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#000000));
 background: -webkit-linear-gradient(top, #424242, #000000);
 background: -moz-linear-gradient(top, #424242, #000000);
 background: -ms-linear-gradient(top, #424242, #000000);
 background: -o-linear-gradient(top, #424242, #000000);
 text-shadow:0px -1px 0px #000000;
  
}
.UPB-Button-input .UPB-Button:hover,
.UPB-Button-input .UPB-Button:active,
.UPB-Button-input input[type="submit"]:hover, 
.UPB-Button-input input[type="reset"]:hover, 
.UPB-Button-input input[type="submit"]:active, 
.UPB-Button-input input[type="reset"]:active {
 border-top-color: #000000;
 background: #000000;
}
.UPB-Button-input input {
 background: #000000;
   border-top: 1px solid #424242;
 background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#000000));
 background: -webkit-linear-gradient(top, #424242, #000000);
 background: -moz-linear-gradient(top, #424242, #000000);
 background: -ms-linear-gradient(top, #424242, #000000);
 background: -o-linear-gradient(top, #424242, #000000);
	
 text-shadow: 0px -1px 0px #000000;
  
}
.UPB-Button-input input:hover, .UPB-Button-input input:active {
 background: #000000;
	color: #fff;
   border-top-color: #000000;
 text-shadow: 0px 0px 0px #000000;
 }
.UPB-Button-input a {
	text-decoration: none;
   text-shadow:0px -1px 0px #000000;
 }
.UPB-Button-input a:hover, .UPB-Button-input a:active {
	text-decoration: none;
   text-shadow:0px -1px 0px #000000;
 }
/*-----------------------------------Button CSS Ends-----------------------------------*/
#progressbar {
	width: 199px;
border-color:#000000;
	height: 15px;
	margin-bottom: 10px;
}
#progressbar .ui-progressbar-value {
background: #000000;
border-color:#000000}
</style>
<div id="UPB-Free-Form">
  <div id="main-upb-form">
    <div id="UPB-Free-Form-entry-content">
      <div class="UPB-Free-Form-main-upb-form">
       <div class="already-logged">
         <div class="You-are-already-logged-in"> 
         <h3>You need to login to view this page.</h3>
         </div><!-----------------You-are-already-logged-in--------->
      
       <div  class="UPB-Button-input"> 
       <a class="UPB-Button" href="http://drjoo.kr/wordpress"> Go back to Home-Page </a>
       <a class="UPB-Button" href="http://drjoo.kr/wordpress/ultimate-profile-page/?login2=1" title="Login"> Go back to Login </a>       <div class="clear"></div>
       </div><!-----------------UPB-Button-input----------->
         
         <div class="clear"></div>
         </div><!----------already-logged-------->
         <div class="clear"></div>
      </div><!-------------UPB-Free-Form-main-upb-form-------->
      <div class="clear"></div>
    </div><!---------------UPB-Free-Form-entry-content------------>
    <div class="clear"></div>
  </div><!---------------main-upb-form-------->
<div class="clear"></div>  
</div><!-----------UPB-Free-Form---------->   
<script>
jQuery( ".profile_image_box_area" )
  .mouseenter(function() {
	jQuery(".change_profile_image").animate({ marginTop: "-55px" },"slow");
  })
  .mouseleave(function() {
    jQuery(".change_profile_image").animate({ marginTop: "10px" },"slow");
  });
 </script>
 <script>
jQuery( ".profile_image_box_area" )
  .mouseenter(function() {
	jQuery(".change_profile_image").animate({ marginTop: "-55px" },"slow");
  })
  .mouseleave(function() {
    jQuery(".change_profile_image").animate({ marginTop: "10px" },"slow");
  });
 </script>{"id":752,"date":"2017-08-18T20:44:46","date_gmt":"2017-08-18T11:44:46","guid":{"rendered":"http:\/\/drjoo.kr\/wordpress\/ultimate-profile-page\/"},"modified":"2017-09-13T22:09:39","modified_gmt":"2017-09-13T13:09:39","slug":"ultimate-profile-page","status":"publish","type":"page","link":"http:\/\/drjoo.kr\/wordpress\/ultimate-profile-page\/","title":{"rendered":"UPB Profile Page"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/drjoo.kr\/wordpress\/wp-json\/wp\/v2\/pages\/752"}],"collection":[{"href":"http:\/\/drjoo.kr\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/drjoo.kr\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/drjoo.kr\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/drjoo.kr\/wordpress\/wp-json\/wp\/v2\/comments?post=752"}],"version-history":[{"count":1,"href":"http:\/\/drjoo.kr\/wordpress\/wp-json\/wp\/v2\/pages\/752\/revisions"}],"predecessor-version":[{"id":885,"href":"http:\/\/drjoo.kr\/wordpress\/wp-json\/wp\/v2\/pages\/752\/revisions\/885"}],"wp:attachment":[{"href":"http:\/\/drjoo.kr\/wordpress\/wp-json\/wp\/v2\/media?parent=752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}