update card

www/src/Template/Element/card_from/from_0.ctp

@@ -82,7 +82,7 @@ use Cake\I18n\Time;
 <!--/row modal card-->
 
 <style>
- .form_1 {
+ /* .form_1 {
      width: 100%;
      height: 100%;
      margin: auto;
@@ -130,6 +130,167 @@ use Cake\I18n\Time;
      width: 500px;
      margin: 70% 0% 0% 20%;
      border-bottom: 0px solid #000;
+ } */
+
+
+
+ /* Add your styles for devices with a maximum width of 320 */
+@media screen and (max-width: 320px) {
+    .rotate270 .row {
+        font-size: 20px !important;
+    }
+    .form_1 {
+        width: 100%;
+        height: 100%;
+        margin: auto;
+        padding: auto;
+    }
+    .form_1-card-img {
+        position: absolute;
+        width: 100%;
+        margin: auto;
+        padding: auto;
+    }
+    .form_1-card-img img {
+        position: relative;
+        width: 100%;
+    }
+    .form_1 .date-name {
+        width: 400px;
+        margin: 50% 0% 0% -40%;
+        border-bottom: 0px solid red;
+        position: absolute;
+        z-index: 9999;
+        display: block;
+    }
+    .date-name div div {
+        height: 35px;
+    }
+    .form_1 .date-position {
+        width: 400px;
+        margin: 68% 0% 0% -12%;
+        border-bottom: 0px solid #000;
+    }
+    .form_1 .date-time {
+        width: 400px;
+        margin: 70% 0% 0% 5%;
+        border-bottom: 0px solid #000;
+    }
+    .form_1 .date-label {
+        width: 400px;
+        margin: 70% 0% 0% 15%;
+        border-bottom: 0px solid #000;
+    }
+}
+
+
+/* Add your styles for devices with a maximum width of 480 */
+@media screen and (min-width: 480px) and (max-width: 320px){ 
+
+.rotate270 .row {
+        font-size: 22px !important;
+    }
+    .form_1 {
+        color:red;
+        width: 100%;
+        height: 100%;
+        margin: auto;
+        padding: auto;
+    }
+    .form_1-card-img {
+        position: absolute;
+        width: 100%;
+        margin: auto;
+        padding: auto;
+    }
+    .form_1-card-img img {
+        position: relative;
+        width: 100%;
+    }
+    .form_1 .date-name {
+        width: 400px;
+        margin: 50% 0% 0% -40%;
+        border-bottom: 0px solid red;
+        position: absolute;
+        z-index: 9999;
+        display: block;
+    }
+    .date-name div div {
+        height: 35px;
+    }
+    .form_1 .date-position {
+        width: 400px;
+        margin: 68% 0% 0% -12%;
+        border-bottom: 0px solid #000;
+    }
+    .form_1 .date-time {
+        width: 400px;
+        margin: 70% 0% 0% 5%;
+        border-bottom: 0px solid #000;
+    }
+    .form_1 .date-label {
+        width: 400px;
+        margin: 70% 0% 0% 15%;
+        border-bottom: 0px solid #000;
+    }
+}
+
+ /* Add your styles for devices with a maximum width of 768 */
+@media screen and (min-width: 768px)  and (max-width: 480px) { }
+/* iPads (landscape) ----------- */
+@media only screen and (min-width: 768px)  and (max-width: 480px) and (orientation : landscape) {}
+/* iPads (portrait) ----------- */
+@media only screen and (min-width: 768px)  and (max-width: 480px) and (orientation : portrait) {}
+@media (min-width:  768px) { 
+	 /* .form_1 {
+	     width: 100%;
+	     height: 100%;
+	     margin: auto;
+	     padding: auto;
+	 }
+
+	 .form_1-card-img {
+	     position: absolute;
+	     width: 100%;
+	     margin: auto;
+	     padding: auto;
+	 }
+
+	 .form_1-card-img img {
+	     position: relative;
+	     width: 100%;
+	 }
+
+	 .form_1 .date-name {
+	     width: 500px;
+	     margin: 55% 0% 0% -40%;
+	     border-bottom: 0px solid red;
+	     position: absolute;
+	     z-index: 9999;
+	     display: block;
+	 }
+
+	 .date-name div div {
+	     height: 35px;
+	 }
+
+	 .form_1 .date-position {
+	     width: 500px;
+	     margin: 70% 0% 0% -15%;
+	     border-bottom: 0px solid #000;
+	 }
+
+	 .form_1 .date-time {
+	     width: 500px;
+	     margin: 70% 0% 0% 10%;
+	     border-bottom: 0px solid #000;
+	 }
+
+	 .form_1 .date-label {
+	     width: 500px;
+	     margin: 70% 0% 0% 20%;
+	     border-bottom: 0px solid #000;
+	 } */
  }
 
 </style>
\ No newline at end of file

www/src/Template/Profiles/index.ctp

@@ -351,14 +351,14 @@ use Cake\I18n\Time;
 <!--- *************** model list ******************* -->
 
     <div class="row">
-        <div class="col-xs-12 col-sm-12 col-md-12">
+        <div class="col-xs-12 col-sm-12 col-md-12" >
             <div class="modal fade" id="defaultModal" tabindex="-1" role="dialog" aria-labelledby="defaultModalLabel" aria-hidden="true">
                 <div class="modal-dialog box-ads">
                     <a class="close-modal" data-dismiss="modal">X </a>  
                     <div class="container login-container">
                         <div class="owl-carousel owl-theme" data-plugin-options="{'items': 1}">
                             <div> 
-                                <img src="/img/core/img/connect-card-v2.png" class="img-responsive" id="img-upload" alt="Profile picture">
+                                <img src="/img/core/img/connect-card-v2.png" class="img-responsive" id="img-upload" alt="Profile picture" >
                             </div>  
                             <div>
                                 <div class="qrcode-profile"><br>
@@ -542,8 +542,7 @@ use Cake\I18n\Time;
 	 }
 
 	 .box-ads {
-	     width: 1%;
-	     display: table;
+	    
 	     margin: auto;
 	     padding: auto;
 	     position: relative;

www/src/Template/Users/signup.ctp

@@ -463,7 +463,7 @@
     code span {
         color:green;
     }
-    .from-control-reg {
+    .form-control-reg {
             padding: 5px;
     vertical-align: middle;
     font-family: 'cordia new' !important;