Article element
This is an article element by itself.
Home
dev.css is a tiny, simple, classless CSS framework inspired by
Vercel's
Geist design system. It is
designed to make any plain HTML file look clean and modern. The
minified stylesheet weighs only
For installation instructions and much more information, see the README.
Who is this for?
dev.css is a great choice for:
- A simple blog
- A simple "about me" website
- Collecting your most used links
- Prototyping your raw HTML
dev.css was not meant for very complex websites. An example of a site that uses dev.css is SkywardMC's wiki. This website was also entirely made with dev.css, of course.
If you're using dev.css on your site, feel free to use this "powered by dev.css" badge if you want to promote the project:
<a href="https://devcss.devins.page"><img src="https://cdn.jsdelivr.net/npm/@intergrav/dev.css@4/badge.svg" alt="powered by dev.css"></a>
Demo
Below is the demo for dev.css, a classless, lightweight, and accessible CSS framework! Lorem ipsum odor amet, consectetuer adipiscing elit. Hac suscipit magnis a, duis sollicitudin imperdiet.
Heading 2
Lorem ipsum odor amet, consectetuer adipiscing elit. Hac suscipit magnis a, duis sollicitudin imperdiet. Aliquam inceptos quis semper libero gravida purus dui posuere lacinia. Aliquet erat torquent auctor leo habitasse feugiat iaculis pharetra. Dignissim ridiculus gravida dictumst donec iaculis.
Heading 3
Sed tortor congue mauris molestie per facilisi vulputate. Quam aenean mollis dui sollicitudin; per pretium mattis. Dis luctus vestibulum proin id neque porta. Vehicula sapien aenean tellus inceptos lectus facilisis viverra. Lacinia habitasse convallis diam elit lobortis luctus.
Heading 4
Mattis per parturient convallis tempor nec posuere imperdiet. Natoque dolor enim tempus bibendum ligula facilisis ipsum interdum. Netus maximus laoreet adipiscing enim phasellus. Luctus nunc at egestas torquent porttitor nostra aliquam tempus.
Heading 5
Erat interdum etiam condimentum, nullam odio ex maximus vel. Rhoncus suspendisse vestibulum aptent amet torquent class suscipit ultrices viverra.
Heading 6
Mattis primis lacus ac metus sollicitudin consequat bibendum luctus. Ridiculus dignissim tortor viverra posuere cras curabitur.
This entire page was made with just dev.css and basic HTML. You can view the source here.
Lorem ipsum dolor sit amet
consectetur adipisicing elit. Aut
harum molestias labore amet possimus
exercitationem aperiam earum, doloribus
nobis ducimus maiores quia voluptates quis omnis molestiae
quisquam. Voluptatibus, officiis laudantium?
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Hic culpa, nobis doloremque veniam non, nihil cupiditate
odit repellat est ALT + F4 expedita facilis. Fuga
aspernatur, alias debitis eveniet totam minima vel.
- List item
- List item
- List item
- List item
- Step 1
- Step 2
- ????
- Profit!
- Web
- The part of the Internet that contains websites and web pages
- HTML
- A markup language for creating web pages
- CSS
- A technology to make HTML look better
If you think privacy is unimportant for you because you have nothing to hide, you might as well say free speech is unimportant for you because you have nothing useful to say.
– Edward Snowden
<!DOCTYPE html>
<html>
<head>
<title>Hello World</title>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</body>
</html>Click me!
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Article element
This is an article element with other nested elements.
Article 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Article 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Click me!
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
| Meal | Time |
|---|---|
| Breakfast | 5-10 AM |
| Lunch | 12-2 PM |
| Dinner | 6-9 PM |
