K kamischin/hw1

package.json

@@ -12,5 +12,8 @@
         "laravel-vite-plugin": "^1.2.0",
         "tailwindcss": "^4.0.0",
         "vite": "^6.2.4"
+    },
+    "dependencies": {
+        "bootstrap": "^5.3.7"
     }
 }

public/css/app.css

@@ -0,0 +1,147 @@
+body {
+    padding-top: 15px;
+}
+
+.wp-block.property.list {
+    border: 1px solid #e0eded;
+    margin-bottom: 15px !important;
+}
+
+.wp-block {
+    margin: 0 0 15px 0;
+    -webkit-transition: all .3s linear;
+    transition: all .3s linear;
+    position: relative;
+    cursor: default;
+    border-radius: 2px;
+}
+
+.wp-block.property.list {
+    padding: 15px 15px 0 15px;
+}
+
+.wp-block.property.list {
+    margin: 0;
+    padding: 0;
+    font-size: 16px;
+    font-weight: 400;
+}
+
+.wp-block .wp-block-body {
+    padding: 15px;
+}
+
+.wp-block.property.list .wp-block-img {
+    display: table-cell;
+    width: 250px;
+}
+
+.wp-block.property.list .wp-block-img img {
+    width: 100%;
+}
+
+.wp-block.property.list .wp-block-content .content-title {
+    font-size: 20px;
+    color: #3498db;
+    margin-bottom: 5px;
+}
+
+.wp-block.property.list .wp-block-body .wp-block-content {
+    display: table-cell;
+    vertical-align: top;
+    padding-left: 15px;
+}
+
+.wp-block.property.list .wp-block-content .description {
+    padding-bottom: 10px;
+    border-bottom: 1px solid #e0eded;
+}
+
+.wp-block.property.list .wp-block-footer ul.aux-info {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    display: block;
+    background: #ffffff1a;
+    border-top: 1px solid #e0eded2b;
+}
+
+.wp-block.property.list .wp-block-footer ul.aux-info li {
+    display: table-cell;
+    padding: 10px 15px;
+    vertical-align: middle;
+    border-right: 1px solid #e0eded;
+}
+
+.ribbon.base {
+    background: #3498db;
+    color: #fff;
+    border-right: 5px solid #8bc4ea;
+}
+
+.ribbon {
+    position: absolute;
+    top: 20px;
+    right: -5px;
+    padding: 15px;
+}
+
+.base {
+    background: #3498db;
+    color: #fff !important;
+}
+
+.ribbon:before, .ribbon:after {
+    content: '';
+    position: absolute;
+    left: -9px;
+    border-left: 10px solid transparent;
+}
+
+.ribbon:before {
+    top: 0;
+}
+
+.ribbon.base:before {
+    border-top: 27px solid #3498db;
+}
+
+.ribbon.base:after {
+    border-bottom: 27px solid #3498db;
+}
+
+.ribbon:after {
+    bottom: 0;
+}
+
+ul.pagination-list li {
+    display: inline-block;
+    padding: 12px;
+    border: 1px solid #eee;
+    border-radius: 2px;
+}
+
+ul.pagination-list {
+    display: inline-block;
+}
+
+a.pagination-next {
+    display: inline-block;
+    padding: 12px;
+    border: 1px solid #eee;
+    border-radius: 2px;
+}
+
+a.pagination-previous {
+    display: inline-block;
+    padding: 12px;
+    border: 1px solid #eee;
+    border-radius: 2px;
+}
+ul.pagination-list li.is-current {
+    background: #247d3d;
+    color: #fff;
+}
+a,li,p,h2 {
+    color: #eee;
+}

public/css/main.css

@@ -0,0 +1,147 @@
+body {
+    padding-top: 15px;
+}
+
+.wp-block.property.list {
+    border: 1px solid #e0eded;
+    margin-bottom: 15px !important;
+}
+
+.wp-block {
+    margin: 0 0 15px 0;
+    -webkit-transition: all .3s linear;
+    transition: all .3s linear;
+    position: relative;
+    cursor: default;
+    border-radius: 2px;
+}
+
+.wp-block.property.list {
+    padding: 15px 15px 0 15px;
+}
+
+.wp-block.property.list {
+    margin: 0;
+    padding: 0;
+    font-size: 16px;
+    font-weight: 400;
+}
+
+.wp-block .wp-block-body {
+    padding: 15px;
+}
+
+.wp-block.property.list .wp-block-img {
+    display: table-cell;
+    width: 250px;
+}
+
+.wp-block.property.list .wp-block-img img {
+    width: 100%;
+}
+
+.wp-block.property.list .wp-block-content .content-title {
+    font-size: 20px;
+    color: #3498db;
+    margin-bottom: 5px;
+}
+
+.wp-block.property.list .wp-block-body .wp-block-content {
+    display: table-cell;
+    vertical-align: top;
+    padding-left: 15px;
+}
+
+.wp-block.property.list .wp-block-content .description {
+    padding-bottom: 10px;
+    border-bottom: 1px solid #e0eded;
+}
+
+.wp-block.property.list .wp-block-footer ul.aux-info {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    display: block;
+    background: #ffffff1a;
+    border-top: 1px solid #e0eded2b;
+}
+
+.wp-block.property.list .wp-block-footer ul.aux-info li {
+    display: table-cell;
+    padding: 10px 15px;
+    vertical-align: middle;
+    border-right: 1px solid #e0eded;
+}
+
+.ribbon.base {
+    background: #3498db;
+    color: #fff;
+    border-right: 5px solid #8bc4ea;
+}
+
+.ribbon {
+    position: absolute;
+    top: 20px;
+    right: -5px;
+    padding: 15px;
+}
+
+.base {
+    background: #3498db;
+    color: #fff !important;
+}
+
+.ribbon:before, .ribbon:after {
+    content: '';
+    position: absolute;
+    left: -9px;
+    border-left: 10px solid transparent;
+}
+
+.ribbon:before {
+    top: 0;
+}
+
+.ribbon.base:before {
+    border-top: 27px solid #3498db;
+}
+
+.ribbon.base:after {
+    border-bottom: 27px solid #3498db;
+}
+
+.ribbon:after {
+    bottom: 0;
+}
+
+ul.pagination-list li {
+    display: inline-block;
+    padding: 12px;
+    border: 1px solid #eee;
+    border-radius: 2px;
+}
+
+ul.pagination-list {
+    display: inline-block;
+}
+
+a.pagination-next {
+    display: inline-block;
+    padding: 12px;
+    border: 1px solid #eee;
+    border-radius: 2px;
+}
+
+a.pagination-previous {
+    display: inline-block;
+    padding: 12px;
+    border: 1px solid #eee;
+    border-radius: 2px;
+}
+ul.pagination-list li.is-current {
+    background: #247d3d;
+    color: #fff;
+}
+a,li,p,h2 {
+    color: #eee;
+}