Skip to content

Instantly share code, notes, and snippets.

@backy22

backy22/responsive

Created June 21, 2015 17:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save backy22/4c9fd53675de11ebbc49 to your computer and use it in GitHub Desktop.
Save backy22/4c9fd53675de11ebbc49 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
responsive
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="header">
<meta name="viewport" content="width=device-width,initial=1.0">
<title>レスポンシブWebデザイン</title>
<link rel="stylesheet" href="mystyle.css">
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css">
</head>
<body>
<div id="header">
<div id="footerNavLink"><a herf="#footerNav">+</a></div>
<h1>Header</h1>
<div id="headerNav">
<ul>
<li><a href="">Home</a></li>
<li><a href="">About</a></li>
<li><a href="">Contact</a></li>
</ul>
</div><!--/header-->
<div id="container">
<div id="main">
<h2>Main</h2>
<img src="lovecat.png">
<p>Hello.Hello.Hello.Hello.</p>
</div><!--/main -->
<div style="width: 75%; margin: 0 auto;">
<div class="movie">
<iframe src="https://www.youtube.com/watch?v=KHTTwKz2JNQ" frameborder="0"></iframe>
</div>
</div>
<div id="sub">
<h2>Sub</h2>
<p>Hello.Hello.Hello.Hello.</p>
</div><!-- /sub -->
</div><!-- /container -->
<div id="footer">
<div id="footerNav">
<ul>
<li><a href="">Home</a></li>
<li><a href="">About</a></li>
<li><a href="">Contact</a></li>
</ul>
<p>Footer</p>
</div><!-- /footer -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment