Prvi post

Ovo je naš prvi post. Služi za testiranje stranice…

INTRO

Enter a beautifully styled intro text for your content, like this one, with a simple short code. It’s quite sweet. A computer cluster consists of a set of loosely connected or tightly connected computers that work together so that in many respects they can be viewed as a single system. 

Header One 1

Header Two 2

Header Three 3

Header Four 4

Header Five 5
Header Six 6

 

Two Columns

Interface design is involved in a wide range of projects from computer systems, to cars, to commercial planes; all of these projects involve much of the same basic human interactions yet also require some unique skills and knowledge. As a result, designers tend to specialize in certain types of projects and have skills centered around their expertise, whether that be software design, user research, web design, or industrial design.
Interface design is involved in a wide range of projects from computer systems, to cars, to commercial planes; all of these projects involve much of the same basic human interactions yet also require some unique skills and knowledge. As a result, designers tend to specialize in certain types of projects and have skills centered around their expertise, whether that be software design, user research, web design, or industrial design.


Three Columns

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur blandit lorem vitae nunc egestas, in egestas ligula bibendum. Nulla sit amet nibh purus. In hac habitasse platea dictumst. Nunc iaculis vitae diam sed ullamcorper. Donec quis mattis nisl. Sed ac dignissim purus. Sed sodales nibh vitae nunc vestibulum, eget elementum neque consequat. Mauris in egestas ligula. Ut placerat, eros ac consectetur accumsan, orci risus tempus orci, in auctor odio arcu at lectus. Fusce varius lacinia ultrices.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur blandit lorem vitae nunc egestas, in egestas ligula bibendum. Nulla sit amet nibh purus. In hac habitasse platea dictumst. Nunc iaculis vitae diam sed ullamcorper. Donec quis mattis nisl. Sed ac dignissim purus. Sed sodales nibh vitae nunc vestibulum, eget elementum neque consequat. Mauris in egestas ligula. Ut placerat, eros ac consectetur accumsan, orci risus tempus orci, in auctor odio arcu at lectus. Fusce varius lacinia ultrices.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur blandit lorem vitae nunc egestas, in egestas ligula bibendum. Nulla sit amet nibh purus. In hac habitasse platea dictumst. Nunc iaculis vitae diam sed ullamcorper. Donec quis mattis nisl. Sed ac dignissim purus. Sed sodales nibh vitae nunc vestibulum, eget elementum neque consequat. Mauris in egestas ligula. Ut placerat, eros ac consectetur accumsan, orci risus tempus orci, in auctor odio arcu at lectus. Fusce varius lacinia ultrices.

Four columns

As a result, designers tend to specialize in certain types of projects and have skills centered around their expertise, whether that be software design, user research, web design, or industrial design.
As a result, designers tend to specialize in certain types of projects and have skills centered around their expertise, whether that be software design, user research, web design, or industrial design.
As a result, designers tend to specialize in certain types of projects and have skills centered around their expertise, whether that be software design, user research, web design, or industrial design.
As a result, designers tend to specialize in certain types of projects and have skills centered around their expertise, whether that be software design, user research, web design, or industrial design.

Dropcap

DLorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur blandit lorem vitae nunc egestas, in egestas ligula bibendum. Nulla sit amet nibh purus. In hac habitasse platea dictumst. Curabitur blandit lorem vitae nunc egestas, in egestas ligula bibendum. Nulla sit amet nibh purus. In hac habitasse platea dictumst. Curabitur blandit lorem vitae nunc egestas, in egestas ligula bibendum. Nulla sit amet nibh purus. In hac habitasse platea dictumst.

Dropcap Squared

DLorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur blandit lorem vitae nunc egestas, in egestas ligula bibendum. Nulla sit amet nibh purus. In hac habitasse platea dictumst. Curabitur blandit lorem vitae nunc egestas, in egestas ligula bibendum. Nulla sit amet nibh purus. In hac habitasse platea dictumst. Curabitur blandit lorem vitae nunc egestas, in egestas ligula bibendum. Nulla sit amet nibh purus. In hac habitasse platea dictumst.

Tabs
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur blandit lorem vitae nunc egestas, in egestas ligula bibendum. Nulla sit amet nibh purus. In hac habitasse platea dictumst. Nunc iaculis vitae diam sed ullamcorper. Donec quis mattis nisl.

Sweet Button

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur blandit lorem vitae nunc egestas, in egestas ligula bibendum. Nulla sit amet nibh purus. In hac habitasse platea dictumst. Nunc iaculis vitae diam sed ullamcorper. Donec quis mattis nisl.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur blandit lorem vitae nunc egestas, in egestas ligula bibendum. Nulla sit amet nibh purus. In hac habitasse platea dictumst. Nunc iaculis vitae diam sed ullamcorper. Donec quis mattis nisl.

Si id dicis, vicimus. Tecum optime, deinde etiam cum mediocri amico. Philosophi autem in suis lectulis plerumque moriuntur. Honesta oratio, Socratica, Platonis etiam. Et quidem, inquit, vehementer errat; Quodsi ipsam honestatem undique pertectam atque absolutam.

  • Quarum ambarum rerum cum medicinam pollicetur, luxuriae licentiam pollicetur.
  • Age nunc isti doceant, vel tu potius quis enim ista melius?

Sed quia studebat laudi et dignitati, multum in virtute processerat. Quid iudicant sensus? Quae duo sunt, unum facit. Bonum incolumis acies: misera caecitas. Tum mihi Piso: Quid ergo?

  1. Ab his oratores, ab his imperatores ac rerum publicarum principes extiterunt.
  2. Piso, familiaris noster, et alia multa et hoc loco Stoicos irridebat: Quid enim?


BLOCKQUOTE TESTS

Blockquote:

Here’s a one line quote.

This part isn’t quoted. Here’s a longer quote:

It’s like a language. You learn the alphabet, which are the scales. You learn sentences, which are the chords. And then you talk extemporaneously with the horn. It’s a wonderful thing to speak extemporaneously, which is something I’ve never gotten the hang of. But musically I love to talk just off the top of my head. And that’s what jazz music is all about.

Stan Getz

UNORDERED LIST (NESTED)

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

ORDERED LIST

  1. List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four

 

HTML ELEMENT TAG TESTS

All other HTML tags listed in the FAQ:

Here is the address for Automattic, using the <address> tag:

355 1st Street Suite 202
San Francisco, CA 94105
United States

This is an example of an <anchor> (otherwise known as a link). This abbr. is an example of an <abbr> tag in the middle of a sentence. Here is a TLA showing off the <acronym> tag. What, you want to see some over-sized text using the <big> tag? Can you cite a reference for that, using the <cite> tag? Have you noticed that all of the tag names are displayed in code-form, using the <code> tag? Similarly, I could emulate keyboard text, using the <kbd> text tag, or emulate teletype text using the <tt> tag.

Oh no! I wrote something incorrectly. I’d better delete it, using the <del> tag. I could alternately strike something out using the <strike> tag, or strike something out using the <s> tag. So many choices, which I emphasize using the <em> tag. Just to clarify, this is some inserted text, that I’ll highlight using the <ins> tag.

Need to display completely unformatted text, such as a large block of code? Use the <pre> tag, which lets you display:

#container {
	float: left;
	margin: 0 -240px 0 0;
	width: 100%;
}

Want to quote the WordPress tagline Code is Poetry? Use the <q> tag to add quotes around it. This is strong text (otherwise known as bold), using the <strong> tag.

Need to write H2O or E = MC2? You may find great use for subscripting text using the <sub> tag, or for superscripting text using the <sup> tag. Need to call out a variable? Use the <var> tag.

DIV AND SPAN TESTS

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

This is a div with “myclass” class, inside of another div, using the <div>tag.

Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. This is a span inside of a paragraph, using the <span> tag. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl.

 

And some trailing text.

TABLE LAYOUT TEST

Title Views
About Test User 1 More
260 1 More
Archives 1 More
235 1 More

 

LIST TYPE TESTS

DEFINITION LIST

Definition List Title
This is a definition list division.
Definition
An exact statement or description of the nature, scope, or meaning of something: our definition of what constitutes poetry.
Gallery
A feature introduced with WordPress 2.5, that is specifically an exposition of images attached to a post. In that same vein, an upload is “attached to a post” when you upload it while editing a post.
Gravatar
A globally recognized avatar (a graphic image or picture that represents a user). A gravatar is associated with an email address, and is maintained by the Gravatar.com service. Using this service, a blog owner can configure their blog so that a user’s gravatar is displayed along with their comments.

Latin Character Tests

This is a test to see if the fonts used in this theme support basic Latin characters.

! # $ % & ( ) *
+ , . / 0 1 2 3 4
5 6 7 8 9 : ; > = <
? @ A B C D E F G H
I J K L M N O P Q R
S T U V W X Y Z [ \
] ^ _ ` a b c d e f
g h i j k l m n o p
q r s t u v w x y z
{ | } ~

 

DIVIDERS

Plain



Dotted


Dashed


Double


Strong

BUTTONS

Red button Green Medium Blue Large

TOGGLE

Phases of Interface Design
There are several phases and processes in the user interface design, some of which are more demanded upon than others, depending on the project. There are several phases and processes in the user interface design, some of which are more demanded upon than others, depending on the project.
<strong>A bold toggle</strong>
You can choose the state of each toggle too. There are several phases and processes in the user interface design, some of which are more demanded upon than others, depending on the project.
Another toggle
Here is another sweet toggle for you.

SOCIAL URL

[social url=”facebook,twitter,dribbble,google-plus,pinterest,vimeo,forrst,linkedin,instagram,deviantart,flickr,youtube,myspace,soundcloud,behance”]

VIDEO


AUDIO

3D MODEL

 GOOGLE MAP

GOOGLE MAP – Style pale dawn

 


Almost invisible alert! – F5F5F5
Nothing good, nothing bad. Everything is neutralized. Sweet. – A8A8A8
Your computer is about to explode in 3 seconds. Thanks for visiting! – F15F45
Yellow means ALERT! – FFB156
Hello visitor. This seems to be a good alert, so everything should be fine. – 69AE43
Blue is my favourite alert! – 3498DB