请加入css和js代码加入联系方式关于我们板块
这里是一个简单的关于我们板块的示例代码,包括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>
原文地址: http://www.cveoy.top/t/topic/qGU 著作权归作者所有。请勿转载和采集!