File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<!DOCTYPE html>
<html lang="ko">
<head>
<title>KCDF Korea Craft & Design Foundation</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="KCDF Korea Craft & Design Foundation에 대한 정보를 제공합니다.">
<meta name="keywords" content="KCDF Korea Craft & Design Foundation">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- default -->
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("header").load("./header.html");
$("footer").load("./footer.html");
});
</script>
<script type="text/javascript" src="js/tab.js"></script>
<link href="css/style.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.min.css">
<link href="js/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="css/page.css" rel="stylesheet">
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" /><!-- 이미지슬라이드 -->
<script defer src="js/jquery.flexslider.js"></script>
<link href="css/index.css" rel="stylesheet">
</head>
<body>
<header>
</header>
<section class="main">
<!-- 메인비주얼 -->
<div class="visual_txt"><img src="img/index/visual_txt.png" alt="KCDF Korea Craft & Design Foundation"></div>
<div id="slides" class="visual">
<img src="img/index/visual01.jpg" alt="main_img1">
<img src="img/index/visual02.jpg" alt="main_img2">
<img src="img/index/visual03.jpg" alt="main_img3">
</div>
<script src="js/jquery.slides.min.js"></script>
<script type="text/javascript">
$('#slides').slidesjs({
play: {
active: true,
auto: true,
interval: 5000,
navigation:false,
swap: true,
effect : "slide"
},
navigation: {
active: true
},
});
</script>
<div id="link_wrap">
<div class="link_wrap_1300">
<div class="flexslider03 banner_img">
<!--190207 수정 s-->
<ul class="slides">
<li><div style="background:url(img/index/ban_culture.png) no-repeat center; background-size:contain"></div></li>
<li><div style="background:url(img/index/k_ribbon_img.jpg) no-repeat center; background-size:contain"></div></li>
<li><div style="background:url(img/logo.png) no-repeat center; background-size:contain"></div></li>
<li><div style="background:url(img/index/naver.jpg) no-repeat center; background-size:contain"></div></li>
<li><div style="background:url(img/index/banner00.png) no-repeat center; background-size:contain"></div></li>
<li><div style="background:url(img/index/banner04.jpg) no-repeat center; background-size:contain"></div></li>
<li><div style="background:url(img/index/banner05.jpg) no-repeat center; background-size:contain"></div></li>
<li><div style="background:url(img/index/banner06.jpg) no-repeat center; background-size:contain"></div></li>
<li><div style="background:url(img/index/banner07.jpg) no-repeat center; background-size:contain"></div></li>
<li><div style="background:url(img/index/banner08.jpg) no-repeat center; background-size:contain"></div></li>
</ul>
<!--190207 수정 e-->
</div>
<!-- FlexSlider -->
<script type="text/javascript">
(function() {
// store the slider in a local variable
var $window = $(window),
flexslider = { vars:{} };
// tiny helper function to add breakpoints
function getGridSize() {
return (window.innerWidth < 500) ? 3 :
(window.innerWidth < 900) ? 5 : 8;
}
//$(function() {
//SyntaxHighlighter.all();
//});
//메뉴창 오류나서 뺌
$window.load(function() {
$('.flexslider03').flexslider({
animation: "slide",
animationSpeed: 400,
animationLoop: false,
itemWidth: 140,
itemMargin: 20, // 190207 수정
minItems: getGridSize(), // use function to pull in initial value
maxItems: getGridSize(), // use function to pull in initial value
start: function(slider){
$('body').removeClass('loading');
flexslider = slider;
}
});
});
// check grid size on resize event
$window.resize(function() {
var gridSize = getGridSize();
flexslider.vars.minItems = gridSize;
flexslider.vars.maxItems = gridSize;
});
}());
</script>
</div>
</div>
</section>
<footer class="sft">
</footer>
</body>
</html>