查看“Python Web开发：联系我们”的源代码

==编写前端页面==
html:

 <nowiki>
<!-- 联系我们 -->
      <span class="part1">
        <a href="{% url 'contactApp:contact' %}">联系我们</a>
      </span>
      <span class="part1 en">
        &nbsp;&nbsp;/ Contact us
      </span>
      <div class="line1">
        <div class="line2 theme"></div>
      </div>
      <div>
        <ul class="list-unstyled procurement-li">
            <li><span>纳新咨询一(qq)：</span>111-111111</li>
            <li><span>纳新咨询二(qq)：</span>222-222222</li>
            <li><span>纳新qq群：</span>0111-1111111</li>
            <li><span>纳新微信群：</span>0222-2222222</li>
            <li><span>地址：</span>济南市旅游路4516号</li>
            <li><span>邮编：</span>250000</li>
            <li><span>网址：</span>
                <a href="http:www.openbrains.net">http:www.openbrains.net</a>
            </li>
        </ul>
        <div class="platform"><a href="{% url 'contactApp:contact' %}">详情</a></div>
      </div>

</nowiki>

css:

 <nowiki>

/* 联系我们 */
.procurement-li{
	line-height:35px;
	color:#666;
	font-size:13px;
}
.procurement-li a{
	text-decoration:none;
	color:#666;
}
.platform{
	width:100%;
	height:45px;
	background:#eae7e7;
	color:#fff;
	text-align:center;
	font-size:17px;
	line-height:42px;
}
.platform a{
	text-decoration:none;
	color:#666;
}
.platform a:hover{
	color:#d30a1c;
}</nowiki>