<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title id="pagetitle">all</title>
<link rel="stylesheet" href="css/main.css" type="text/css">
<link href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" rel="stylesheet"><!--いろんなアイコンのCSS-->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css">
<link rel="stylesheet" type="text/css" href="css/slider.css">
</head>
<body>
<div>
<input type="button" value="Check1" id="checkButton1" onclick="topcontents()">
<input type="button" value="Check2" id="checkButton2" onclick="addcontents()">
<input type="button" value="test1" onclick="test1js()">
<input type="button" value="test2" onclick="test2js()">
<input type="button" value="test3preload" onclick="test3js()">
<a href="js/addcontents.js">javascript</a>
</div>
<!-- ヘッダー -->
<header>
</header>
<!-- ヘッダー -->
<!--概要-->
<div style="text-align: center;">
<div style="position:relative;">
<img src="img/errer.jpg" id="topimage" style="width:100%; height:250px; object-fit:cover;">
<h1 id="toptitle" style="position:absolute; top:0;left:10px; color:#333; z-index:100;">サンプルテキスト</h1>
<div class="border-radius-1">
<h2>魅力</h2>
<p id="mi">サンプルテキスト</p>
</div>
<div class="border-radius-1">
<h2>歴史</h2>
<p id="history">サンプルテキスト</p>
</div>
<div class="border-radius-1">
<h2>所在地</h2>
<p id="location">サンプルテキスト</p>
</div>
<div class="border-radius-1">
<h2>アクセス</h2>
<p id="access">サンプルテキスト</p>
</div>
<div class="border-radius-1">
<h2>営業時間</h2>
<p id="businesstime">サンプルテキスト</p>
</div>
<div class="border-radius-1">
<h2>休館日</h2>
<p id="businessholiday">サンプルテキスト</p>
</div>
</div>
</div>
<!--//概要//-->
<div id="main" style="text-align: center;">
<!--ポップアップ-->
<div class="popup" id="js-popup">
<div class="popup-inner">
<div class="close-btn js-close-btn"><i class="fas fa-times"></i></div>
<div class="container">
<div class="inf">
<h1 class="title1" id="title">サンプル</h1>
<div>
<ul class="slider" id="slider_conteiner">
<li class="slide_img"><img id="image1" src="" alt=""></li>
<li class="slide_img"><img id="image2" src="" alt=""></li>
<li class="slide_img"><img id="image3" src="" alt=""></li>
</ul>
</div>
</div>
<div>
<p id="attractivepoint">サンプル紹介文1</p>
</div>
<div class="plusinf">
<div class="inview">
<h2>プラス情報</h2>
<p id="plus">サンプル情報</p>
</div>
<div class="inview">
<h2>マップ</h2>
<img id="map" src="img/sample.jpg">
</div>
</div>
</div>
</div>
<div class="black-background js-black-bg"></div>
</div>
<!--//ポップアップ//-->
</div>
<!-- フッター -->
<footer class="footer">
<p>Copyright (C) ?????? All Rights Reserved.</p>
</footer>
<!-- //フッター -->
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/addcontents.js"></script>
<script type="text/javascript" src="js/topcontents.js"></script>
<script type="text/javascript" src="js/testjs.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<!--自作のJS-->
<script src="js/slider.js"></script>
</body>
</html>
