웹개발 왕초보 1주차 숙제

전대진·2022년 9월 15일
0

웹개발 왕초보

목록 보기
3/6
<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
        crossorigin="anonymous"></script>

    <link href="https://fonts.googleapis.com/css2?family=Do+Hyeon&display=swap" rel="stylesheet">

    <style>
        *{
            font-family: 'Do Hyeon', sans-serif;
        }
      .mytitle {
        background-color: green;

        height: 250px;
        width: 100%;

        /*세트*/
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("data:image/jpeg;base64,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");
        background-position: top;
        background-size: cover;

        color: white;

        /*외울필요 없음*/
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }

       .guestbook-basic {
            max-width: 500px;
            width: 95%;
            margin:  10px auto 0px auto;

            box-shadow: 0px 0px 1px 0px gray;
            padding: 10px;
        }

       /*.guestbook{*/
       /*     margin-top: 10px;*/
       /* }*/

        .reply {
            max-width: 500px;
            width: 95%;

            margin: 20px auto 0px auto;

            box-shadow: 0px 0px 5px 0px black;
            padding: 20px;
        }

        .reply > button{
            margin-top: 20px;
        }

    </style>

</head>

<body>
    <div class="mytitle">
        <h1> Niteflyte 팬명록 </h1>
    </div>

<div class="reply">
    <div class="form-floating mb-3">
        <input type="url" class="form-control" id="floatingInput" placeholder="닉네임">
        <label for="floatingInput">닉네임</label>
    </div>

    <div class="form-floating">
        <input type="comment" class="form-control" id="floatingReply" placeholder="응원댓글">
        <label for="floatingReply">응원댓글</label>
    </div>

    <button type="button" class="btn btn-dark">응원 남기기</button>
</div>
    <div class="guestbook-basic">
            <blockquote class="blockquote mb-0">
                <p>옛날 노래이지만 지금도 듣기 좋아요~</p>
                <footer class="blockquote-footer">느낌이좋아</footer>
            </blockquote>
    </div>
    <div class="guestbook-basic">
            <blockquote class="blockquote mb-0">
                <p>언제 만든 노래죠~? 지금도 듣기 좋아요~</p>
                <footer class="blockquote-footer">띠용</footer>
            </blockquote>
    </div>

    <div class="guestbook-basic">
            <blockquote class="blockquote mb-0">
                <p>밤에 들으니까 몽글몽글하네요~</p>
                <footer class="blockquote-footer">전분물</footer>
            </blockquote>
    </div>
</div>

</body>

</html>
profile
코딩 초보

0개의 댓글