og태그를 수정했는데도 공유시 링크만 달랑 보내집니다!

커뮤니티

포인트

쿠폰

내 강의실

국비 신청 내역

증명서

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

og태그를 수정했는데도 공유시 링크만 달랑 보내집니다!

undefined주차

김*현

・

추천

・

조회수

답변 완료

<!DOCTYPE html>
<html>
<head>
    <meta property="og:title" content="김동현 프로필 링크">
    <meta property="og:description" content="프리랜서 콘텐츠 에디터 & 크리에이터 & 콘텐츠 마케터">
    <meta property="og:image" content="동현.jpg">
    <script type="text/javascript" src="https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/free/sparta.js"></script>
    <title>김동현 프로필 링크</title>
    <style>
        @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
        * {
            font-family: "Pretendard",serif;
        }
        body {
            background-color: #44398A;
        }
        .profile {
            width : 100px;
            height : 100px;
           
            border-radius: 100%;
            border : 2px solid white;
            
            background-image: url('동현.jpg');
            background-position: center;
            background-size: cover;
        }
        .main {
            color: white;
            font-size: 20px;
            margin-top: 30px;
            margin-bottom: 10px;
        }
        .sub {
            color: white;
            font-size: 14px;
            margin-top: 0px;
            margin-bottom: 30px;
        }
        .wrap {
            width : 300px;
            margin : 30px auto 0px auto;


            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .wrap > a {
            width: 300px;
            height: 50px;


            background-color: white;
            border-radius: 8px;
            margin-bottom: 10px;


            font-size: 14px;
            font-weight: bold;
            color: #44398A;


            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;


            text-decoration: none;


            box-shadow: 3px 3px 5px 0px black;


        }
        .wrap > a:hover {
            background-color: #f2f2f2;


        }
    </style>
</head>
<body>
    <div class="wrap">
       <div class="profile"></div> 
       <h1 class="main">김동현</h1>
       <p class="sub">프리랜서 콘텐츠 에디터 & 크리에이터 & 콘텐츠 마케터</p>
       <a target="_blank" href="https://blog.naver.com/ehdgus1287">블로그</a>
       <a target="_blank" href="https://www.instagram.com/dungd_i/">인스타툰 : 둥디</a>
       <a target="_blank" href="https://www.youtube.com/channel/UCkvdF5Lusz5rn6ynFOymtfA">유튜브</a>
       <a target="_blank" href="http://ehdgus1287.shop/">코딩 웹페이지 : 강아지 사랑 드리미</a>
    </div>
</body>
</html>

댓글 알림