김지완 / KhuPang

Go to a project
Toggle navigation Toggle navigation pinning
최승호
66b785bd 1 parent 9a03e40a

The End

Expand all
Inline Side-by-side
Showing 9 changed files with 37 additions and 30 deletions
This diff is collapsed. Click to expand it.
This diff could not be displayed because it is too large.
......@@ -39,14 +39,15 @@
cnt = cnt + 1;
html.push('<div class="col-md-4" style="font-size: 1em; padding: 1em; font-family: "Nanum Gothic", sans-serif;">');
html.push('<div style="padding-bottom: 1em;"><img src="'+item.product[num].img+'" target="_blank" width="200" height="200" style="box-shadow: 0.2px 0.2px 2px 2px grey"></div>');
html.push('<div> 상품명 : '+item.product[num].name+'</div>');
html.push('<div>'+item.product[num].mart+'</div>');
html.push('<div>'+item.product[num].price+'(원) 100ml: '+item.product[num].unit+'(원)'+'</div>');
html.push('<div style="font-size: 16px; font-weight: bold;">'+item.product[num].name+'</div>');
html.push('<div style="font-weight: bold;">'+item.product[num].mart+'</div>');
html.push('<div style="display: inline-block;">'+item.product[num].price+'(원)'+'</div>'+'<div style="color: blue; display: inline-block;">'+'100ml: '+item.product[num].unit+'(원)'+'</div>');
}
else{
html.push('<div> mart : '+item.product[num].mart+'</div>');
html.push('<div> 가격(100ml당가격) : '+item.product[num].price+'('+item.product[num].unit+')'+'</div>');
html.push('<div style="font-weight: bold;">'+item.product[num].mart+'</div>');
html.push('<div style="display: inline-block;">'+item.product[num].price+'(원)'+'</div>'+'<div style="color: blue; display: inline-block;">'+'100ml: '+item.product[num].unit+'(원)'+'</div>');
}
name = item.product[num].name;
......
......@@ -30,6 +30,10 @@
nav {
font-size: 1.5em;
}
.cheap{
text-align: center;
margin-bottom: 20px;
}
</style>
</head>
......@@ -49,29 +53,29 @@
</div>
<!-- Jumbotron -->
<div class="jumbotron">
<h1>Marketing stuff!</h1>
<p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet.</p>
<p><a class="btn btn-lg btn-success" href="#" role="button">Get started today</a></p>
<div class="jumbotron" style="margin-bottom: 20px; background-color: white;">
<div class="cheap">
<img src="img/khupang.png" style="width: 800px; margin-bottom: 0px;">
</div>
</div>
<!-- Example row of columns -->
<div class="row">
<div class="col-lg-4">
<h2>EMART</h2>
<img src="img/emart.jpeg" alt="aa" class="logo">
<img src="img/emart.jpeg" alt="aa" class="logo" style="width: 320px;">
<p>당신과 가장 가까운 온라인 EMART, 신규회원 할인쿠폰, 카드사 청구할인. 새벽 배송으로 더욱 신선하게! 매일매일 특가혜택. 최대10%할인쿠폰.</p>
<p><a class="btn btn-primary" href="http://emart.ssg.com/?ckwhere=emart" role="button">이마트 바로가기 &raquo;</a></p>
</div>
<div class="col-lg-4">
<h2>LOTTEMART</h2>
<img src="img/lottemart.png" alt="aa" class="logo">
<p><a class="btn btn-primary" href="#" role="button">View details &raquo;</a></p>
<p>언제나 빠른 롯데마트몰! 당일 배송, 4만원 이상 무료배송. 롯데오너스 기프티콘 이벤트 6탄 · 롯데마트 Mall 새로운 생활의 큐레이터.</p>
<p><a class="btn btn-primary" href="https://www.lottemart.com/index.do" role="button">롯데마트 바로가기 &raquo;</a></p>
</div>
<div class="col-lg-4">
<h2>Heading</h2>
<p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.</p>
<p><a class="btn btn-primary" href="#" role="button">View details &raquo;</a></p>
<img src="img/homeplus.jpg" style="width: 330px;">
<p>신규가입하면 라면 반값! 20% 쿠폰 + 무료배송까지! 신선, 가공식품, 유아, 생활, 주방용품, 행사 정보 제공, 당일 배송. 홈플러스</p>
<p><a class="btn btn-primary" href="http://www.homeplus.co.kr/app.exhibition.main.Main.ghs?&extends_id=keyword&service_cd=56190&utm_source=google&utm_medium=keyword&utm_term=%ED%99%88%ED%94%8C%EB%9F%AC%EC%8A%A4/&epe_vid=103&epe_tcd=53939134&gaRef=" role="button">홈플러스 바로가기 &raquo;</a></p>
</div>
</div>
......
......@@ -31,7 +31,7 @@
var cnt = 0;
var name = "";
for(var num = 0; num < item.product.length; num++){
if(item.product[num].img != "http://image.homeplus.co.kr/UserFiles/bnr_rolling_banner_201903/30001.png" && item.product[num].img != "http://image.homeplus.co.kr/UserFiles/bnr_rolling_banner_201912/new.png" && item.product[num].img != "http://image.homeplus.co.kr/UserFiles/bnr_rolling_banner_201908/gift80601.png"){
if(name != item.product[num].name){
if(num!=0){html.push('</div>')} // close col
if(num!=0){if(cnt%3==0){html.push('</div>');}} // close row
......@@ -40,17 +40,18 @@
cnt = cnt + 1;
html.push('<div class="col-md-4" style="font-size: 1em; padding: 1em; font-family: "Nanum Gothic", sans-serif;">');
html.push('<div style="padding-bottom: 1em;"><img src="'+item.product[num].img+'" target="_blank" width="200" height="200" style="box-shadow: 0.2px 0.2px 2px 2px grey"></div>');
html.push('<div> 상품명 : '+item.product[num].name+'</div>');
html.push('<div> mart : '+item.product[num].mart+'</div>');
html.push('<div> 가격(100g당가격) : '+item.product[num].price+'('+item.product[num].unit+')'+'</div>');
html.push('<div style="font-size: 16px; font-weight: bold;">'+item.product[num].name+'</div>');
html.push('<div style="font-weight: bold;">'+item.product[num].mart+'</div>');
html.push('<div style="display: inline-block;">'+item.product[num].price+'(원)'+'</div>'+'<div style="color: blue; display: inline-block;">'+'100g: '+item.product[num].unit+'(원)'+'</div>');
}
else{
html.push('<div> mart : '+item.product[num].mart+'</div>');
html.push('<div> 가격(100g당가격) : '+item.product[num].price+'('+item.product[num].unit+')'+'</div>');
html.push('<div style="font-weight: bold;">'+item.product[num].mart+'</div>');
html.push('<div style="display: inline-block;">'+item.product[num].price+'(원)'+'</div>'+'<div style="color: blue; display: inline-block;">'+'100g: '+item.product[num].unit+'(원)'+'</div>');
}
name = item.product[num].name;
}
}
html.push('</div>'); // close col
html.push('</div>'); // close row
......
......@@ -40,7 +40,7 @@
$.each(data, function(i, item){
console.log(item.product.length);
html.push('<div class="container">')
html.push('<div class="container" style="text-align: center">')
var cnt = 0;
var name = "";
for(var num = 0; num < item.product.length; num++){
......@@ -51,16 +51,17 @@
if(cnt%3==0){html.push('<div class="row">');} // open row
cnt = cnt + 1;
html.push('<div class="col-md-4" style="text-align: center; font-size: 1em; padding: 2em; font-family: "Nanum Gothic", sans-serif;">');
html.push('<div class="col-md-4" style="font-size: 1em; padding: 1em; font-family: "Nanum Gothic", sans-serif;">');
html.push('<div style="padding-bottom: 1em;"><img src="'+item.product[num].img+'" target="_blank" width="200" height="200" style="box-shadow: 0.2px 0.2px 2px 2px grey"></div>');
html.push('<div> 상품명 : '+item.product[num].name+'</div>');
html.push('<div> '+item.product[num].mart+'</div>');
html.push('<div>'+item.product[num].price+'(원) 100ml: '+item.product[num].unit+'(원)'+'</div>');
html.push('<div style="font-size: 16px; font-weight: bold;">'+item.product[num].name+'</div>');
html.push('<div style="font-weight: bold;">'+item.product[num].mart+'</div>');
html.push('<div style="display: inline-block;">'+item.product[num].price+'(원)'+'</div>'+'<div style="color: blue; display: inline-block;">'+'100ml: '+item.product[num].unit+'(원)'+'</div>');
}
else{
html.push('<div>'+item.product[num].mart+'</div>');
html.push('<div>'+item.product[num].price+'('+item.product[num].unit+')'+'</div>');
html.push('<div style="font-weight: bold;">'+item.product[num].mart+'</div>');
html.push('<div style="display: inline-block;">'+item.product[num].price+'(원)'+'</div>'+'<div style="color: blue; display: inline-block;">'+'100ml: '+item.product[num].unit+'(원)'+'</div>');
}
name = item.product[num].name;
......