这里是一个简单的关于我们板块的示例代码,包括CSS和JS代码,以及联系方式的添加。

HTML代码:

<div class="about-us">
  <h2>About Us</h2>
  <p>We are a team of passionate individuals dedicated to providing high-quality products and services to our customers.</p>
  <ul>
    <li><strong>Address:</strong> 123 Main Street, Anytown USA</li>
    <li><strong>Phone:</strong> 555-555-5555</li>
    <li><strong>Email:</strong> info@ourcompany.com</li>
  </ul>
</div>

CSS代码:

.about-us {
  background-color: #f5f5f5;
  padding: 20px;
  margin-bottom: 30px;
}

.about-us h2 {
  font-size: 36px;
  margin-bottom: 20px;
}

.about-us p {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.about-us ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.about-us li {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 10px;
}

.about-us li strong {
  font-weight: bold;
  margin-right: 10px;
}

JS代码:

// 没有JS代码

联系方式可以根据实际情况进行修改和添加,例如:

<ul>
  <li><strong>Address:</strong> 123 Main Street, Anytown USA</li>
  <li><strong>Phone:</strong> 555-555-5555</li>
  <li><strong>Email:</strong> info@ourcompany.com</li>
  <li><strong>Facebook:</strong> <a href="https://www.facebook.com/ourcompany">https://www.facebook.com/ourcompany</a></li>
  <li><strong>Twitter:</strong> <a href="https://twitter.com/ourcompany">https://twitter.com/ourcompany</a></li>
</ul>
请加入css和js代码加入联系方式关于我们板块

原文地址: http://www.cveoy.top/t/topic/qGU 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录