Harigami
ログイン
1234
anonymous タイトルなし
HTML
</2019>
<2020>
  <h1>HELLO 2020!!</h1>
  • 1
  • 1
anonymous タイトルなし
HTML
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <p>アンケート</p>
  <input type="text" class="username">

  <p>Q1</p>
  <p>今の会社に満足してますか?</p>
  <div>
    <form id="Q1">
      <input name="answer1" type="radio" value="yes"> yes
      <input name="answer1" type="radio" value="no"> no
    </form>
  </div>

  <p>Q2</p>
  <p>3年以内に転職したいですか?</p>
  <div>
    <form id="Q2">
      <input name="answer2" type="radio" value="yes"> yes
      <input name="answer2" type="radio" value="no"> no
    </form>
  </div>

  <p>Q3</p>
  <p>将来の夢はありますか?</p>
  <div>
    <form id="Q3">
      <input name="answer3" type="radio" value="yes"> yes
      <input name="answer3" type="radio" value="no"> no
    </form>
  </div>

  <button class="send">回答</button>
  
  <p>回答者名</p>
  <div class="output0"></div>
  <p>Q1 回答</p>
  <div class="output1"></div>
  <p>Q2 回答</p>
  <div class="output2"></div>
  <p>Q3 回答</p>
  <div class="output3"></div>

<!-- JQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<!--** 以下Firebase **-->
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/7.5.2/firebase.js"></script>

<!-- TODO: Add SDKs for Firebase products that you want to use
   https://firebase.google.com/docs/web/setup#config-web-app -->

<script>
  // Your web app's Firebase configuration
  var firebaseConfig = {
    apiKey: "AIzaSyADTgX2GS5AIOfW4xxg6j5WhS1X83KU78U",
    authDomain: "gs-chat-12804.firebaseapp.com",
    databaseURL: "https://gs-chat-12804.firebaseio.com",
    projectId: "gs-chat-12804",
    storageBucket: "gs-chat-12804.appspot.com",
    messagingSenderId: "47926875368",
    appId: "1:47926875368:web:73688bca03c57e5b16e55d",
    measurementId: "G-M90TM0BZT3"
  };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);
  firebase.analytics();

  //firebaseのデーターベース(保存させる場所)を使いますよ
  const newPostRef = firebase.database().ref();
  // ここから下にjqueryの処理を書いて練習します

  $(".send").on("click",function(){
    newPostRef.push({
    username : $(".username").val(), 
    result1 : $('input[name="answer1"]:checked').val(),
    result2 : $('input[name="answer2"]:checked').val(),
    result3 : $('input[name="answer3"]:checked').val(),
  })});
  
  newPostRef.on("child_added",function(data){
    const v = data.val();
    // const k = data.key();
    const str0 = v.username
    const str1 = v.result1;
    const str2 = v.result2;
    const str3 = v.result3;
    $(".output0").append(str0);
    $(".output1").append(str1);
    $(".output2").append(str2);
    $(".output3").append(str3);
  });

</script>

</body>
</html>
  • 0
  • 1
anonymous タイトルなし
HTML
<!DOCTYPE html>
<html style="width:1024px; margin:0px;">
	<head>
		<meta charset="UTF-8">

		<style type="text/css">
		.hoge {
			font-size: 12px;
			float: left;
		}
		.hage {
			float: left;
		}
		label{
			display:block;
			position:relative;
			padding-left:1em;
		}
		label input{
			position:absolute;
			top:0;
			bottom:0;
			left:0;
			margin:auto;
		}
		</style>

		<script type="text/javascript">
		<!--
			const colorEFSF = "rgba( 19, 146, 244,1.0)";
			const colorZION = "rgba(255,  48,   0,1.0)";
			const startX = 75;
			const startY = 75;
			const endX = 75;
			const endY = 75;

			var testColor = "";


			const imageWidth = 540;
			const imageHeight = 358;
			var imagePath = "http://msgo.bandainamco-ol.jp/member/concept/map/images/";

			function chipDraw(canvas) {
				var context = canvas.getContext('2d');

				context.fillStyle = testColor;
				context.strokeStyle = "#000000";
				context.lineWidth = 0.25;

				var radius = 4;
				for ( var i = 0; i < 51; i++ ) {

					var randomX = Math.floor( Math.random() * (canvas.width  -  startX - endX ) );
					var randomY = Math.floor( Math.random() * (canvas.height -  startY - endY ) );
					context.beginPath();
					context.arc(randomX + startX , randomY + startY , radius, 0, 2 * Math.PI, false);
					context.fill();
					context.stroke();

				}

				context.translate(150, 95 );

				context.scale(0.345,0.275);
				context.lineWidth = 2;
				context.beginPath();
				context.moveTo( 10,  0);
				context.lineTo( 53,  0);
				context.lineTo( 57, 32);
				context.lineTo( 63, 32);
				context.lineTo( 63, 63);
				context.lineTo(  0, 63);
				context.lineTo(  0, 32);
				context.lineTo(  6, 32);
				context.closePath();
				context.fill();
				context.stroke();

				context.fillStyle = "#000000";
				context.font = "70px arial bold";
				context.fillText("A", -3, 57);
				context.fillText("A", -4, 53);
				context.fillText("A", -2, 53);
				context.fillText("A", -1, 53);
				context.fillStyle = "#FFFFFF";
				context.font = "64px arial";
				context.fillText("A", 0, 55);

			}
			function draw(canvas,imagePath){
				console.log("draw");
				const image = new Image();
				image.addEventListener("load",function (){
					//canvas.width = image.naturalWidth;
					//canvas.height = image.naturalHeight;
					canvas.width = imageWidth;
					canvas.height = imageHeight;
					const ctx = canvas.getContext("2d");
					ctx.drawImage(image, 0 , 0 ,imageWidth, imageHeight);
					console.log("load!");
					chipDraw(canvas);
				});
				image.src = imagePath;
			}
			function mainDraw() {
				//描画コンテキストの取得
				var canvas = document.getElementById('colortest');
				if (canvas.getContext) {
					console.log("color");
					const colors = document.getElementsByName("color");
					for (let i = 0; i < colors.length; i++){
						if(colors[i].checked){
							if( i == 0 ) {
								//console.log("colorEFSF");
								testColor = colorEFSF;
							}
							if( i == 1 ) {
								//console.log("colorZION");
								testColor = colorZION;
							}
							if( i == 2 ) {
								//console.log("user1");
								testColor = document.form1.user1.value;
							}
							if( i == 3 ) {
								//console.log("user1");
								testColor = document.form1.user2.value;
							}
							break;
						}
					}
					var str ="";
					const map = document.getElementsByName("map");
					for (let i = 0; i < map.length; i++){
						if(map[i].checked){
							str = map[i].value;
							break;
						}
					}
					draw(canvas,imagePath + str );
				}
			}
			function pre() {
				var colors = document.getElementsByName("color");
				for ( var i = 0; i < colors.length; i++ ) {
					console.log(colors[i].name);
					colors[i].addEventListener("click", mainDraw );
				}
				colors[0].checked = true;
				var maps = document.getElementsByName("map");
				for ( var i = 0; i < maps.length; i++ ) {
					console.log(maps[i].name);
					maps[i].addEventListener("click", mainDraw );
				}
				maps[0].checked = true;
				mainDraw();
			}
		//-->
		</script>
	</head>
	<body onLoad="pre()">
		<div class="hage" >
			<canvas id="colortest">図形を表示するには、canvasタグをサポートしたブラウザが必要です。</canvas>
		</div>
		<div class="hoge" >
			<form name="form1">
				<label><input type="radio" name="color">EFSF</label>
				<label><input type="radio" name="color">ZION</label>
				<label><input type="radio" name="color">USER1</label>
				<label><input type="radio" name="color">USER2</label>
				<p>USER1<input type="text" name="user1" value="#FFFFFF" ></p>
				<p>USER2<input type="text" name="user2" value="#FFFF00" ></p>
				<br>
			</form>
			<form name="form2">
				<label><input type="radio" name="map" value="001/sentence1_image2.jpg" >オデッサ鉱山基地 懸崖撒手</label>
				<label><input type="radio" name="map" value="001/sentence2_image2.jpg" >オデッサ鉱山基地 虎穴虎子</label>
				<label><input type="radio" name="map" value="001/sentence3_image2.jpg" >オデッサ鉱山基地 雲外蒼天</label>

				<label><input type="radio" name="map" value="008/sentence1_image2.jpg" >北極基地 ブリザード作戦</label>
				<label><input type="radio" name="map" value="008/sentence2_image2.jpg" >北極基地 暗中飛躍</label>
				<label><input type="radio" name="map" value="008/sentence3_image2.jpg" >北極基地 雲竜風虎</label>
			</form>
		</div>
	</body>
</html>
  • 0
  • 1
anonymous タイトルなし
HTML
<!DOCTYPE html>
<html style="width:1024px; margin:0px;">
	<head>
		<meta charset="UTF-8">

		<style type="text/css">
		</style>

		<script type="text/javascript">
		<!--
			const colorEFSF = "rgba( 19, 146, 244,1.0)";
			const colorZION = "rgba(255,  48,   0,1.0)";
			const startX = 75;
			const startY = 75;
			const endX = 75;
			const endY = 75;

			var testColor = colorEFSF;

			function chipDraw(canvas) {
				var context = canvas.getContext('2d');

				context.fillStyle = testColor;
				context.strokeStyle = "#000000";
				context.lineWidth = 0.25;

				var radius = 4;
				for ( var i = 0; i < 51; i++ ) {

					var randomX = Math.floor( Math.random() * (canvas.width  -  startX - endX ) );
					var randomY = Math.floor( Math.random() * (canvas.height -  startY - endY ) );
					context.beginPath();
					context.arc(randomX + startX , randomY + startY , radius, 0, 2 * Math.PI, false);
					context.fill();
					context.stroke();

				}

				context.translate(150, 95 );

				context.scale(0.345,0.275);
				context.lineWidth = 2;
				context.beginPath();
				context.moveTo( 10,  0);
				context.lineTo( 53,  0);
				context.lineTo( 57, 32);
				context.lineTo( 63, 32);
				context.lineTo( 63, 63);
				context.lineTo(  0, 63);
				context.lineTo(  0, 32);
				context.lineTo(  6, 32);
				context.closePath();
				context.fill();
				context.stroke();

				context.fillStyle = "#000000";
				context.font = "70px arial bold";
				context.fillText("A", -3, 57);
				context.fillText("A", -4, 53);
				context.fillText("A", -2, 53);
				context.fillText("A", -1, 53);
				context.fillStyle = "#FFFFFF";
				context.font = "64px arial";
				context.fillText("A", 0, 55);

			}
			function draw(canvas,imagePath){
				console.log("draw");
				const image = new Image();
				image.addEventListener("load",function (){
					canvas.width = image.naturalWidth;
					canvas.height = image.naturalHeight;
					const ctx = canvas.getContext("2d");
					ctx.drawImage(image, 0, 0);
					console.log("load!");
					chipDraw(canvas);
				});
				image.src = imagePath;
			}
			function sample() {
				//描画コンテキストの取得
				var canvas = document.getElementById('colortest');
				if (canvas.getContext) {
				let imagePath = "http://msgo.bandainamco-ol.jp/member/concept/map/images/001/sentence1_image2.jpg";
				//let imagePath = "http://mmoloda-msgo.x0.com/image/71830.png";
				draw(canvas,imagePath);
				}
			}
		//-->
		</script>
	</head>
	<body onLoad="sample()">
		<canvas id="colortest">図形を表示するには、canvasタグをサポートしたブラウザが必要です。</canvas>
	</body>
</html>
  • 0
  • 0
anonymous タイトルなし
HTML
<!DOCTYPE html>
<html style="width:1024px; margin:0px;">
	<head>
		<meta charset="UTF-8">

		<style type="text/css">
		</style>

		<script type="text/javascript">
		<!--
			const colorEFSF = "rgba( 19, 146, 244,1.0)";
			const colorZION = "rgba(255,  48,   0,1.0)";
			const startX = 75;
			const startY = 75;
			const endX = 75;
			const endY = 75;
			function chipDraw(canvas) {
				var context = canvas.getContext('2d');

				context.fillStyle = colorEFSF;
				context.strokeStyle = "#000000";
				context.lineWidth = 0.25;

				var radius = 4;
				for ( var i = 0; i < 51; i++ ) {

					var randomX = Math.floor( Math.random() * (canvas.width  -  startX - endX ) );
					var randomY = Math.floor( Math.random() * (canvas.height -  startY - endY ) );
					context.beginPath();
					context.arc(randomX + startX , randomY + startY , radius, 0, 2 * Math.PI, false);
					context.fill();
					context.stroke();

				}

				context.translate(150, 95 );

				context.scale(0.345,0.275);
				context.lineWidth = 2;
				context.beginPath();
				context.moveTo( 10,  0);
				context.lineTo( 53,  0);
				context.lineTo( 57, 32);
				context.lineTo( 63, 32);
				context.lineTo( 63, 63);
				context.lineTo(  0, 63);
				context.lineTo(  0, 32);
				context.lineTo(  6, 32);
				context.closePath();
				context.fill();
				context.stroke();

				context.fillStyle = "#000000";
				context.font = "70px arial bold";
				context.fillText("A", -3, 57);
				context.fillText("A", -4, 53);
				context.fillText("A", -2, 53);
				context.fillText("A", -1, 53);
				context.fillStyle = "#FFFFFF";
				context.font = "64px arial";
				context.fillText("A", 0, 55);
				//context.strokeText("A", 10, 55);

				//context.scale(1,1);

			}
			function draw(canvas,imagePath){
				console.log("draw");
				const image = new Image();
				image.addEventListener("load",function (){
					canvas.width = image.naturalWidth;
					canvas.height = image.naturalHeight;
					const ctx = canvas.getContext("2d");
					ctx.drawImage(image, 0, 0);
					console.log("load!");
					chipDraw(canvas);
				});
				image.src = imagePath;
			}
			function sample() {
				//描画コンテキストの取得
				var canvas = document.getElementById('colortest');
				if (canvas.getContext) {
				let imagePath = "http://msgo.bandainamco-ol.jp/member/concept/map/images/001/sentence1_image2.jpg";
				//let imagePath = "http://mmoloda-msgo.x0.com/image/71830.png";
				draw(canvas,imagePath);
				}
			}
		//-->
		</script>
	</head>
	<body onLoad="sample()">
		<canvas id="colortest">図形を表示するには、canvasタグをサポートしたブラウザが必要です。</canvas>
	</body>
</html>
  • 0
  • 0
anonymous タイトルなし
HTML
<!-- SAMPLE 01 -->
<div class="p-dropdown">
  <button class="p-dropdown__button js-dropdown-button" type="button" aria-controls="drop_contents_01" aria-expanded="false">〇〇のコンテンツについて見る</button>
  <div id="drop_contents_01" class="p-dropdown__contents js-dropdown-content" aria-hidden="true">
    〇〇のコンテンツ
  </div>
</div>

<!-- SAMPLE 02 -->
<div class="p-dropdown" aria-expanded="false">
  <button class="p-dropdown__button js-dropdown-button" type="button">△△のコンテンツについて見る</button>
  <div id="drop_contents_02" class="p-dropdown__contents js-dropdown-content" aria-hidden="true">
    △△のコンテンツ
  </div>
</div>
  • 3
  • 1
anonymous タイトルなし
HTML
<div class="p-dropdown">
  <button class="p-dropdown__button" type="button" aria-controls="drop_contents" aria-expanded="false">タブ</button>
  <div id="drop_contents" class="p-dropdown__contents" aria-hidden="true">
    コンテンツ内容
  </div>
</div>
  • 0
  • 0
anonymous タイトルなし
HTML
<div class="p-dropdown">
  <button class="p-dropdown__button" type="button" aria-controls="drop_contents" aria-expanded="false">タブ</button>
  <div id="drop_contents" class="p-dropdown__contents" aria-hidden="true">
    コンテンツ内容
  </div>
</div>
  • 0
  • 0
anonymous タイトルなし
HTML
class CommentsController < ApplicationController
	def create
		@comment = Comment.new(comment_params)
		@comment.user_id = current_user.id
		if @comment.save!
			redirect_back(fallback_location: root_path)
		else
			redirect_back(fallback_location: root_path)

		end
	end

	private
	def comment_params
		params.require(:comment).permit(:content)
	end
end
  • 0
  • 0
anonymous タイトルなし
HTML
<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <meta content="IE=edge" http-equiv="X-UA-Compatible">
  <meta name="format-detection" content="telephone=no,address=no,email=no">

  <title>FAT DOG STAND</title>
  <meta name="description" content="こだわりのホットドッグとコーヒーを提供するお店。FAT DOG STANDを紹介するサイト">

  <!--  FONT Noto Sans JP-->
  <link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap" rel="stylesheet">

  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/access.css">
  <link rel="stylesheet" href="css/head_foot.css">

  <script src="https://kit.fontawesome.com/54fc518417.js"></script>

  <script src="js/jquery-3.4.1.min.js"></script>
  <script src="js/common.js"></script>
</head>

<body>
  <!-- ヘッダー -->
  <header class="header">
    <div class="header_box inner_max flex flex_center">
      <h1 class="header_logo"><a href="index.html"><img src="image/common/fds_logo.png" width="196" alt="FAT DOG STAND ロゴ"></a></h1>
      <div class="header_right">
        <div class="header_navbtn"><span></span><span></span><span></span></div>
        <nav class="header_nav">
          <ul class="nav_box flex">
            <li><a href="/index.html">HOME</a></li>
            <li><a href="fds_style.html">STYLE</a></li>
            <li><a href="menu.html">MENU</a></li>
            <li><a href="access.html">ACCESS</a></li>
            <li><a href="contact.html">CONTACT</a></li>
          </ul>
        </nav>
        <div class="main_copy">
          <p><img src="image/common/main_copy.png" width="730" alt="taste just one time"></p>
          <p>集い味わう。ただひとつの今を。</p>
        </div>
      </div>
    </div>
  </header>
  <!-- ヘッダー end -->
  <!--   ACCESS-->
  <main>
    <section>
      <h2 class="ttl">ACCESS</h2>
      <div class="ttl_line fadein3"><img src="image/common/ttl_line.png" alt="タイトルライン画像" width="300"></div>
      <ul class="access_link access_box inner fadein">
        <li class="access_list flex flex_between">
          <div class="access_text1">ADDRESS</div>
          <div class="access_text2">542-0012&nbsp;大阪市中央区谷町7-6-33<br><span class="min_cont">地下鉄谷町線 谷町六丁目駅3番出口から出て徒歩約3分
              <br>地下鉄長堀鶴見緑地線 松屋町駅3番出口から出て徒歩約3分</span></div>
        </li>
        <li class="access_list">
          <div class="access_text1">OPEN &nbsp; HOURS</div>
          <div class="access_text2">Week day &nbsp; 8:00-17:00
            <br>Sat.-Sun.Holiday &nbsp; 10:30-17:00</div>
        </li>
        <li class="access_list">
          <div class="access_text1">CL0SE</div>
          <div class="access_text2">Tueseday</div>
        </li>
        <li class="access_list">
          <div class="access_text1">TEL</div>
          <div class="access_text2"><a href="tel:06-6776-2236">06-6776-2236</a></div>
        </li>
        <li class="access_list">
          <div class="access_text1">E-MAIL</div>
          <div class="access_text2"><a href="mailto:fatdogstand@gmail.com">fatdogstand@gmail.com</a></div>
        </li>
        <li class="access_list">
          <div class="access_text1">PARKING</div>
          <div class="access_text2">None</div>
        </li>
      </ul>
    </section>
    <section>
      <div class="karahori_mv">
        <h2 class="ttl_white fadein">空堀商店街</h2>
        <p class="inner karahori_text white access_box fadein">商店街の中は昔ながらの個人商店が残る、人懐っこいローカルな雰囲気。もちろん商店街の中のお店も素敵ですが、一歩商店街から外に足を向けると、レトロな町屋がずらっと並んでいて、大正時代にタイムスリップしたような感覚に陥ります。</p>
      </div>
    </section>
    <!------------------------------------------------------    LOCATIONスタート-->
    <section class="loc">
      <h2 class="ttl">LOCATION</h2>
      <div class="ttl_line fadein3"><img src="image/common/ttl_line.png" alt="タイトルライン画像" width="300"></div>
      <div class="access_box loc_box inner fadein">
        <!--ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーmap違う場所-->
        <div class="map" id="map_top">
          <!--←このdivの中に地図画像とボタン画像を入れるそしてリラティブをかけて。その中のボタンにポジションアブソリュートをかける!-->
          <div class="map_img">
            <img src="image/access/karahorimap.jpg" alt="" width="">
            <div class="btn01" id="aa">
              <a href="#a"><img src="image/access/marka.png" alt=""></a>
            </div>
            <div class="btn02" id="bb">
              <a href="#b"><img src="image/access/markb.png" alt=""></a>
            </div>
            <div class="btn03" id="cc">
              <a href="#c"><img src="image/access/markc.png" alt=""></a>
            </div>
          </div>
        </div>
        <div class="shop">
          <ul class="shop_list" id="a">
            <li>
              <img src="image/access/shopex.jpg" alt="">
            </li>
            <li class="flex">
              <div class="shop_no"><img src="image/access/marka.png" alt=""></div>
              <div>
                <h3 class="shop_text1">店の名前</h3>
                <p class="shop_text2">店の特徴や説明店の特徴や説明店の特徴や説明店の特徴や説明</p>
                <div class="flex flex_around">
                  <p class="shop_link1"><a href="##">SHOP PAGE &gt;</a></p>
                  <p class="shop_link2"><a href="#map_top">BACK TO MAP &gt;</a></p>
                </div>
              </div>
            </li>
          </ul>
          <ul class="shop_list" id="b">
            <li>
              <img src="image/access/shopex.jpg" alt="">
            </li>
            <li class="flex">
              <div class="shop_no"><img src="image/access/markb.png" alt=""></div>
              <div>
                <h3 class="shop_text1">店の名前</h3>
                <p class="shop_text2">店の特徴や説明店の特徴や説明店の特徴や説明店の特徴や説明</p>
                <div class="flex flex_around">
                  <p class="shop_link1"><a href="##">SHOP PAGE &gt;</a></p>
                  <p class="shop_link2"><a href="#map_top">BACK TO MAP &gt;</a></p>
                </div>
              </div>
            </li>
          </ul>
          <ul class="shop_list" id="c">
            <li>
              <img src="image/access/shopex.jpg" alt="">
            </li>
            <li class="flex">
              <div class="shop_no"><img src="image/access/markc.png" alt=""></div>
              <div>
                <h3 class="shop_text1">店の名前</h3>
                <p class="shop_text2">店の特徴や説明店の特徴や説明店の特徴や説明店の特徴や説明</p>
                <div class="flex flex_around">
                  <p class="shop_link1"><a href="##">SHOP PAGE &gt;</a></p>
                  <p class="shop_link2"><a href="#map_top">BACK TO MAP &gt;</a></p>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </section>
  </main>
  <!-----------------------------------------------Location END-->
  <!----------------------------------ACCESS END-->
  <!-- フッター -->
  <footer class="footer">
    <div class="footer_box inner flex flex_around">
      <div class="fot_left">
        <div class="fot_logo">
          <img src="image/common/fds_logo_w.png" width="170" alt="fat dog stand ロゴ">
        </div>
        <ul class="fot_sns flex">
          <li><a href="#"><i class="fab fa-instagram"></i></a></li>
          <li><a href="#"><i class="fab fa-facebook-square"></i></a></li>
          <li><a href="#"><i class="fab fa-twitter-square"></i></a></li>
        </ul>
      </div>
      <nav class="fot_nav">
        <ul class="fot_nav_list">
          <li><a href="/index.html">HOME</a></li>
          <li><a href="fds_style.html">STYLE</a></li>
          <li><a href="menu.html">MENU</a></li>
          <li><a href="access.html">ACCESS</a></li>
          <li><a href="contact.html">CONTACT</a></li>
        </ul>
      </nav>
      <address class="address_box">
        <ul>
          <li><span>OPEN</span> : 8:00 - 17:00 ( weekday ) 10:30 - 17:00 ( holiday )</li>
          <li><span>CLOSE</span> : Tuesday</li>
          <li><span>ADDRESS</span> : 〒542-0012 大阪府大阪市中央区谷町7-6-33</li>
          <li><span>PHONE</span> : <a href="tel:06-6776-2236">06-6776-2236</a></li>
          <li><span>E-MAIL</span> : <a href="mailto:fatdogstand@gmail.com">fatdogstand@gmail.com</a></li>
        </ul>
      </address>
    </div>
    <p class="copy">Copyright &copy; 2019 FAT DOG STAND All Rights Reserved.</p>
  </footer>
  <!-- フッターend -->
</body>
</html>
  • 0
  • 0
あなたもコードを投稿しませんか?
投稿する
1234