随着网站的初步构建完成，首页已经有了基本的框架。但为了使首页更加引人注目，将继续添加一些装饰元素，以提升其视觉吸引力。
首先，将公司名称下方的文字替换为“自1971年以来，服务于加利福尼亚圣华金谷的99号高速公路莫德斯托和默塞德之间”。
接下来，想要将页脚与页面的其余部分区分开来，因为目前它们看起来融合在一起。为此，将为页脚添加一个不同的背景颜色。
添加了一个CSS规则来设置背景颜色，如下所示：
footer {
position: relative;
background-color: lightblue;
}
由于这是一个HTML5标签名称（而不是自命名的CSS类），不需要在页脚中添加 "class="footer""。网站上的任何页脚都将自动继承这些规则。而且，由于在Site.Master中存在HTML5页脚，任何引用Site.Master的页面都将继承相同的页脚。
以下是Default.aspx顶部的指令：
<%@ Page Title="首页" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="HarttPools._Default" %>
这确保了Default.aspx使用Site.Master作为其“母版页”，以便Default.aspx从Site.Master获取“起点”，类似于商务信纸或文档模板的格式。目前，其他页面（如“关于”、“联系”等）也是如此。
现在添加一个“图片”菜单项，因为除了首页中间展示的8张图片动画GIF之外，还有许多图片需要展示。为此，在Site.Master中添加菜单项的区域添加了另一个列表项：
<li>
<a runat="server" href="~/Images">图片</a>
</li>
...然后通过右键单击项目，选择“添加 > Web表单”，并将其命名为“Images”来添加一个名为Images的页面。
现在运行网站时，注意到信用卡GIF动画过于靠右。移除了“class="east-magnet"”以查看GIF将如何显示...好的，这样更好了——它现在位于文本下方，而不是在“右外野”（从击球手/旁观者的角度来看）。
还将为该区域添加背景颜色，以使其与中间区域区分开来。由于不能将规则应用于div（不想改变所有div的背景颜色），创建了一个新的CSS类，仅包含背景颜色：
.backgroundcolorLightSkyBlue {
background-color: lightblue;
}
...并将该类分配给div，添加到现有的“jumbotron”类中（由项目的Bootstrap框架使用）：
<div class="jumbotron backgroundcolorLightSkyBlue">
这很好用，所以将“class=“backgroundcolorLightSkyBlue””添加到页脚，并从页脚CSS声明中删除背景颜色指令，使其现在仅为：
footer {
position: relative;
background-color: lightblue;
}
最后（也许？），再做一次更改。添加了一个CSS类，将字体颜色设置为azure（这基本上看起来是一个“白色”的花哨名称）：
.fontcolorAzure {
color: azure;
}
...并将该类添加到公司名称下方的文字：
<p class="lead fontcolorAzure">
自1971年以来，服务于加利福尼亚圣华金谷的99号高速公路莫德斯托和默塞德之间
</p>
（“lead”已经存在，由Microsoft/Bootstrap添加）