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