Commit cddd26f3 by Prasong Putichanchai

update code

parent 1cf0d336
...@@ -29,20 +29,15 @@ public function generate(){ ...@@ -29,20 +29,15 @@ public function generate(){
?> ?>
<div class="row"> <div class="row">
<div class="col-xs-1 col-sm-1 col-md-1" style="font-size:36px; height: 200px; padding-top:20%;" > <div class="col-xs-1 col-sm-1 col-md-1 box-arrow" ></div>
</div>
<div class="col-xs-10 col-sm-10 col-md-10"> <div class="col-xs-10 col-sm-10 col-md-10">
<div data-toggle="modal" data-target="#defaultModal" style="text-align: center;"> <div data-toggle="modal" data-target="#defaultModal" style="text-align: center; cursor: pointer;">
<img src="/img/core/img/card-bg-front@3x-V2.png" class="img-responsive" id="img-upload" alt="Profile picture"> <img src="/img/core/img/card-bg-front@3x-V2.png" class="img-responsive" id="img-upload" alt="Profile picture">
</div> </div>
</div> </div>
<div class="col-xs-1 col-sm-1 col-md-1" style="font-size:36px; height: 200px; padding-top:20%;" > <div class="col-xs-1 col-sm-1 col-md-1 box-arrow" >
<div > <i class = "fa fa-angle-right"></i>
<i class = "fa fa-angle-right">
</i>
</div>
</div> </div>
<div style="clear: both"></div> <div style="clear: both"></div>
</div><!--/row--> </div><!--/row-->
...@@ -177,9 +172,9 @@ public function generate(){ ...@@ -177,9 +172,9 @@ public function generate(){
<div class="row"> <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 fade" id="defaultModal" tabindex="-1" role="dialog" aria-labelledby="defaultModalLabel" aria-hidden="true">
<div class="modal-dialog"> <div class="modal-dialog box-ads">
<div class=""> <a class="close-modal" data-dismiss="modal">X </a>
<div class="">
<div class="container login-container"> <div class="container login-container">
<div class="owl-carousel owl-theme" data-plugin-options="{'items': 1}"> <div class="owl-carousel owl-theme" data-plugin-options="{'items': 1}">
<div> <div>
...@@ -199,9 +194,7 @@ public function generate(){ ...@@ -199,9 +194,7 @@ public function generate(){
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -268,7 +261,7 @@ public function generate(){ ...@@ -268,7 +261,7 @@ public function generate(){
// CHANGE Province According Country // CHANGE Province According Country
//================================================== //==================================================
$(document).ready(function () { $(document).ready(function () {
$("#master_country_id").on('change', function () { $("#master_country_id").on('change', function () {
var id = $(this).val(); var id = $(this).val();
if (id) { if (id) {
...@@ -286,4 +279,39 @@ public function generate(){ ...@@ -286,4 +279,39 @@ public function generate(){
}); });
}); });
</script> </script>
\ No newline at end of file <style>
.box-arrow{
font-size:36px;
height: 200px;
padding-top:20%;
cursor: pointer;
}
.box-ads{
width: 1%;
display: table;
margin: auto;
position: relative;
padding-top: 10px;
margin-top: 5px;
}
.box-ads .close-modal{
position:absolute;
top:0;
right: 0;
width: 40px;
height: 40px;
background-color: #000;
color: #fff;
cursor: pointer;
font-size: 20px;
border-radius: 20px;
padding-top: 10px;
margin-right: 10px;
text-align: center;
z-index: 9999;
}
.box-ads .close-modal:hover{
text-decoration: none;
}
</style>
\ No newline at end of file
<div class="owl-carousel owl-theme" data-plugin-options="{'items': 1}"> <div class="owl-carousel owl-theme" data-plugin-options="{'items': 1}">
<?php foreach ($UserCards as $value) { #pr($value);die;?> <?php foreach ($UserCards as $value) { #pr($value);die;?>
<div class="row"> <div class="row">
<div class="col-xs-1 col-sm-1 col-md-1" style="font-size:36px; height: 200px; padding-top:20%;"> <div class="col-xs-1 col-sm-1 col-md-1 box-arrow">
<div> <div>
<i class = "fa fa-angle-left" > <i class = "fa fa-angle-left" >
</i> </i>
</div> </div>
</div> </div>
<div class="col-xs-9 col-sm-9 col-md-9" style=" border: 1px solid red; height: 200px; margin-top: 10px;"> <div class="col-xs-9 col-sm-9 col-md-9 box-card">
<div class="row"> <div class="row">
<div class="col-xs-1"> <div class="col-xs-1">
</div> </div>
...@@ -55,7 +55,7 @@ ...@@ -55,7 +55,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-xs-1 col-sm-1 col-md-1" style="font-size:36px; height: 200px; padding-top:20%;"> <div class="col-xs-1 col-sm-1 col-md-1 box-arrow">
<div> <div>
<i class = "fa fa-angle-right" > <i class = "fa fa-angle-right" >
</i> </i>
...@@ -112,4 +112,18 @@ ...@@ -112,4 +112,18 @@
</div> </div>
</div> </div>
<?php } ?> <?php } ?>
</div> </div>
\ No newline at end of file
<style>
.box-card{
border: 1px solid #ccc;
height: 200px;
margin-top: 10px;
}
.box-arrow{
font-size:36px;
height: 200px;
padding-top:20%;
cursor: pointer;
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment