Yamada Hanako山田花子

「何か一言とかあれば」

性別
女性
職業
○○○
年齢
○○歳
誕生日
1月1日
身長
○○cm

for example

長文スペース。詳細な設定などが記述できます。
アリスは川辺でおねえさんのよこにすわって、なんにもすることがないのでとても退屈（たいくつ）しはじめていました。一、二回はおねえさんの読んでいる本をのぞいてみたけれど、そこには絵も会話もないのです。「絵や会話のない本なんて、なんの役にもたたないじゃないの」とアリスは思いました。

ソースコード

自動改行「しない」で作成。
プロフィールページのテンプレが少ないと聞いてぼんやり作ってみました。
背景画像を変えるだけでも随分雰囲気が変わると思います。

アイコンの枠→パブリックドメインのものを利用しています。こちらからDLしてください

背景画像→Bg-patterns様　ガーリーな毛ドット1

HEAD

/*** The new CSS Reset - version 1.2.0 (last updated 23.7.2021) ***/
:where(:not(iframe,canvas,img,svg,video):not(svg*)){all:unset;display:revert}*,::after,::before{box-sizing:border-box}ol,ul{list-style:none}img{max-width:100%}table{border-collapse:collapse}textarea{white-space:revert}
hr { height: 0; margin: 0; padding: 0; border: 0;}
ul,ol {list-style: none;}

body{
background: url(##背景画像URL##) repeat;
font-family: 'M PLUS 1p', sans-serif;
font-size:0.85em;
line-height:1.5;
margin: 0;
padding: 0;
}

a{
text-decoration:none;
color: #999;
}

.wrp{
background: #fff;
height: 100%;
width: 90%;
max-width: 600px;
margin: 0 auto;
padding: 10px;
}

header{
font-family: 'Righteous', 'Yomogi';
font-size:1.2em;
text-align: center ;
margin: 50px auto 20px;
}
.icon{
position: relative;
width: 100px;
margin: 20px auto;
}
.icon::after {
content: '';
position: absolute;
top: -2px;
left: -2px;
width: 104px;
height: 104px;
background: url(##アイコンの枠画像URL##);
filter: grayscale(100%);
background-size:cover;
}
hr {
height: 8px;
background-image: repeating-linear-gradient(45deg, #ccc 0, #ccc 1px, transparent 0, transparent 50%), repeating-linear-gradient(135deg, #ccc 0, #ccc 1px, transparent 0, transparent 50%);
background-size: 8px 8px;
}

h1{
font-size:2.5em;
color: #ccc;
font-weight:400;
position: relative;}

h1 span{
font-family: 'Yusei Magic';
font-size: 0.6em;
color:#000;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);}

h2{
font-family: 'Yusei Magic';
font-size:1.5em;
text-shadow: 0px 0px 3px #666;
}

ul{
list-style: none;
display: flex;
flex-wrap: wrap;
text-align: center;
}
li {
width: 125px;
padding-bottom: 1em;
margin: 5px 20px;
}
li > div {
font-family: 'Yusei Magic';
padding: .2em 1em;
margin-bottom: .5em;
background: #fff;
border-radius: 4px;
box-shadow: 0 0 5px #ccc;
}

.text{
margin: 0 15px; 
padding-right: 1.5em;
padding-left: 1.5em;
line-height: 2em;
background-image: linear-gradient(transparent 0, transparent 97%, #ccc 100%);
background-size: 100% 2em;
}

footer{
font-family: 'Yusei Magic';
text-align: center ;
margin: 50px auto 20px;
}

</style>

body