0805

1)학습한 내용

*html작성

<section id="section5">

        <div class="map_text">
            <h1>오시는 길</h1><br>
            <h2>DIRECTIONS</h2>
        </div>

        <div id="map" style="width:80%;height:680px;top: 20%; left: 3%; z-index: 0;"></div>

        <div class="map_tx">
            <h3>연락처</h3> <h4>TELL. (053) 475-2110 FAX. (0504) 257-5966 E-MAIL. call@resoft.kr</h4>
        </div>
        <div class="map_tx2">
            <h3>주소</h3> <h4>(41260) 대구광역시 동구 동대구로 465, 대구스케일업허브(DASH) 713호 (주)리소프트</h4>
        </div>

    </div>

    </section>

*css작성

/* section5 */
.map_tx{
    position: absolute;
    display: flex;
    left: 13%;
    top: 73%;
    width: 80%;
    border-bottom: 2px solid #C8C8C8;
}
.map_tx h3{
    font-size: 24px;
    margin: 20px 10% 45px 21%;
}
.map_tx h4{
    font-size: 20px;
    color: #959595;
    margin: 20px 0 45px 0;
}

.map_tx2{
    position: absolute;
    display: flex;
    left: 13%;
    top: 82%;
    width: 80%;
    border-bottom: 5px solid #C8C8C8;
}
.map_tx2 h3{
    font-size: 24px;
    margin: 20px 10% 65px 21.5%;
}
.map_tx2 h4{
    font-size: 20px;
    color: #959595;
    margin: 20px 0px 65px 10px;
}

#section5{
    position: relative;
    width: 100%;
    height: 1344px;
}
.map_text{
    position: absolute;
    left: 13%;
    top: 10%;
}

.map_text h1{
    font-size: 40px;
}
.map_text h2{
    font-size: 18px;
    color: #C8C8C8;
}

2)학습내용 중 어려웠던점

X

3)해결방법

X

4)학습소감

카카오맵 api는 한번 해봤는 파트부분이라서 손쉽게 작업할수있었다