[nobr]

[div=background: #f6f6f6; width: 670px; margin: auto; padding: 40px; box-sizing: border-box;]
[div=display: flex; flex-direction: row;]
[div=flex: .8; background: #fff; border: 1px solid #f0f0f0; box-sizing: border-box; padding-top: 20px;][div=margin: auto; height: 110px; width: 110px; border-radius: 100%; border: 1px solid #ddb6c6; padding: 8px;][div= width: 100%; height: 100%; border-radius: 100%; background: url(https://data.whicdn.com/images/334248313/large.jpg); background-size: cover;][/div][/div]
[div=margin-top: 15px; padding: 5px; font-family: Raleway; color: #fff; background: #ddb6c6; text-align: center;]role here[/div]
[div=height: 60px; padding: 10px; font-family: Raleway; color: #ddb6c6; text-align: center; font-size: 12px;]maybe a quote here, or something.[/div][/div]

[div=flex: 2; margin-left: 10px; background: #fff; border: 1px solid #f0f0f0;]
[div=margin: 10px; background: #fff; height: 220px; font-size: 11px; overflow-y: auto; line-height: 24px; text-align: justify; color: #000;]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce laoreet scelerisque pellentesque. Suspendisse ultricies urna euismod, porta ligula eu, venenatis erat. In posuere massa ac sapien interdum dapibus. Fusce porta velit et malesuada sodales. Nulla aliquet vestibulum interdum. Aliquam porttitor dolor a mi pulvinar aliquet. Etiam mollis, leo at mattis consectetur, sem enim luctus lectus, eget tristique ligula magna et lorem. Sed accumsan, nunc in accumsan condimentum, neque magna posuere libero, nec ultrices ex erat id nibh. Nam lacinia purus vitae ligula rutrum pellentesque. Quisque vestibulum vestibulum nisi, sed scelerisque tortor. Donec tincidunt placerat odio. Ut convallis non risus quis posuere.
[br][/br][br][/br]
Sed id suscipit enim. Quisque turpis velit, lobortis a lectus quis, pellentesque vulputate ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In sodales urna consectetur dui pharetra vulputate. Aenean vitae magna mollis, bibendum dui ut, tincidunt massa. Vestibulum at metus metus. Donec sagittis ultricies placerat.
[/div]

[div=height: 40px; border-top: 1px solid #ddb6c6; border-bottom: 1px solid #ddb6c6; font-size: 10px; overflow-y: auto; text-align: center; color: #aaa; box-sizing: border-box; padding: 8px; line-height: 24px;]
put your tags here || put your location here || put your mood/anything you want here cause this is scrollable
[/div]
[/div]
[/div][/div]
[div=width: 320px; transform: rotate(-90deg); font-size: 60px; text-align: left; font-family: Raleway; position: relative; top: -240px; left: 210px; color: #ddb6c6;]olive brook[/div]
[div=font-size: 8px; margin-top: -95px; text-align: center;]coded by luna.[/div]

[/nobr]