模块化绑定页面

assets/css/style.css

@@ -4421,6 +4421,12 @@ img {
   /*overflow: hidden;*/
 }
 
+.portfolio-section .portfolio-grids a.grid {
+  display: block;
+  color: inherit;
+  text-decoration: none;
+}
+
 .portfolio-section .portfolio-grids .grid:hover {
   cursor: -webkit-grab;
   cursor: grab;
@@ -4474,6 +4480,7 @@ img {
   }
 }
 
+.portfolio-section .portfolio-grids .grid h3,
 .portfolio-section .portfolio-grids .grid h3 a {
   color: #fff;
   font-size: 1.75rem;
@@ -7529,4 +7536,4 @@ img {
 .page-path a:hover {
     color: #23527c;
     text-decoration: none;
-}
+}

index.html

@@ -226,50 +226,50 @@
             </div> <!-- end container -->
             <div class="portfolio-container">
                 <div class="portfolio-grids portfolio-slider">
-                    <div class="grid">
+                    <a class="grid" href="solution_supply_chain.html">
                         <div class="img-holder">
                             <img src="assets/images/portfolio/img-1.jpg" alt loading="lazy">
                         </div>
                         <div class="details">
                             <div class="inner">
-                                <h3><a href="#">大宗货物供应链解决方案</a></h3>
+                                <h3>大宗货物供应链解决方案</h3>
                                 <p class="cat">贸易/物流/港口</p>
                             </div>
                         </div>
-                    </div>
+                    </a>
-                    <div class="grid">
+                    <a class="grid" href="solution_inland_river_shipping.html">
                         <div class="img-holder">
                             <img src="assets/images/portfolio/img-5.webp" alt loading="lazy">
                         </div>
                         <div class="details">
                             <div class="inner">
-                                <h3><a href="#">内河港航一体化解决方案</a></h3>
+                                <h3>内河港航一体化解决方案</h3>
                                 <p class="cat">内河港航集团</p>
                             </div>
                         </div>
-                    </div>
+                    </a>
-                    <div class="grid">
+                    <a class="grid" href="solution_port_supply_chain.html">
                         <div class="img-holder">
                             <img src="assets/images/portfolio/img-4.webp" alt loading="lazy">
                         </div>
                         <div class="details">
                             <div class="inner">
-                                <h3><a href="#">港口供应链平台解决方案</a></h3>
+                                <h3>港口供应链平台解决方案</h3>
                                 <p class="cat">大型港航集团</p>
                             </div>
                         </div>
-                    </div>
+                    </a>
-                    <div class="grid">
+                    <a class="grid" href="solution_logistics_chain.html">
                         <div class="img-holder">
                             <img src="assets/images/portfolio/img-3.webp" alt loading="lazy">
                         </div>
                         <div class="details">
                             <div class="inner">
-                                <h3><a href="#">全程物流链解决方案</a></h3>
+                                <h3>全程物流链解决方案</h3>
                                 <p class="cat">大型物流集团</p>
                             </div>
                         </div>
-                    </div>
+                    </a>
                 </div>
 
             </div>