nexmoe.css
Version:
Use only HTML to write modern websites with smooth animations and beautiful interfaces.
130 lines (129 loc) • 2.72 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Nexmoe.css</title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="preload" href="./nexmoe.css" as="style" />
<link rel="stylesheet" href="./nexmoe.css" />
<style>
a[target="_blank"]::after {
content: "↗";
}
#download::after {
content: none;
}
article {
padding: 2rem;
}
articlegrid {
grid-template-columns: 1fr 1fr;
grid-gap: 2rem;
display: grid;
}
@media (max-width: 700px) {
articlegrid {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<nav>
<a><h1>Nexmoe.css</h1></a>
<ul>
<li><a checked>Home</a></li>
<li><a href="./docs.html">Docs</a></li>
<li>
<a href="#">Links / 链接</a>
<ul>
<li>
<a href="https://twitter.com/nexmoe" target="_blank"
>Twitter</a
>
</li>
<li>
<a
href="https://www.npmjs.com/package/nexmoe.css"
target="_blank"
>NPM</a
>
</li>
</ul>
</li>
<li>
<a
href="https://github.com/nexmoe/nexmoe.css"
target="_blank"
>Github</a
>
</li>
</ul>
</nav>
<header>
<h2>
Use <mark>only HTML</mark> to write modern websites <br />
with <u>smooth animations</u> and <u>beautiful interfaces</u>
</h2>
<p>
<a
id="download"
download="nexmoe.css"
href="./nexmoe.css"
target="_blank"
>
<button>Download Nexmoe.css</button></a
>
</p>
<br />
</header>
<main>
<section>
<header>
<h1>Features</h1>
<p></p>
</header>
<articlegrid>
<article>
<h2>Use only HTML</h2>
<p>
Nexmoe.css is a lightweight and easy-to-use CSS
framework.
</p>
</article>
<article>
<h2>Smooth animations</h2>
<p>
Nexmoe.css is built with <mark>only HTML</mark> and
<mark>only CSS</mark> to make animations smooth and
responsive.
</p>
</article>
<article>
<h2>Beautiful interfaces</h2>
<p>Beautiful interfaces are the key to a great user.</p>
</article>
<article>
<h2>Responsive</h2>
<p>Responsive design is the key to modern websites.</p>
</article>
<article>
<h2>Tiny size</h2>
<p>Tiny size and fast loading.</p>
</article>
<article>
<h2>No classes</h2>
<p>No classes to make your code more readable.</p>
</article>
</articlegrid>
</section>
</main>
<footer>
<p>
Made with ❤ by
<a href="https://twitter.com/nexmoe" target="_blank">Nexmoe</a>
</p>
</footer>
</body>
<script></script>
</html>