code #6

[nobr]
[class=container]
  height: 455px;
  width: 360px;
  margin: auto;
  overflow: hidden;
  background-color: #000;
[/class]

[class=imgbg]
  height: 455px;
  width: 360px;
  position: absolute;
  background-image: url('https://i.imgur.com/Tp0Ghsa.jpg');
  background-position: center center;
  background-size: cover;
  opacity: 0.7;
[/class]

[class=topd]
  height: 2px;
  width: 320px;
  margin-left: 20px;
  margin-top: 35px;
  background-color: #fff;
  position: absolute;
[/class]

[class=cicn]
  height: 24px;
  width: 24px;
  background-image: url('https://i.imgur.com/r1U1HQc.png');
  background-size: contain;
  background-position: center center;
  position: absolute;
  margin-top: 5px;
  margin-left: 35px;
  transform: scaleX(0.9);
[/class]

[class name=cicn state=hover]
  cursor: pointer;
[/class]

[class=micn]
  height: 23px;
  width: 23px;
  background-image: url('https://i.imgur.com/K0tFQ2W.png');
  background-size: contain;
  background-position: center center;
  position: absolute;
  margin-top: 5px;
  margin-left: 308px;
  transform: scaleX(0.9);
[/class]

[class name=micn state=hover]
  cursor: pointer;
[/class]

[class=box]
  height: 320px;
  width: 318px;
  background-color: transparent;
  border: 1px solid #fff;
  margin-top: 80px;
  margin-left: 20px;
  position: absolute;
  overflow: hidden;
[/class]

[class=username1]
  font-size: 14px;
  font-weight: default;
  color: #fff;
  font-family:'Open Sans' , sans-serif;
  position: absolute;
  margin-top: 48px;
  margin-left: 40px;
  letter-spacing: 0.5px;
[/class]

[class name=username1 state=hover]
  cursor: default;
[/class]

[class=hicn]
  height: 23px;
  width: 23px;
  background-image: url('https://i.imgur.com/B0VZqp4.png');
  background-size: contain;
  background-position: center center;
  position: absolute;
  margin-top: 410px;
  margin-left: 35px;
[/class]

[class name=hicn state=hover]
  cursor: pointer;
[/class]

[class=coicn]
  height: 23px;
  width: 23px;
  background-image: url('https://i.imgur.com/fvHq0nM.png');
  background-size: contain;
  background-position: center center;
  position: absolute;
  margin-top: 410px;
  margin-left: 70px;
[/class]

[class name=coicn state=hover]
  cursor: pointer;
[/class]

[class=bicn]
  height: 23px;
  width: 23px;
  background-image: url('https://i.imgur.com/mLphoeY.png');
  background-size: contain;
  background-position: center center;
  position: absolute;
  margin-top: 410px;
  margin-left: 308px;
  transform: scaleY(0.9);
[/class]

[class name=bicn state=hover]
  cursor: pointer;
[/class]

[class=scrollbox]
  height: 320px;
  width: 318px;
  background-color: transparent;
  position: absolute;
  overflow-y: scroll;
  padding-right: 30px;
[/class]

[class=txt]
  height: 280px;
  margin-top: 320px;
  font-size: 12px;
  color: #fff;
  font-family:'Noto Sans' , sans-serif;
  padding: 10px;
  opacity: 0.7;
  letter-spacing: 0.3px;
  line-height: 20px;
[/class]

[div style="display: none;"][font=Open Sans].[/font][font=Noto Sans].[/font][/div]
[div class=container]
  [div class=imgbg][/div]
  [div class=topd][/div][div class=cicn][/div][div class=micn][/div]
  [div class=username1]username[/div]
  [div class=hicn][/div][div class=coicn][/div][div class=bicn][/div]
  [div class=box]
    [div class=scrollbox][div class=txt][row][column=span4]‣ [b]name:[/b] text
    [br][/br]‣ [b]age:[/b]  text
    [br][/br]‣ [b]grade:[/b]  text
    [br][/br]‣ [b]major:[/b]  text
    [br][/br]‣ [b]job:[/b]  text[/column][column=span4]‣ [b]twitter:[/b]  text
    [br][/br]‣ [b]instagram:[/b]  text
    [br][/br]‣ [b]messenger:[/b]  text
    [br][/br]‣ [b]faceclaim:[/b] neve caffrey[/column][/row]
    [br][/br]
    [br][/br]
    [indent][justify][b]personality:[/b][/indent] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque non nunc arcu. Aliquam sodales nisi et dolor pharetra semper. Vestibulum nec augue lacus. [/justify]
    [/div][/div]
  [/div]
[/div]
[/nobr]