isol2011
3 years ago
parent
65336854cc
commit
53c7ee2aef
@ -0,0 +1,386 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta content="IE=Edge" http-equiv="X-UA-Compatible" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
|
||||||
|
<title>아이커 매니저::나의 문의</title>
|
||||||
|
<link rel="shortcut icon" href="../../img/favicon.ico">
|
||||||
|
<link rel="stylesheet" href="../../css/style.css">
|
||||||
|
<link rel="stylesheet" href="../../css/swiper.min.css">
|
||||||
|
<script type="text/javascript" src="../../js/jquery-3.3.1.min.js"></script>
|
||||||
|
<script src="../../js/swiper.min.js"></script>
|
||||||
|
<script src="../../js/jquery_popupoverlay.js"></script>
|
||||||
|
<script src="../../js/design.js"></script>
|
||||||
|
<script src="../../js/jquery.easypiechart.min.js"></script>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- wrap -->
|
||||||
|
<div class="wrap wrap_nutrition">
|
||||||
|
|
||||||
|
<!-- header_sub -->
|
||||||
|
<header class="header_wrapper">
|
||||||
|
<a href="javascript:back.return_url()" class="side_Lbtn hidden pre_btn">이전으로</a>
|
||||||
|
<h1 class="header_title">영양</h1>
|
||||||
|
<div class="side_Rbtn"></div>
|
||||||
|
</header>
|
||||||
|
<!-- //header_sub -->
|
||||||
|
|
||||||
|
<!-- main_nutrition -->
|
||||||
|
<main class="main_nutrition">
|
||||||
|
|
||||||
|
<!-- nutrition_subMain_nutrient -->
|
||||||
|
<div class="nutrition_subMain_nutrient">
|
||||||
|
<div class="info_cont">
|
||||||
|
<div class="item">
|
||||||
|
<div class="circle" style="background-color: #FF3300;"></div>
|
||||||
|
불균형
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<div class="circle" style="background-color: #FFDE4D;"></div>
|
||||||
|
보통
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<div class="circle" style="background-color: #33CC33;"></div>
|
||||||
|
균형
|
||||||
|
</div>
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-square-fill" viewBox="0 0 16 16" style="opacity: 0.56;">
|
||||||
|
<path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm8.93 4.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM8 5.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- nutrient_wrap -->
|
||||||
|
<div class="nutrient_wrap">
|
||||||
|
<h2>기초 영양소</h2>
|
||||||
|
<!-- nutrient_list -->
|
||||||
|
<div class="nutrient_list">
|
||||||
|
<!-- nutrient_box -->
|
||||||
|
<div class="nutrient_box">
|
||||||
|
<p class="tit">에너지<span>Energy</span></p>
|
||||||
|
<p class="per">70%</p>
|
||||||
|
<div class="nutrient_slider">
|
||||||
|
<p class="base"></p>
|
||||||
|
<p class="move green" style="width:70%"></p>
|
||||||
|
<span class="point green" style="left:70%"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- //nutrient_box -->
|
||||||
|
<!-- nutrient_box -->
|
||||||
|
<div class="nutrient_box">
|
||||||
|
<p class="tit">탄수화물<span>Carbohydrate</span></p>
|
||||||
|
<p class="per">50%</p>
|
||||||
|
<div class="nutrient_slider">
|
||||||
|
<p class="base"></p>
|
||||||
|
<p class="move yellow" style="width:50%"></p>
|
||||||
|
<span class="point yellow" style="left:50%"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- //nutrient_box -->
|
||||||
|
<!-- nutrient_box -->
|
||||||
|
<div class="nutrient_box">
|
||||||
|
<p class="tit">단백질<span>Protein</span></p>
|
||||||
|
<p class="per">20%</p>
|
||||||
|
<div class="nutrient_slider">
|
||||||
|
<p class="base"></p>
|
||||||
|
<p class="move red" style="width:20%"></p>
|
||||||
|
<span class="point red" style="left:20%"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- //nutrient_box -->
|
||||||
|
<!-- nutrient_box -->
|
||||||
|
<div class="nutrient_box">
|
||||||
|
<p class="tit">지방<span>Fat</span></p>
|
||||||
|
<p class="per">70%</p>
|
||||||
|
<div class="nutrient_slider">
|
||||||
|
<p class="base"></p>
|
||||||
|
<p class="move green" style="width:70%"></p>
|
||||||
|
<span class="point green" style="left:70%"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- //nutrient_box -->
|
||||||
|
<!-- nutrient_box -->
|
||||||
|
<div class="nutrient_box">
|
||||||
|
<p class="tit">식이섬유<span>Dietary fiber</span></p>
|
||||||
|
<p class="per">50%</p>
|
||||||
|
<div class="nutrient_slider">
|
||||||
|
<p class="base"></p>
|
||||||
|
<p class="move yellow" style="width:50%"></p>
|
||||||
|
<span class="point yellow" style="left:50%"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- //nutrient_box -->
|
||||||
|
<!-- nutrient_box -->
|
||||||
|
<div class="nutrient_box">
|
||||||
|
<p class="tit">당류<span>Sugar</span></p>
|
||||||
|
<p class="per">20%</p>
|
||||||
|
<div class="nutrient_slider">
|
||||||
|
<p class="base"></p>
|
||||||
|
<p class="move red" style="width:20%"></p>
|
||||||
|
<span class="point red" style="left:20%"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- //nutrient_box -->
|
||||||
|
<!-- nutrient_box -->
|
||||||
|
<div class="nutrient_box">
|
||||||
|
<p class="tit">나트륨<span>Natrium</span></p>
|
||||||
|
<p class="per">20%</p>
|
||||||
|
<div class="nutrient_slider">
|
||||||
|
<p class="base"></p>
|
||||||
|
<p class="move red" style="width:20%"></p>
|
||||||
|
<span class="point red" style="left:20%"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- //nutrient_box -->
|
||||||
|
</div>
|
||||||
|
<!-- //nutrient_list -->
|
||||||
|
</div>
|
||||||
|
<!-- //nutrient_wrap -->
|
||||||
|
|
||||||
|
<!-- nutrient_wrap -->
|
||||||
|
<div class="nutrient_wrap">
|
||||||
|
<h2>성장 영양소</h2>
|
||||||
|
<!-- nutrient_list -->
|
||||||
|
<div class="nutrient_list">
|
||||||
|
<!-- nutrient_box -->
|
||||||
|
<div class="nutrient_box">
|
||||||
|
<p class="tit">비타민B1<span>Vitamin B1</span></p>
|
||||||
|
<p class="per">70%</p>
|
||||||
|
<div class="nutrient_slider">
|
||||||
|
<p class="base"></p>
|
||||||
|
<p class="move green" style="width:70%"></p>
|
||||||
|
<span class="point green" style="left:70%"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- //nutrient_box -->
|
||||||
|
<!-- nutrient_box -->
|
||||||
|
<div class="nutrient_box">
|
||||||
|
<p class="tit">비타민B2<span>Vitamin B2</span></p>
|
||||||
|
<p class="per">50%</p>
|
||||||
|
<div class="nutrient_slider">
|
||||||
|
<p class="base"></p>
|
||||||
|
<p class="move yellow" style="width:50%"></p>
|
||||||
|
<span class="point yellow" style="left:50%"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- //nutrient_box -->
|
||||||
|
<!-- nutrient_box -->
|
||||||
|
<div class="nutrient_box">
|
||||||
|
<p class="tit">나이아신<span>Niacin</span></p>
|
||||||
|
<p class="per">20%</p>
|
||||||
|
<div class="nutrient_slider">
|
||||||
|
<p class="base"></p>
|
||||||
|
<p class="move red" style="width:20%"></p>
|
||||||
|
<span class="point red" style="left:20%"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- //nutrient_box -->
|
||||||
|
<!-- nutrient_box -->
|
||||||
|
<div class="nutrient_box">
|
||||||
|
<p class="tit">칼슘<span>Calcium</span></p>
|
||||||
|
<p class="per">70%</p>
|
||||||
|
<div class="nutrient_slider">
|
||||||
|
<p class="base"></p>
|
||||||
|
<p class="move green" style="width:70%"></p>
|
||||||
|
<span class="point green" style="left:70%"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- //nutrient_box -->
|
||||||
|
<!-- nutrient_box -->
|
||||||
|
<div class="nutrient_box">
|
||||||
|
<p class="tit">칼륨<span>Kalium</span></p>
|
||||||
|
<p class="per">50%</p>
|
||||||
|
<div class="nutrient_slider">
|
||||||
|
<p class="base"></p>
|
||||||
|
<p class="move yellow" style="width:50%"></p>
|
||||||
|
<span class="point yellow" style="left:50%"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- //nutrient_box -->
|
||||||
|
<!-- nutrient_box -->
|
||||||
|
<div class="nutrient_box">
|
||||||
|
<p class="tit">철분<span>Iron</span></p>
|
||||||
|
<p class="per">20%</p>
|
||||||
|
<div class="nutrient_slider">
|
||||||
|
<p class="base"></p>
|
||||||
|
<p class="move red" style="width:20%"></p>
|
||||||
|
<span class="point red" style="left:20%"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- //nutrient_box -->
|
||||||
|
</div>
|
||||||
|
<!-- //nutrient_list -->
|
||||||
|
</div>
|
||||||
|
<!-- //nutrient_wrap -->
|
||||||
|
|
||||||
|
<!-- nutrient_wrap -->
|
||||||
|
<div class="nutrient_wrap">
|
||||||
|
<h2>면역 영양소</h2>
|
||||||
|
<!-- nutrient_list -->
|
||||||
|
<div class="nutrient_list">
|
||||||
|
<!-- nutrient_box -->
|
||||||
|
<div class="nutrient_box">
|
||||||
|
<p class="tit">비타민A<span>Vitamin A</span></p>
|
||||||
|
<p class="per">70%</p>
|
||||||
|
<div class="nutrient_slider">
|
||||||
|
<p class="base"></p>
|
||||||
|
<p class="move green" style="width:70%"></p>
|
||||||
|
<span class="point green" style="left:70%"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- //nutrient_box -->
|
||||||
|
<!-- nutrient_box -->
|
||||||
|
<div class="nutrient_box">
|
||||||
|
<p class="tit">비타민C<span>Vitamin C</span></p>
|
||||||
|
<p class="per">50%</p>
|
||||||
|
<div class="nutrient_slider">
|
||||||
|
<p class="base"></p>
|
||||||
|
<p class="move yellow" style="width:50%"></p>
|
||||||
|
<span class="point yellow" style="left:50%"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- //nutrient_box -->
|
||||||
|
<!-- nutrient_box -->
|
||||||
|
<div class="nutrient_box">
|
||||||
|
<p class="tit">비타민D<span>Vitamin D</span></p>
|
||||||
|
<p class="per">20%</p>
|
||||||
|
<div class="nutrient_slider">
|
||||||
|
<p class="base"></p>
|
||||||
|
<p class="move red" style="width:20%"></p>
|
||||||
|
<span class="point red" style="left:20%"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- //nutrient_box -->
|
||||||
|
<!-- nutrient_box -->
|
||||||
|
<div class="nutrient_box">
|
||||||
|
<p class="tit">비타민E<span>Vitamin E</span></p>
|
||||||
|
<p class="per">70%</p>
|
||||||
|
<div class="nutrient_slider">
|
||||||
|
<p class="base"></p>
|
||||||
|
<p class="move green" style="width:70%"></p>
|
||||||
|
<span class="point green" style="left:70%"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- //nutrient_box -->
|
||||||
|
<!-- nutrient_box -->
|
||||||
|
<div class="nutrient_box">
|
||||||
|
<p class="tit">아연<span>Zinc</span></p>
|
||||||
|
<p class="per">50%</p>
|
||||||
|
<div class="nutrient_slider">
|
||||||
|
<p class="base"></p>
|
||||||
|
<p class="move yellow" style="width:50%"></p>
|
||||||
|
<span class="point yellow" style="left:50%"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- //nutrient_box -->
|
||||||
|
</div>
|
||||||
|
<!-- //nutrient_list -->
|
||||||
|
</div>
|
||||||
|
<!-- //nutrient_wrap -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- //nutrition_subMain_nutrient -->
|
||||||
|
|
||||||
|
</main>
|
||||||
|
<!-- //main_nutrition -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- //wrap -->
|
||||||
|
|
||||||
|
<!-- 하단 네비 iyu_nav -->
|
||||||
|
<nav class="iyu_nav">
|
||||||
|
<ul>
|
||||||
|
<li class="nav_list01">
|
||||||
|
<a href="../sn_nutrition/view_sn_nutrition_main.html">
|
||||||
|
<div class="icon">영양</div>
|
||||||
|
<div class="tit">영양</div>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav_list02">
|
||||||
|
<a href="../sn_growth_body/view_sn_growth_main.html">
|
||||||
|
<div class="icon">성장</div>
|
||||||
|
<div class="tit">성장</div>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav_list03">
|
||||||
|
<a href="../sn_index/index.html">
|
||||||
|
<div class="icon">홈</div>
|
||||||
|
<div class="tit">홈</div>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav_list04">
|
||||||
|
<a href="../sn_food_information/view_sn_food_information_main.html">
|
||||||
|
<div class="icon">식품정보</div>
|
||||||
|
<div class="tit">식품정보</div>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav_list05">
|
||||||
|
<a href="../sn_community/list_sn_community.html">
|
||||||
|
<div class="icon">커뮤니티</div>
|
||||||
|
<div class="tit">커뮤니티</div>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<!-- //iyu_nav -->
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
var swiper = new Swiper('.swiper-container', {
|
||||||
|
slidesPerView: 3,
|
||||||
|
slidesPerGroup: 3,
|
||||||
|
spaceBetween: 15,
|
||||||
|
|
||||||
|
loopFillGroupWithBlank: true,
|
||||||
|
|
||||||
|
pagination: {
|
||||||
|
loop: false,
|
||||||
|
el: '.swiper-pagination',
|
||||||
|
clickable: true
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
// circleChart
|
||||||
|
$('.circleChart1').easyPieChart({
|
||||||
|
barColor: '#FF9B00',
|
||||||
|
trackColor: '#eee',
|
||||||
|
scaleColor: '#fff',
|
||||||
|
lineCap: 'butt',
|
||||||
|
lineWidth: 5,
|
||||||
|
size: 80,
|
||||||
|
animate: 1000,
|
||||||
|
onStart: $.noop,
|
||||||
|
onStop: $.noop
|
||||||
|
});
|
||||||
|
|
||||||
|
// 높이 똑같게 맞추기
|
||||||
|
var equalHeight = function(element) {
|
||||||
|
var maxHeight = 0;
|
||||||
|
|
||||||
|
element.each(function() {
|
||||||
|
if ($(this).outerHeight() > maxHeight) {
|
||||||
|
maxHeight = $(this).outerHeight();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return maxHeight;
|
||||||
|
};
|
||||||
|
|
||||||
|
// 영양추천
|
||||||
|
$(document).ready(function() {
|
||||||
|
var list = $(".nutrition_subMain_suggest_list>li");
|
||||||
|
list.height(equalHeight(list));
|
||||||
|
})
|
||||||
|
|
||||||
|
// 영양전문가
|
||||||
|
$(document).ready(function() {
|
||||||
|
var list = $(".nutrition_subMain_swiper .swiper-slide");
|
||||||
|
list.height(equalHeight(list));
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
||||||
|
</html>
|
||||||
Loading…
Reference in new issue