update

src/assets/css/bootstrap.css

@@ -342,23 +342,7 @@ hr {
   clip: rect(0, 0, 0, 0);
   border: 0;
 }
-h1,
+
-h2,
-h3,
-h4,
-h5,
-h6,
-.h1,
-.h2,
-.h3,
-.h4,
-.h5,
-.h6 {
-  font-family: inherit;
-  font-weight: 500;
-  line-height: 1.1;
-  color: inherit;
-}
 h1 small,
 h2 small,
 h3 small,

src/assets/css/theme-style.css

@@ -27,6 +27,11 @@ main {
 	main {
 		padding: 1rem;
 	}
+
+	.footer-container {
+		display: flex;
+    	flex-direction: column;
+	}
 }
 
 html, body{

src/layouts/Layout.astro

@@ -2,6 +2,7 @@
 import { getConfig } from '../../utils/config'
 import '../assets/css/bootstrap.css'
 import '../assets/css/theme-style.css'
+import '../styles/main.css'
 const config = getConfig(Astro)
 const {
 	desc = '霍尔果斯飞驰广告传媒有限公司是一家充满活力和创新精神的互联网企业，专注于为客户提供卓越的数字化解决方案。我们秉承以客户为中心的理念，致力于通过创新技术和策略，助力企业实现数字化转型与品牌升级，共同开创更加美好的未来。',

src/pages/index.astro

@@ -236,12 +236,13 @@ const { code, data } = await newsIndex(config.id, 3, 1);
 										<div class="blog__meta">
 											<span>{item.created_at}</span>
 											<div>
-												<h3 class="title">
+												<h2 class="title">
 													{item.title}
-												</h3>
+												</h2>
 											</div>
 										</div>
 										<a title={`${item.column_tag}`} href={item.column_tag_url}><span class="label label-success">{item.column_tag}</span></a>
+										<a title={`${item.second_column_tag}`} href={item.second_column_tag_url}><span class="label label-info">{item.second_column_tag}</span></a>
 									</a>
 								</div>
 							</div>
@@ -266,6 +267,15 @@ const { code, data } = await newsIndex(config.id, 3, 1);
 
 	.news {
 		margin-bottom: 2rem;
+		h2 {
+			font-family: var(--primary-font);
+			color: #2b3a66;
+			margin: 0;
+		}
+
+		.blog__meta {
+			margin-top: .5rem;
+		}
 	}
 
 	@media screen and (max-width: 768px) {

src/styles/responsive.css

@@ -19,9 +19,6 @@
     ul.location_icon li {
         padding-left: 38px;
     }
-    .bottom_form .enter {
-        width: 55%;
-    }
     ul.social_icon li a {
         margin: 0px 1px;
     }
@@ -55,14 +52,6 @@
         font-size: 15px;
         padding-left: 8px;
     }
-    .bottom_form .enter {
-        width: 58%;
-    }
-    .sub_btn {
-        padding: 12px 0px;
-        max-width: 137px;
-        margin-left: -2px;
-    }
     ul.social_icon li a {
         width: 32px;
         font-size: 19px;
@@ -162,8 +151,9 @@
         text-align: left;
         margin-top: 20px;
     }
-    .bottom_form .enter {
+
-        width: 100%;
+    .footer-container {
-        margin-bottom: 30px;
+        display: flex;
+        flex-direction: column;
     }
 }

src/styles/style.css

@@ -786,11 +786,10 @@ ul.btn li:last-child {
 
 /** footer **/
 
-.footer {
+/* .footer {
      background: #212120;
-     padding-top: 85px;
      text-align: center;
-}
+} */
 
 .footer .titlepage {
      text-align: left;
@@ -915,50 +914,6 @@ ul.social_icon li a:hover {
      width: 100%;
 }
 
-.bottom_form {
-     padding-top: 29px;
-}
-
-.bottom_form h3 {
-     font-weight: 600;
-     font-size: 20px;
-     text-align: left;
-     color: #fff;
-     padding-bottom: 15px;
-}
-
-.bottom_form .enter {
-     border: inherit;
-     padding: 0px 19px;
-     width: 62%;
-     height: 53px;
-     background: #fff;
-     color: #000;
-     font-size: 18px;
-     font-weight: 600;
-     float: left;
-}
-
-.sub_btn {
-     font-size: 17px;
-     transition: ease-in all 0.5s;
-     background-color: #0808ff;
-     color: #fff;
-     padding: 11px 0px;
-     max-width: 200px;
-     width: 100%;
-     display: block;
-     font-weight: 500;
-     text-transform: uppercase;
-     margin-left: -2px;
-}
-
-.sub_btn:hover {
-     background-color: #0e0b0a;
-     transition: ease-in all 0.5s;
-     color: #fff;
-}
-
 .copyright {
      margin-top: 90px;
      padding: 20px 0px;