코린이 코딩일지

고영승·2022년 1월 8일
1

코린이 웹개발

목록 보기
1/1
post-thumbnail

코팅클럽에서의 1주차 강의를 완료하였다.

쇼핑몰 페이지를 만드는 것인데
거의 대부분 부스트트랩에서 가져와서 제작하는거라 아리송하다.
실무에서도 부트스드랩에서 가져와서 하는것일까 궁금궁금하다

<!-- 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>

<title>스파르타코딩클럽 | 부트스트랩 연습하기</title>
<script>
    function fun(){
        alert("주문이 완료되었습니다")
    }
</script>
<style>
    #box{
        width: 700px;
        margin: auto;

    }
    #img{
        width: 700px;
        margin-bottom: 10px;
    }
    #submit{
        display: block;
        margin-left: 280px;


    }
    .won{
        font-size: 18px;
    }
    #magin{
        margin-top: 40px;
    }



</style>
<p>
    <h1>맥북이 왔어요<span class="won">가격: 1,500,000/개</span></h1>
</p>

맥북이 초 특가입니다!
모든 애플을 쓰는 사람들의 로망인 맥북 드디어 이곳에 상륙했습니다

주문자 성함:
수량:
--수량을 선택하세요-- 1 2 3 4 5
주소:
전화번호:
주문하기

쨘!

profile
코린이

0개의 댓글