white-space: nowrap;
}
+.game-preview .info li a:link {
+ text-decoration: none;
+ font-weight: inherit;
+}
+
.game-preview .info li:before {
content: ' ~ ';
}
background-color: transparent;
}
+footer {
+ font-weight: 300;
+ text-align: center;
+ font-size: 0.75em;
+}
+
+footer a:link {
+ display: inline-block;
+ margin: 0 1em;
+ text-decoration: none;
+}
+
@media (max-width: 767px) {
html { font-size: 13px; }
<body>
<header>
- <img src="logotype.png" class=logo alt="Yukkuri Games">
+ <a href="aboutus.html">
+ <img src="logotype.png" class=logo alt="Yukkuri Games">
+ </a>
</header>
<main>
<h2>Games</h2>
</p>
<ul>
<li>2014</li>
- <li>(Mobile) Browser</li>
+ <li><a href="support.html#mobile">(Mobile) Browser</a></li>
</ul>
</div>
</li>
</p>
<ul>
<li>2014</li>
- <li>(Mobile) Browser</li>
+ <li><a href="support.html#mobile">(Mobile) Browser</a></li>
</ul>
</div>
</li>
</p>
<ul>
<li>2013</li>
- <li>(Mobile) Browser</li>
+ <li><a href="support.html#mobile">(Mobile) Browser</a></li>
</ul>
</div>
</li>
</li>
</ul>
</main>
+ <footer>
+ <a href="support.html">Support</a>
+ <a href="privacy.html">Privacy Policy</a>
+ <a href="mailto:yuuNOSPAM@yukkuriNOSPAMgames.com"
+ rel="nofollow"
+ onclick="this.href=this.href.replace(/[A-Z]/g, '')">Contact</a>
+ </footer>
</body>
</html>
<meta charset="utf-8">
<meta name=viewport content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/css/main.css" type="text/css">
- <title>Mobile Browsers ~ Yukkuri Games</title>
+ <title>Support ~ Yukkuri Games</title>
<style>
img[alt=Share] {
height: 1em;
<h1>Support</h1>
</header>
<main>
- <h2>Mobile Browsers</h2>
+ <h2 id=mobile>Mobile Browsers</h2>
<p>
- If you see something on our site labeled <em>(Mobile) Browser</em>
+ If we labeled something <em>(Mobile) Browser</em>
this means you can download it and use it like an app.
Most of the features in it will work even when you're not
connected to the Internet, and usually there will be some