使用grid布局快速铺设和完成页面内容，根据响应式节点和内容，将响应式上下左右的变换敲定并制作。 使用gird的特性，使页面能在较小的时候也可以很完善的换行掉落，是在各个环境的内容为一致的。

项目介绍： 客户在表单中填好对应的咨询内容和联系方式，点击send，将发邮件给公司对应的信息，并回执邮件给客户。 主要负责： 采用HTML5+CSS3（使用Grid布局），JavaScript（使用JQuery）进行前端校验并使用Ajax提交表单到后台PHP中，PHP进行后台校验并实现发信（PHPMailer插件），然后返回给Ajax显示结果。 制作过程中，测试发信会卡住，检查后发现，PHP校验部分需要给出判断和返回值，js的Ajax的success和error中，接受并处理页面，否则发信失败时会卡主页面。

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）。