|
/mnt/disks/kimuko-static/html/nishi-b/ |
| Current File : /mnt/disks/kimuko-static/html/nishi-b/index.html |
<!DOCTYPE html>
<html xmlns="//www.w3.org/1999/xhtml">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-113344834-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-113344834-1');
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>西区 B邸</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="/scripts/jquery.parallax-1.1.3.js"></script>
<script type="text/javascript" src="/scripts/jquery.localscroll-1.2.7-min.js"></script>
<script type="text/javascript" src="/scripts/jquery.scrollTo-1.4.2-min.js"></script>
<script type="text/javascript" src="/scripts/jquery.sudoSlider.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#nav').localScroll(800);
//.parallax(xPosition, speedFactor, outerHeight) options:
//xPosition - Horizontal position of the element
//inertia - speed to move relative to vertical scroll. Example: 0.1 is one tenth the speed of scrolling, 2 is twice the speed of scrolling
//outerHeight (true/false) - Whether or not jQuery should use it's outerHeight option to determine when a section is in the viewport
$('#intro').parallax("50%", 0.3);
$('#second').parallax("50%", 0.1);
$('.bg').parallax("50%", 0.3);
$('#third').parallax("50%", 0.3);
})
</script>
<script type="text/javascript" >
$(document).ready(function(){
var sudoSlider = $(".slider").sudoSlider({
auto: true,
fade: true,
prevNext: false,
responsive: true
});
});
</script>
<style>
/* Sudo Slider */
.slider ul, .slider li{
margin:0;
padding:0;
list-style:none;
position:relative;
display:block;
}
/* Uncomment this if you wan't to only have 1 visible slide before the javascript kicks in.
#slider li {display:none;}
#slider li:first-child {display:block;}
*/
.slider, .slider li {
width:88vw;
overflow:hidden;
display: inline-block;
}
.slider, .slider img {
width: 100%;
}
.slider-container {
margin-top: 80px;
margin-bottom: 80px;
width: 100vw;
}
.wide {
width: 100%;
}
</style>
</head>
<body>
<ul id="nav">
<li><a href="#intro" title="ページトップ"><img src="/common/images/dot2.png" alt="Link" /></a></li>
</ul>
<div id="intro">
<div class="story">
<h1>西区 B邸</h1>
<span class="subtitle">マンションリフォーム 設計 木村工務店一級建築士事務所</span>
</div>
</div>
<div id="fifth">
<div class="story">
<div class="image-container">
<img src="images/1-center.jpg" alt="西区 B邸">
</div>
<hr/>
<div class="image-container">
<img src="images/2-center.jpg" alt="西区 B邸">
</div>
<hr/>
<div class="image-container">
<img src="images/3-center.jpg" alt="西区 B邸">
</div>
<hr/>
<div class="image-container">
<img src="images/4-center.jpg" alt="西区 B邸">
</div>
<hr/>
<div class="image-container">
<img src="images/5-center.jpg" alt="西区 B邸">
</div>
<hr/>
<img src="/common/images/koujinoyousu.jpg" id="genba"><br>
<div class="sekourei-blog-container">
<iframe width="620" height="620" src="https://kimuko.net/wpress/genba/category/%e5%a4%a7%e9%98%aa%e5%b8%82%e7%94%9f%e9%87%8e%e5%8c%ba%e3%83%bb%ef%bd%93%e9%82%b8%e6%96%b0%e7%af%89%e5%b7%a5%e4%ba%8b/" />
</div>
<hr>
<a href="//kimuko.net/cgi-bin/mail/mail_sekou.html" target="_self"><img src="../toi_form.gif" width="174" height="21" border="0"></a>
<br>
<a href="//kimuko.net/home/" target="_top"><img src="/kim_image/kimuko_bs.gif" width="120" height="13" border="0"></a>
<br>
</div>
</div>
</body>
</html>