Responsive web design

About this template

nim:rewede by Nicolás Ibáñez is a responsive web design licensed under CC BY-SA 4.0

Common html elements

Paragraphs & links

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec accumsan velit a justo pulvinar, in gravida metus ultricies. Aenean imperdiet tellus nec dolor pretium, a lacinia lectus sollicitudin. Nam ullamcorper dictum eros non luctus. In interdum, urna sed tempus volutpat, velit lacus egestas mauris, ac laoreet dolor est nec erat. Phasellus sed imperdiet eros. Aliquam tincidunt augue enim, at iaculis orci tempor non. Duis elit ligula, venenatis vel mollis ac, tempus et tortor. Nam tristique vestibulum congue. Phasellus porta ornare ex. Maecenas leo dui, dignissim efficitur mattis vel, tempus eget lectus. Cras eleifend urna quis eleifend cursus. Sed sollicitudin feugiat lectus, at porta lectus porttitor eu.

Pellentesque ornare erat at magna finibus luctus. Vestibulum convallis volutpat tellus sit amet aliquam. Quisque sed orci at orci mattis maximus. Praesent condimentum velit leo, nec vulputate dui dapibus sed. Mauris eu elementum est. Proin aliquet, massa in venenatis ullamcorper, nulla sem gravida ante, vel sagittis arcu turpis vel tellus. Fusce ac ipsum enim.

Headers

H1: Header 1

H2: Header 2

H3: Header 3

H4: Header 4

Lists

Ordered list

1. Nullam pellentesque maximus semper. Proin interdum, enim non volutpat pulvinar, orci tortor interdum nunc, et imperdiet eros ligula et risus. Ut tortor mauris, varius in magna eu, volutpat egestas ipsum. Aliquam et ullamcorper purus, id consectetur dolor.
2. Curabitur a lectus convallis, tristique ligula non, maximus erat. Suspendisse id justo tortor. Ut tempor elementum tortor quis pretium. Morbi consectetur justo nec sapien euismod, blandit imperdiet metus viverra.
3. Donec dignissim turpis elit, nec tincidunt libero sagittis in. Nam sit amet luctus lorem, quis condimentum ipsum.

Unordered list

• Interdum et malesuada fames ac ante ipsum primis in faucibus.
• In sit amet congue neque. Aenean ac nisl vitae purus sagittis rhoncus.
• Donec lorem turpis, commodo sed interdum nec, pharetra a metus.
• Nulla ultricies, nunc ut iaculis malesuada, turpis nibh scelerisque dui, ac ornare risus dolor eget mi.

Tables

Movies

Title	Director	Year
Blade Runner	Ridley Scott	1982
Pulp Fiction	Quentin Tarantino	1994
Schindler's List	Steven Spielberg	1993
Spirited Away	Hayao Miyazaki	2001

Forms

Text inputs

Small

Medium

Large

Expanded

Radio buttons

Red
Green
Blue

Checkboxes

I have a bike
I have a car
I have a boat

Select input

Choose a color: Red Green Blue

Textarea

File input

Select a file:

Buttons

Content styles

Buttons

Button 1 Button 2 Selected button Disabled button

Buttons bar

Code

public class HelloWorld {
    public static void main(String[] args) {
        // Prints "Hello, World" in the terminal window.
        System.out.println("Hello, World");
    }
}

Quote

Links

Single link bar

Links bar

Media

Single image

Single video (iframe)

Single video (video tag)

Media grid