"AI 박민진"의 두 판 사이의 차이
(새 문서: <div style="display: flex; flex-wrap: wrap; background-color: #f5f3ef; border: 1px solid #e0e0e0; border-radius: 8px; font-family: sans-serif; overflow: hidden; max-width: 850px; marg...) |
|||
| (같은 사용자의 중간 판 하나는 보이지 않습니다) | |||
| 1번째 줄: | 1번째 줄: | ||
| − | < | + | <table style="width: 100%; max-width: 850px; border-collapse: collapse; border: 1px solid #e0e0e0; border-radius: 8px; font-family: sans-serif; background-color: #ffffff; margin: 20px 0;"> |
| − | + | <tr> | |
| − | + | <!-- [왼쪽 영역] 기본 정보 및 개인 프로필 목록 --> | |
| − | + | <td style="width: 55%; padding: 35px 30px; vertical-align: top; background-color: #ffffff;"> | |
| − | |||
<h1 style="font-size: 32px; font-weight: 800; margin: 0 0 5px 0; color: #222; border: none; padding: 0;">ABOUT ME</h1> | <h1 style="font-size: 32px; font-weight: 800; margin: 0 0 5px 0; color: #222; border: none; padding: 0;">ABOUT ME</h1> | ||
| − | <h3 style="font-size: | + | <h3 style="font-size: 15px; font-weight: 600; color: #e75b48; margin: 0 0 25px 0; border: none; padding: 0;">자기소개</h3> |
| − | + | <table style="width: 100%; border-collapse: collapse; font-size: 13px; line-height: 2.2;"> | |
| − | <table style="width: 100%; border-collapse: collapse; font-size: | ||
<tr> | <tr> | ||
| − | <td style="width: | + | <td style="width: 38%; font-weight: bold; color: #555;">이름</td> |
<td style="color: #222;">박민진</td> | <td style="color: #222;">박민진</td> | ||
</tr> | </tr> | ||
| 26번째 줄: | 24번째 줄: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| − | <td style="font-weight: bold; color: #555;">MBTI / | + | <td style="font-weight: bold; color: #555;">MBTI / 최애 AI</td> |
| − | <td style="color: #222;">ENTP | + | <td style="color: #222;">ENTP / 챗GPT</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
| 44번째 줄: | 42번째 줄: | ||
<td style="font-weight: bold; color: #555;">관심 직업분야</td> | <td style="font-weight: bold; color: #555;">관심 직업분야</td> | ||
<td style="color: #222;">방송PD (희망지역: 서울)</td> | <td style="color: #222;">방송PD (희망지역: 서울)</td> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</tr> | </tr> | ||
</table> | </table> | ||
| − | |||
| − | + | <!-- 포인트 디자인 색상 사각형 --> | |
| − | + | <div style="margin-top: 25px; text-align: right;"> | |
| − | + | <span style="display: inline-block; width: 10px; height: 10px; background-color: #e75b48; margin-right: 4px;"></span> | |
| − | + | <span style="display: inline-block; width: 8px; height: 8px; background-color: #6b66ff;"></span> | |
| − | + | </div> | |
| − | + | </td> | |
| − | + | <!-- [오른쪽 영역] 프로필 사진 및 인용구 --> | |
| − | + | <td style="width: 45%; padding: 30px 20px; vertical-align: middle; background-color: #eaddcf; text-align: center;"> | |
| − | + | ||
| − | + | <!-- 따옴표 포함 한 줄 문구 --> | |
| − | + | <div style="text-align: left; margin-bottom: 20px; padding-left: 10px;"> | |
| − | + | <p style="font-size: 16px; color: #444; margin: 0; font-style: italic; font-weight: bold; line-height: 1.4;"> | |
| − | + | <span style="font-size: 24px; color: #e75b48; font-family: Georgia, serif; vertical-align: -2px;">“</span>C'est la vie<span style="font-size: 24px; color: #e75b48; font-family: Georgia, serif; vertical-align: -2px;">”</span> | |
| − | + | </p> | |
| − | + | </div> | |
| − | |||
| − | + | <!-- 미디어위키 전용 파일 불러오기 --> | |
| − | + | [[파일:민진.jpg|가운데|240px]] | |
| − | [[파일:민진.jpg | ||
| − | |||
| − | + | <!-- 하단 포인트 사각형 --> | |
| − | + | <div style="text-align: left; margin-top: 15px; padding-left: 10px;"> | |
| − | + | <span style="display: inline-block; width: 12px; height: 12px; background-color: #e75b48;"></span> | |
| − | + | </div> | |
| − | |||
| − | </ | + | </td> |
| + | </tr> | ||
| + | </table> | ||