내 프로필

미리보기

소스

<div class="card overflow-auto">
    <div class="card-status-top bg-dark-overlay"></div>
    <div class="card-header">
        <h3 class="card-title">내 프로필</h3>
    </div>
    <div class="card-body">
        <div class="mb-3">
            <div class="row">
                <div class="col-auto">
                    <span class="avatar avatar-md" style="background-image: url(../../img/avatars/002m.jpg)"></span>
                </div>
                <div class="col">
                    <div class="mb-3">
                        <label class="form-label">이메일 주소</label>
                        <input class="form-control" placeholder="your-email@domain.com">
                    </div>
                </div>
            </div>
        </div>
        <div class="mb-3">
            <label class="form-label">소개</label>
            <textarea class="form-control" rows="5">간단한 자기소개 예시입니다. 자유롭게 수정하여 사용하세요.</textarea>
        </div>
        <div class="mb-3">
            <label class="form-label">이메일 주소</label>
            <input class="form-control" placeholder="your-email@domain.com">
        </div>
        <div class="mb-3">
            <label class="form-label">비밀번호</label>
            <input type="password" class="form-control" value="password">
        </div>
    </div>
    <div class="card-footer text-end">
        <a href="#" class="btn btn-primary">
            저장
        </a>
    </div>
</div>