index.html

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
    integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<!-- Bootstrap Javascript(jQuery含む) -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
    integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
    crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
    integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
    crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
    integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
    crossorigin="anonymous"></script>
<!-- OGPの設定 -->
<meta property="og:type" content="website" />
<meta property="og:title" content="公営ギャンブルカレンダー" />
<meta property="og:description" content="公営ギャンブルカレンダー" />
<meta property="og:url" content="https://yjszk.github.io/gamble_calender/" />
<meta property="og:site_name" content="公営ギャンブルカレンダー" />
<meta property="og:image"
    content="https://yuru-column.com/wp-content/uploads/2018/08/%E3%82%AA%E3%82%B1%E3%83%A9.jpg" />
<!-- Twitterカードの設定 -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@yjszk666" />
<meta name="twitter:title" content="公営ギャンブルカレンダー" />
<meta name="twitter:description" content="オケラカレンダー" />
<meta name="twitter:image"
    content="https://yuru-column.com/wp-content/uploads/2018/08/%E3%82%AA%E3%82%B1%E3%83%A9.jpg" />
<h1>オケラカレンダー(競技別)</h1>
<h3><a href="https://yjszk.github.io/gamble_calender/tikibetu.html" target="_blank">地域別はこっち</a></h3>
<h2>競馬・競輪</h2>
<div class="embed-responsive iframe embed-responsive-16by9">
    <iframe
        src="https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23ffffff&ctz=Asia%2FTokyo&mode=WEEK&title=%E7%AB%B6%E8%BC%AA%E7%AB%B6%E9%A6%AC&showNav=1&showTabs=1&showTz=1&src=bWFuN3BwcnVuZjJxaWV0aWxqYXFlZnRzczBAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&src=MjF0MTlwdWluZWdzZnZhdmtoOWpocG5zb2dAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&color=%23F6BF26&color=%234285F4"
        style="border:solid 1px #777" width="800" height="600" frameborder="0" scrolling="no"></iframe>
</div>
<h2>競艇・オート</h2>
<div class="embed-responsive iframe embed-responsive-16by9">
    <iframe
        src="https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23ffffff&ctz=Asia%2FTokyo&mode=WEEK&title=%E7%AB%B6%E8%89%87%E3%82%AA%E3%83%BC%E3%83%88&showNav=1&showTabs=1&showTz=1&src=MmVpYjM2cHY1aDdjZWVwMWk4ODFvb3Fya2NAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&src=ajJqbHZuMnB1cms0M3Njb3BhaDF1aXVhMGNAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&color=%23D50000&color=%234285F4"
        style="border:solid 1px #777" width="800" height="600" frameborder="0" scrolling="no"></iframe>
</div>