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