Python Web开发：创新基地

背景

”技术之家“主要显示大二技术之家相关的介绍性信息。

包括静态图片 和静态文字的渲染

实训步骤

编写前端代码

    <div class="col-md-4">

      <!-- 科创基地 -->
      <span class="part1">
        <a href="{% url 'scienceApp:science' %}">技术之家</a>
      </span>
      <span class="part1 en">
          / Technology Center
      </span>
      <div class="line1">
        <div class="line2 theme"></div>
      </div>
      <div>
        <a href="{% url 'scienceApp:science' %}">
          <img class="img-responsive" src="{% static 'img/ky.jpg' %}">
        </a>
        <p class="text1">
          <font color="#d30a1c">云计算协会技术之家</font>
          云计算协会技术之家分为云计算运维、 UI新媒体、互联网+实践、大数据实践部四个事业部，共拥有高级研发人员近30名，
          以各领域高级工程师和知名大牛为主体的多层次研发梯队。当前，技术之家优秀的技术团队已为云协在软件大赛、新媒体大赛等 领域打下了坚实基础
        </p>
      </div>

    </div>

效果