Thomson Reuters 网站宣传和联系页面制作
Header部分，PC节点时使用Grid布局，将导航栏和logo按照设计放到指定的位置上，在SP节点时隐藏导航栏，显示导航开关按钮，按钮使用CSS赋予SVG路径过渡动画，使用一个隐藏的checkbox来确认和获取菜单的状态，使按钮可以根据导航菜单打开关闭正确显示状态。js在页面改变后获取Header的高度，在滑动高度大于Header高度时，给Header赋予模糊背景颜色，便于阅读。在使用模糊背景色时，发现Safari对于filter的支持不佳，经过测试后发现应使用-webkit-兼容解决问题。
内容部分，由于小标题样式统一，使用相同的类名来规定小标题样式，除标题外的内容，均使用Grid进行布局，使内容可以在SP宽度时，轻松实现布局上下调整。按钮部分加入了hover效果，对使用者起到引导作用。
客户请求部分，使用From表单，依旧使用Grid布局，方便调整SP时的上下位置。填好表单点击提交按钮后，将使用js进行字段校验，有错误将使用Alert弹窗提示，若确实无误，使用JQuery的clone方法将表单整体复制到隐藏的弹窗Div中，并赋予disabled使其不可进行修改，然后显示这个隐藏的弹窗Div，供用户检查输入的信息是否有问题，有问题可以返回重新填写，返回将隐藏弹窗Div并清空内容。如果点击发送，将使用AJAX提交到后台的PHPMailer插件的php文件进行字段校验并发信，将会返回：成功发送、某个字段有问题，发送失败三种回复，以及Ajax本身的error。
成功发送将跳转至感谢页面，某字段出问题，将返回字段名称和问题，此时使用Alert将问题弹出并提示。发送失败也会返回问题，此时Alert提示“遇到问题，请联系管理员”，并在控制台将问题打印出来（console.error）。