falood4WRKS

GitHub

A lightweight, themed stylesheet with basic styling for HTML elements

Use classes in the CSS file with appropriate elements. You can then customise them further and use this styling as a foundation.
Make sure to try the UI elements that comes with falood4WRKS. All you have to do is copy paste the code and then style to your wish

Features

Why falood4WRKS?

  1. Use across your websites and browsers
  2. No extra CSS styling needed for basic elements
  3. Easily customisable

How to use

Download the styles.css stylesheet and link it in your HTML file <head> . Or use the github link to import

<link rel="stylesheet" src="styles.css">

Demos


address

hello@world.com
(09) 0800 83 83 83

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

inline text elements

When Zuko struggles 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:

James is very very ...
very cool!

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 Ernakulam. 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.

This sample section of in-line text was mostly sourced from this wonderful HTML reference over here.

blockquote

If there's something you want to do, you can either do it or not do it. I know what I'd do.

dl (description list)

Fallout
My favourite game.
Cats
Love em
Kiryu
Literally him

ol (ordered list)

  1. Whisk 1 cup flour and 1/4 tsp salt in a bowl.
  2. Add 2 eggs and mix until smooth.
  3. Gradually stir in 1/2 cup milk and 1/2 cup water.
  4. Mix in 2 tbsp melted butter until smooth.
  5. Let the batter rest for 30 minutes.

ul (unordered list)

pre

audio

table

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.

button

datalist

fieldset

Choose your favorite

form

select

text area

summary/details

Details Something small enough to escape casual notice.

optgroup

progress

70%

custom classes

For those extra special cases we have some customized classes such as...

card
class="card"

This is a plain old and simple card

Header

And this card has some action buttons that use the classes class="card-button-primary" and class="card-button-secondary" respectively.

Both of which can be disabled by adding the disabled attribute to the opening tag!