当青训营遇上码上掘金。
关于“我的名片”创作设计，我运用的是以网页的形式向大家介绍我自己，主要运用的技术是html和css，我的创作思路如下：
首先打开网页映入眼帘的是“我的名片”首页内容，该页面我主要设计了一张关于“我的名片”的图片，元素较为简洁，然后添加了一个button按钮来实现页面的跳转，进而进入“我的名片”的主页内容，按钮的设计我采用了涟漪动画效果，可以在点击时使它的可视效果更加好看。
接下来就是“我的名片”的主页内容，页面的顶部我添加了一个banner，可以缓解视觉冲突以及丰富页面的效果。接着采用flex弹性布局将页面分成多个模块进行设计，首先是“touxiang”模块，我将头像利用border-radius元素使其变成圆形，并添加了边框进行美化，头像下面的文字简单明了地表明了我的身份，突出重点。在这里当时我也遇到了文本无法与头像对齐的问题，后来我将头像视为一个div后，使用text-align元素即可达到我想要的效果。接着是我的个人自传（介绍）模块，这个模块的标题Biography由于过于单调，我采用了与头像边框同色的圆点进行点缀和突出，这里为了更快达到我想要的效果，于是我把英文拆分的方式进行，仅让圆点占据前三个字母，在前三个字母的css样式中添加border-radius元素即可实现。然后标题下方采用p标签写了一段简短的自我介绍，让大家通过文字更好的了解我，再下面则是使用grid网格布局写的一些个人的基本信息。这里便完成了我的自传部分，然后使用分隔线，在下一部分同样采用弹性布局来介绍我的个人经历以及技能等等。
通过本次的主题创作，让自己多了一些练习代码的机会，从中受益匪浅。
