Newer
Older
renshu-2021 / Unique / index.html
<!DOCTYPE html>

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="Content-Style-Type" content="text/css">
    <title>庄内観光地</title>
    <link rel="stylesheet" href="style.css" type="text/css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Kosugi&display=swap" rel="stylesheet">
    </head>
    <body>
    	
    	

    <div class="container">

    <header>
    <h3 class="title">庄内観光地</h3>

<ul>
<li><a href="index.html">ホーム</a></li>
</ul>

    </header>

       <div class="main top">
<img src="4803202_s.jpg">

    
    
    <div class="photo1 photo">
    	<h1 class="title1">湯の台温泉</h1>
    	<div class="inview fadeIn_right">
        	<img src="choukaisansou.jpg" alt="">
        </div>
    	<div class="box box1 inview fadeIn_left">
	    <div class="syokai_box">
	    	<h2>このスポットは</h2>
	    	<p>鳥海山の標高約550mの場所に位置し、鳥海山山頂をはじめ、様々な絶景を望むことのできる最高のロケーションにあります。</p>
	    </div>
	    <div class="link_box">
	    	<a href="kankoti3.html"><p><< スポット紹介ページ >></p></a>
	    </div>
	</div>
    </div>
    
    <div class="photo2 photo">
    	<h1 class="title2">城輪柵跡</h1>
    	<div class="inview fadeIn_left">
        	<img src="kinowa1.jpeg">
        </div>
    	<div class="box box2 inview fadeIn_right">
	    <div class="syokai_box">
	    	<h2>このスポットは</h2>
	        <p>平安時代の出羽国府と見られ、当時は、今の山形、秋田両県に及ぶ政治、経済、文化の中心地でした。</p>
	    		
	    </div>
	    <div class="link_box">
	    	<a href="kinowa.html"><p><< スポット紹介ページ >></p></a>
	    </div>
	</div>
    </div>
    
    
    <div class="photo1 photo">
    	<h1 class="title1">出羽遊心館</h1>
    	<div class="inview fadeIn_right">
		<img src="image/dewa1mini.jpg">
	</div>
    	<div class="box box1 inview fadeIn_left">
	    <div class="syokai_box">
	    	<h2>このスポットは</h2>
	        <p>京都伝統建築技術協会理事長の中村昌生氏が設計した、本格的和風建築です。</p>
	    		
	    </div>
	    <div class="link_box">
	    	<a href="dewayushinkan.html"><p><< スポット紹介ページ >></p></a>
	    </div>
	</div>
    </div>
    
    
    <div class="photo2 photo">
    	<h1 class="title2">南洲神社</h1>
    	<div class="inview fadeIn_left">
        	<img src="nansyu2.jpg">
        </div>
    	<div class="box box2 inview fadeIn_right">
	    <div class="syokai_box">
	    	<h2>このスポットは</h2>
	    	<p>西郷隆盛(南洲翁)と庄内との結びつきは強く、その遺徳をたたえ昭和51年に創建された神社です。</p>
	    </div>
	    <div class="link_box">
	    	<a href="kankoti5.html"><p><< スポット紹介ページ >></p></a>
	    </div>
	</div>
    </div>
    
    <div class="photo1 photo">
    	<h1 class="title1">数河の池</h1>
    	<div class="inview fadeIn_right">
        	<img src="sugonoike.jpg">
        </div>
    	<div class="box box1 inview fadeIn_left">
	    <div class="syokai_box">
	    	<h2>このスポットは</h2>
	        <p>灌漑用水の溜池として大正5年に造られた人造湖です。</p>
	    		
	    </div>
	    <div class="link_box">
	    	<a href="kankoti6.html"><p><< スポット紹介ページ >></p></a>
	    </div>
	</div>
    </div>
    
    <div class="photo2 photo">
    	<h1 class="title2">開運出世の瀧</h1>
    	<div class="inview fadeIn_left">
        	<img src="taki2.jpeg">
        </div>
	<div class="box box2 inview fadeIn_right">
		<div class="syokai_box">
		    <h2>このスポットは</h2>
		    <p>縁起のいいその名前から、受験や就活などを控えている人が多くお参りに来るそうです。</p>
		    		
		</div>
		<div class="link_box">
		    	<a href="taki.html"><p><< スポット紹介ページ >></p></a>
		</div>
	</div>
    </div>
    
<footer>
	<p>Copyright (C) . All Rights Reserved.</p>
</footer>


<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="js/ofi.min.js"></script>
<script>
  objectFitImages();
</script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.inview.min.js"></script>

</body>

</html>