Contact.html

Author: tomeko1158

web/css/layouts/.DS_Store .DS_Store

@@ -12,6 +12,7 @@
 
 <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">
 
 
 
@@ -56,23 +57,29 @@
     <div id="main">
         <div class="header">
             <h1>Contact</h1>
-            <h2>/subtitle/</h2>
+            <h2>Please feel free to ask me.</h2>
         </div>
 
         <div class="content">
-            <div class="pure-g">
-                <div class="pure-u-1-1">
-                    <img class="pure-img-responsive" src="photo/dummy.png" alt="Pepper">
+          <h2 class="content-subhead">連絡先(高汐先生宛)</h2>
+              <a>mail：[email protected]</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>慶応義塾大学湘南藤沢キャンパス　デルタ館南Δ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>
+
 
-            <h2 class="content-subhead">text</h2>
-                <li>text</li>
-                <li>text</li>
         </div>
-    </div>
-</div>
 
 
 

web/.DS_Store

@@ -49,7 +49,7 @@
 
     <div id="menu">
         <div class="pure-menu">
-            <a class="pure-menu-heading" href="Top.html">Member</a>
+            <a class="pure-menu-heading" href="Top.html">Srobot</a>
 
             <ul class="pure-menu-list">
                 <li class="pure-menu-item"><a href="About.html" class="pure-menu-link">About</a></li>
@@ -88,6 +88,7 @@ <h2>Robot, Augmented Humans and their Interection</h2>
               <br>tomato<br>上村朋子<br>総合政策学部　4年
             </div>
 
+
             <div class="grid">
               <img src="/Users/tomoko/Desktop/web/_web-srobots/_web-srobots/web/photo/mem_04.png" alt="viol" width="180px"  border="0" />
               <br>viol<br>佐々木嘉子<br>環境情報学部　３年
@@ -103,6 +104,7 @@ <h2>Robot, Augmented Humans and their Interection</h2>
               <br>nago<br>川那子進太郎<br>環境情報学部　３年</br>
             </div>
 
+
             <div class="grid">
               <img src="/Users/tomoko/Desktop/web/_web-srobots/_web-srobots/web/photo/mem_08.png" alt="ramp" width="180px"   border="0" />
               <br>ramp<br>宮本凜太郎<br>環境情報学部　２年

web/Contact.html

@@ -0,0 +1,18 @@
+.ggmap {
+position: relative;
+padding-bottom: 56.25%;
+padding-top: 30px;
+margin-top: 30px;
+height: 0;
+overflow: hidden;
+}
+
+.ggmap iframe,
+.ggmap object,
+.ggmap embed {
+position: absolute;
+top: 0;
+left: 0;
+width: 100%;
+height: 100%;
+}