index1.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport content=width=device-width, initial-scale=1">
        <title>homepage</title>
        <link href="style2.css" rel="stylesheet" type="text/css" />
    </head>


    <body>
    
        <div class="one button">
            <a href="loding.png">내블로그</a>
            <a href="loding.png">이웃블로그</a>
            <a href="loding.png">블로그홈</a>
            <a href="loding.png">토끼</a>
        </div>
    
        <div class="two button">
            <a href="index.html">프롤로그</a>
            <a href="loding.png">블로그</a>
            <a href="index1.html">Daily</a>
            <a href="loding.png">Hobby</a>
        </div>
    
        <div class="three button">
            <a href="loding.png">지도</a>
            <a href="loding.png">서재</a>
            <a href="loding.png">태그</a>
            <a href="loding.png">안부</a>
        </div>
    
        <div class="relative box1">
            <img class="floatRight" img src="토끼.png" >
           
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ღ황보람ღ
            <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2017.03 ~ QA
            <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2023.05 ~ FRONTEND
            <br>&nbsp;
            <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;SW의 세계를 
            <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;더 넓게 배우고싶어서
            <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;시작하게됐어요
            <br>&nbsp;
            <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button>이웃</button>
          
        </p>
        </div>
    
    
        <div class="relative box2">

            <p class="float1">&nbsp;&nbsp;&nbsp;&nbsp;공지 나를 소개하는 페이지! (MBTI,나이,취미를 소개...&nbsp;&nbsp;(28)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2023.06.28.</p>

            <p class="float2">&nbsp;&nbsp;&nbsp;&nbsp;Daily 18개의 글
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;목록열기</p>

                <p class="float3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Daily
                    <br>
                    <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;✨나의 여러 정보 소개하기✨</br>
                    <br>
                    <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;황보람 2023.07.01 10:55</br>
                </p>
                
                <p><img class="floatRight" img src="INFP.png">저의 MBTI는 INFP(인프피) 예요-💜</p> 
                <p><img class="floatCenter" img src="puppy.png" >만나이 도입으로 다시 28살이 됐어요! ·ᴗ·</p> 
                <p><img class="floatLeft" img src="camping.png">취미는 캠핑이지만 여름에는...✘✘ <p>

    </p>
    </div>
    
        <div class="relative box3">
            <input type="text" placeholder="검색">
        </div>
    
    </body>
    </html>