ドルレート

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
      integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
        integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
        crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
        integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
        crossorigin="anonymous"></script>

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap" rel="stylesheet">

<title>Home Work 1</title>
<style>
    * {
        font-family: 'Nanum Pen Script', cursive;
    }

    .wrap {
        width: 560px;
        height: 540px;
        margin: 20px auto 20px auto;
        font-size: 20px;

    }

    .mytitle {
        background: green;
        width: 560px;
        height: 540px;
        margin: 50px auto 50px auto;
        background-image: url("https://pds.joins.com/news/component/htmlphoto_mmdata/202007/14/42d30dff-af10-4bae-9f4f-540ecf60d410.jpg")
    }


    .pay {
        font-size: 20px;
    }

    .tex {
        font-size: 40px;
    }

    .lead {
        /*margin : auto;*/
        /*width : 10%;*/
        padding-bottom: 150px;
        text-align: center;
    }
    .Papago{
            color : blue;
                }

</style>

<script>
    $(document).ready(function () {
        get_rate();


    });
    function get_rate(){
        $.ajax({
            type: "GET",
            url: "https://api.manana.kr/exchange/rate.json",
            data: {},
            success: function (response) {
                let now_rate = response[1]['rate']
                $('#now_rate').text(now_rate);



            }
        })
    }


</script>

</div>
<p class="tex">유모차를 팝니다<span class="pay" style="color: blue">가격 : 12000원/개 </span></p>
<p>신생아 ~ 7살 정도의 아이들을 싣고 다니기 위한 손수레이다. 외출시 아이들을 집에 홀로 내버려 둘 수 없는 부모들을 위한 필수품이다.

    집에서 보관하기에 은근히 부피가 크기도 하고 차에 실어야 하는 경우도 많기 때문에 대부분 폴딩이 가능하도록 만들어져 있다. 아이를 낳기 전에는 대수롭지 않게 생각하다가 막상 임신하고 나서
    알아보기
    시작하면 종류도 엄청나게 많고 브랜드도 엄청나게 많으며 가격대도 천차만별이라 예비 엄마 아빠들을 혼란에 빠지게 만드는 주범 중 하나다.</p>

<p class ="Papago">달러원 환율 : <span id="now_rate"></p>

<div class="input-group mb-2">
    <div class="input-group-prepend">
        <div class="input-group-text">주문자 이름</div>
    </div>
    <input type="text" class="form-control" id="inlineFormInputGroup1" placeholder="">
</div>

<div class="input-group mb-2">
    <div class="input-group-prepend">
        <div class="input-group-text">수량</div>

    </div>
    <select class="custom-select">
        <option selected>--수량을 선택하세요 --</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>

</div>

<div class="input-group mb-2">
    <div class="input-group-prepend">
        <div class="input-group-text">주소</div>
    </div>
    <input type="text" class="form-control" id="inlineFormInputGroup2" placeholder="">
</div>

<div class="input-group mb-2">
    <div class="input-group-prepend">
        <div class="input-group-text">전화번호</div>
    </div>
    <input type="text" class="form-control" id="inlineFormInputGroup3" placeholder="">
</div>

<p class="lead">
    <a class="btn btn-primary btn-lg" href="http://www.naver.com" role="button">주문하기</a>
</p>