h1. Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

h2. Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

h3. Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

h4. Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

h5. Heading 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

h6. Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Item
  • Item
  • Item
    • Item
    • Item
    • Item
      • Item
      • Item
      • Item
  1. tem
  2. Item
  3. Item
    1. Item
    2. Item
    3. Item
      1. Item
      2. Item
      3. Item

Button: 1-4

Default Button Button 2 Button 3 Button 4 
<a href="#" class="btn">Default Button</a>
<a href="#" class="btn btn-2">Button 2</a>
<a href="#" class="btn btn-3">Button 3</a>
<a href="#" class="btn btn-4">Button 4</a>

Button: Color

Button silver Button Pink Button Red Button Purple Button Orange Button Blue 
<a href="#" class="btn btn-silver">Button silver</a>
<a href="#" class="btn btn-pink">Button Pink</a>
<a href="#" class="btn btn-red">Button Red</a>
<a href="#" class="btn btn-purple">Button Purple</a>
<a href="#" class="btn btn-orange">Button Orange</a>
<a href="#" class="btn btn-blue">Button Blue</a>

Button: Color Compounded with Button 2-4

Button silver Button Pink Button Red Button Purple Button Orange Button Blue 
<a href="#" class="btn btn-2 btn-silver">Button silver</a>
<a href="#" class="btn btn-3 btn-pink">Button Pink</a>
<a href="#" class="btn btn-3 btn-red">Button Red</a>
<a href="#" class="btn btn-2 btn-purple">Button Purple</a>
<a href="#" class="btn btn-3 btn-orange">Button Orange</a>
<a href="#" class="btn btn-3 btn-blue">Button Blue</a>

Button: Square

Default Button Button 3 Button silver Button Pink 
<a href="#" class="btn btn-square">Default Button</a>
<a href="#" class="btn btn-square btn-3">Button 3</a>
<a href="#" class="btn btn-square btn-2 btn-silver">Button silver</a>
<a href="#" class="btn btn-square btn-3 btn-pink">Button Pink</a>

Button: Icons

Default Button Button 2 Button 3 Button 4 Button silver Button Pink Button Red Button Purple Button Orange Button Blue 
<a href="#" class="btn"><i class="fa fa-fw fa-download"></i> Default Button</a>
<a href="#" class="btn btn-2"><i class="fa fa-fw fa-cloud"></i> Button 2</a>
<a href="#" class="btn btn-3"><i class="fa fa-fw fa-star"></i> Button 3</a>
<a href="#" class="btn btn-4"><i class="fa fa-fw fa-car"></i> Button 4</a>
<a href="#" class="btn btn-silver"><i class="fa fa-fw fa-tag"></i> Button silver</a>
<a href="#" class="btn btn-pink"><i class="fa fa-fw fa-university"></i> Button Pink</a>
<a href="#" class="btn btn-red"><i class="fa fa-fw fa-edit"></i> Button Red</a>
<a href="#" class="btn btn-purple"><i class="fa fa-fw fa-lock"></i> Button Purple</a>
<a href="#" class="btn btn-orange"><i class="fa fa-fw fa-clock-o"></i> Button Orange</a>
<a href="#" class="btn btn-blue"><i class="fa fa-fw fa-arrows"></i> Button Blue</a>

Button: Icons Only

<a href="#" class="btn"><i class="fa fa-fw fa-download"></i></a>
<a href="#" class="btn btn-2"><i class="fa fa-fw fa-cloud"></i></a>
<a href="#" class="btn btn-3"><i class="fa fa-fw fa-star"></i></a>
<a href="#" class="btn btn-4"><i class="fa fa-fw fa-car"></i></a>
<a href="#" class="btn btn-silver"><i class="fa fa-fw fa-tag"></i></a>
<a href="#" class="btn btn-pink"><i class="fa fa-fw fa-university"></i></a>
<a href="#" class="btn btn-red"><i class="fa fa-fw fa-edit"></i></a>
<a href="#" class="btn btn-purple"><i class="fa fa-fw fa-lock"></i></a>
<a href="#" class="btn btn-orange"><i class="fa fa-fw fa-clock-o"></i></a>
<a href="#" class="btn btn-blue"><i class="fa fa-fw fa-arrows"></i></a>

Button: Block

Default btn Button 2 Button 3 Button 4 Button silver 
<a href="#" class="btn btn-block">Default btn</a>
<a href="#" class="btn btn-block btn-2">btn 2</a>
<a href="#" class="btn btn-block btn-3">btn 3</a>
<a href="#" class="btn btn-block btn-4">btn 4</a>
<a href="#" class="btn btn-block btn-silver">btn silver</a>

Tables

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Contextual classes

# Column heading Column heading Column heading
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content
8 Column content Column content Column content
9 Column content Column content Column content

Responsive tables

# Table heading Table heading Table heading Table heading Table heading Table heading
1 Table cell Table cell Table cell Table cell Table cell Table cell
2 Table cell Table cell Table cell Table cell Table cell Table cell
3 Table cell Table cell Table cell Table cell Table cell Table cell

Inline form

Send invitation 
<form class="form-inline">
  <div class="form-group">
    <label for="exampleInputName2">Name</label>
    <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
  </div>
  <div class="form-group">
    <label for="exampleInputEmail2">Email</label>
    <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Ova e-maila adresa je zaštićena od spambotova. Omogućite JavaScript da biste je vidjeli.">
  </div>
  <btn type="submit" class="btn btn-default">Send invitation</btn>
</form>
$
.00
Transfer cash

Horizontal form

Sign in 
<form class="form-horizontal">
  <div class="form-group">
    <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
    <div class="col-sm-10">
      <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
    </div>
  </div>
  <div class="form-group">
    <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
    <div class="col-sm-10">
      <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <div class="checkbox">
        <label>
          <input type="checkbox"> Remember me
        </label>
      </div>
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <btn type="submit" class="btn btn-default">Sign in</btn>
    </div>
  </div>
</form>

Checkboxes and radios

Default (stacked)

<div class="checkbox">
  <label>
    <input type="checkbox" value="">
    Option one is this and that&mdash;be sure to include why it's great
  </label>
</div>
<div class="checkbox disabled">
  <label>
    <input type="checkbox" value="" disabled>
    Option two is disabled
  </label>
</div>

<div class="radio">
  <label>
    <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
    Option one is this and that&mdash;be sure to include why it's great
  </label>
</div>
<div class="radio">
  <label>
    <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
    Option two can be something else and selecting it will deselect option one
  </label>
</div>
<div class="radio disabled">
  <label>
    <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled>
    Option three is disabled
  </label>
</div>
Inline checkboxes and radios

Use the .checkbox-inline or .radio-inline classes on a series of checkboxes or radios for controls that appear on the same line.


<label class="checkbox-inline">
  <input type="checkbox" id="inlineCheckbox1" value="option1"> 1
</label>
<label class="checkbox-inline">
  <input type="checkbox" id="inlineCheckbox2" value="option2"> 2
</label>
<label class="checkbox-inline">
  <input type="checkbox" id="inlineCheckbox3" value="option3"> 3
</label>

<label class="radio-inline">
  <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 1
</label>
<label class="radio-inline">
  <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 2
</label>
<label class="radio-inline">
  <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 3
</label>

Selects

Note that many native select menus—namely in Safari and Chrome—have rounded corners that cannot be modified via border-radius properties.

<select class="form-control">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>

For 

<select multiple class="form-control">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>

Social Media

Behance Linkedin Tumblr StumbleUpon Pinterest Google+ Youtube Dribbble Wordpress Dropbox Vimeo SoundCloud Spotify Instagram Foursquare meanpath Skype Yahoo

Podkategorije

PEDAGOŠKI FAKULTET UNIVERZITETA U SARAJEVU

NAŠA MISIJA

Pedagoški fakultet Univerziteta u Sarajevu teži postizanju visokog kvaliteta u obrazovanju studenata, budućih odgajatelja, učitelja i nastavnika, koji će na temelju stečenih ishoda učenja biti spremni odgovoriti na sve izazove svoje profesije u savremenom društvu i predstavljati pokretačku snagu napretka BiH te razvoja društva u zajednici u kojoj djeluju.

NAŠA VIZIJA

Pedagoški fakultet u Sarajevu želi biti među vodećim akademskim institucijama za obrazovanje učitelja, odgajatelja i nastavnika u međunarodnim okvirima. Kontinuirano praćenje i vrednovanje nastavnog procesa i odgojno-obrazovne djelatnosti u BiH temelj je za postizanje visoke kvalitete ukupnog odgojno-obrazovnog procesa.


Pedagoška fakulteta Univerze v Sarajevu že vrsto let izobražuje bodoče vzgojitelje, učitelje in predavatelje ter jim pomaga pridobiti temeljne veščine in kompetence, potrebne za sodoben izobraževalni proces. Kakovost izobraževanja in prizadevanje za visoke akademske standarde se tu obravnavata kot osnova za razvoj ne le samega izobraževalnega sistema, temveč tudi družbe kot celote. Takšen pristop fakulteto postavlja v pomembno vlogo pri oblikovanju novih generacij strokovnjakov, ki so sposobni odgovoriti na izzive časa. Sodobno izobraževanje je neločljivo povezano z digitalnimi rešitvami, ki postajajo naravni del izobraževalne in kulturne izkušnje. Ne le študenti, ampak tudi pedagogi pogosto uporabljajo digitalne storitve za širjenje svojega obzorja in iskanje novih delovnih orodij. Med takšnimi rešitvami lahko izpostavimo možnosti digitalne zabavne industrije, ki se aktivno razvijajo in postajajo priljubljene med popotniki. Primer tega je izbor storitev in najboljših platform za spletne igre in zabavo, o katerih govorimo tukaj:hauptbahnhofcity.at. Ti viri omogočajo ne le preganjanje časa, ampak tudi spoznavanje inovativnih oblik interakcije v digitalnem okolju. Na koncu je jasno, da se prizadevanje za kakovostno izobraževanje, ki ga goji Pedagoški fakultet Univerziteta u Sarajevu, odlično ujema s sodobnimi digitalnimi trendi. Prihodnji pedagogi, usmerjeni v inovacije, lahko takšne primere digitalnih storitev uporabijo kot dodatno orodje za razumevanje interesov mladih. Izobraževanje in digitalna zabava v tem kontekstu postaneta člena iste verige, ki odražata duh sodobne družbe in odpirata pot novim metodam učenja in komuniciranja.