web/Contact.html

<!doctype html>
<html lang="ja">
<head>
    <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A layout example with a side menu that hides on mobile, just like the Pure website.">

    <title>Contact</title>


<link rel="stylesheet" href="css/layouts/src.css">
<link rel="stylesheet" href="css/layouts/src_new.css">
<link rel="stylesheet" href="css/layouts/con.css">


    <!--[if lte IE 8]>
        <link rel="stylesheet" href="css/layouts/side-menu-old-ie.css">
    <![endif]-->
    <!--[if gt IE 8]><!-->
        <link rel="stylesheet" href="side-menu.css">
    <!--<![endif]-->


</head>
<body>
<div id="layout">
    <!-- Menu toggle -->
    <a href="#menu" id="menuLink" class="menu-link">
        <!-- Hamburger icon -->
        <span></span>
    </a>

    <div id="menu">
        <div class="pure-menu">
            <a class="pure-menu-heading" href="index.html">Srobot</a>

            <ul class="pure-menu-list">
              <li class="pure-menu-item"><a href="About.html" class="pure-menu-link">About</a></li>
              <li class="pure-menu-item"><a href="Projects.html" class="pure-menu-link">Projects</a></li>
              <li class="pure-menu-item"><a href="Member.html" class="pure-menu-link">Member</a></li>
              <li class="pure-menu-item"><a href="Join.html" class="pure-menu-link">Join</a></li>
              <li class="pure-menu-item"><a href="Contact.html" class="pure-menu-link">Contact</a></li>
            </ul>
        </div>
    </div>

    <div id="main">
        <div class="header">
            <h1>Contact</h1>
            <h2>Please feel free to ask me.</h2>
        </div>

        <div class="content">
          <h2 class="content-subhead">連絡先(高汐先生宛)</h2>
              <a>mail：kaz[at]ht.sfc.keio.ac.jp</a><br>
              <a href="https://www.facebook.com/kaz.ss597">facebook</a><br>
              <a href="https://twitter.com/kaz_ss597">twitter</a>

          <h2 class="content-subhead">リンク</h2>
              <a　href="http://vu.sfc.keio.ac.jp/faculty_profile/cgi/f_profile.cgi?id=a464a3ec55ed9a77">高汐先生個人プロフィール</a><br>
              <a href="https://www.ht.sfc.keio.ac.jp/">徳田研究室ページ</a>


          <h2 class="content-subhead">アクセス</h2>
              <a>慶応義塾大学湘南藤沢キャンパス　デルタ館南ΔS213、ΔS113</a><br>
              <a>〒252-0816 神奈川県藤沢市遠藤5322</a>
                  <div class="ggmap">
                  <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3252.684464570124!2d139.4251206152508!3d35.388281180263625!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60185394acdc07c3%3A0xc281fed97a64744a!2z5oW25oeJ576p5aG-5aSn5a2mIOa5mOWNl-iXpOayouOCreODo-ODs-ODkeOCuQ!5e0!3m2!1sja!2sjp!4v1468668366343" width="600" height="450" frameborder="0" style="border:0" allowfullscreen>
                  </iframe>
                  </div>
                </div>

    </div>


        </div>


<script src="ui.js"></script>


</body>
</html>