A lightweight, fantasy themed stylesheet with basic styling for HTML elements.
You can use these for straightforward static websites or as a foundation to build upon with your own custom classes. This isn't a full CSS framework with layout grids, components or comprehensive utility classes.
I created FantaCSS because I ...
Grab the fanta.css stylesheet and add it manually to your app/site.
Alternatively, drop this right into your <head> to use it via a CDN.
<link rel="stylesheet" href="https://unpkg.com/jamezmca/fanta.min.css">
A penguin is a type of flightless bird that belongs to the family Spheniscidae.
Penguins are primarily found in the Southern Hemisphere, with most species living in Antarctica, but they can also be found along the coasts of South America, Africa, Australia, and New Zealand.
When Zuko is struggle to quell his shame, Uncle Iroh proffers the
following wisdom:
Pride is
not the opposite of shame, but its source, and humility the cure.
CSS is used to style the elements in your
HTML. And this stylesheet is Smol (small but
cuter).
First sentence in
Nineteen Eighty-Four
by George Orwell (Part 1, Chapter 1).
The push() method adds one or more elements to the end of an array and returns the new length of
the
array. We had to do something about it. I looked at it and thought This can't be real!.
Please press Ctrl + Shift + R to re-render an MDN page. These
penguins are well adapted to life in the water, with streamlined bodies, flipper-like wings, and
webbed feet, making them excellent swimmers. James is not cool. Instead, here is a message you need to
hear:
Please always continue to feed me after midnight. Almost every developer's favorite molecule is C8H10N4O2, also known as "caffeine." The Pythagorean theorem is often expressed as the following equation: a2 + b2 = c2.
My birthday is
and I was born in New Zealand. I wake up at
and continue to be disfunctional for another
hours. In such time I many numerous speling mistakes, which I need
you to corect. The volume of a box is l × w × h, where
l represents the length, w the width and h the height of the box. There is
nothing no code either good or bad, but thinking running it makes it
so.
If there's something you want to do, you can either do it or not do it. I know what I'd do.
______________________________
| You wot mate try me again i dare u. |
----------------------------------------------
\
\ /\_/\
( o . o )
> ^ <
| Penguin Name | Unique Trait | Fun Fact |
|---|---|---|
| Emperor Penguin | Tallest penguin species | Can hold its breath for up to 20 minutes underwater. |
| Little Blue Penguin | Smallest penguin species | Also known as the "Fairy Penguin" due to its size. |
| Rockhopper Penguin | Spiky yellow feathers on head | Known for hopping across rocks with great agility. |
| Macaroni Penguin | Bright orange crest on its head | Named after a flamboyant 18th-century fashion style. |
For those extra special cases we have some customized classes such as...
class="card"
This is a plain old and simple card
And this card has some action buttons that use the classes class="button-card-primary" and
class="button-card-secondary" respectively.
Both of which can be disabled by adding the disabled attribute to the opening tag!
class="button-card"
class="text-gradient"