Top Panel

Napisao/la Dražan Jozić on 04 Lipanj 2014.

The Top Panel is a hidden module area at the top of the template. By clicking the "Top Panel" button it slides down. To hide the Top Panel click the "Close" button at the upper right or hit the "Top Panel" button once again.

Any content you publish in the "cpanel" module position appears in the Top Panel. It's suitable for self presentation, legal information or login module.

Use the template configuration to turned off the Top Panel. How does it look? Click here!

/*** template parameters ***/
$template_parameters = array(
	"toppanel" => true        /* true | false */
);

E-mail

Ispis

Typography

Napisao/la Dražan Jozić on 04 Lipanj 2014.

Typography is a key element in web design. This templates delivers you sophisticated typography and various stylings. The style guide gives you an overview about all possible HTML tag stylings provided by the template. It also helps you to set up the available classes for special stylings.

This is a H1 Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is a H2 Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is a H3 Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is a H4 Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is a H5 Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is a H6 Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This are a sample <ul> and <li> tags:
Without any classes:

item 1
item 2
item 3

<ul> with class="checkbox"

item 1
item 2
item 3

<ul> with class="checkbox-big"

item 1
item 2
item 3

<ul> with class="arrow"

item 1
item 2
item 3

<ul> with class="arrow-big"

item 1
item 2
item 3

This are a sample <ol> and <li> tags:
Without any classes:

item 1
item 2
item 3

<ol> with class="disc"

item 1
item 2
item 3
item 4
item 5
item 6

<ol> with class="disc-big"

item 1
item 2
item 3
item 4
item 6
item 6

This is a sample <hr> tag:

This are sample <em> tags with special classes:

em tag with class="box"
em tag with class="file"
em tag with class="directory"

This are a sample <div> tags with special classes:

<span> tag with class="note" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.

<div> tag with class="alert" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.

<div> tag with class="download" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.

<div> tag with class="info" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.

<div> tag with class="tip" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.

This is a sample <blockquote> tag:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is a sample <blockquote> tag with an additional <div> tag
(use <blockquote><div>....</div></blockquote>):

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is a sample <blockquote> tag with class="big":

Lorem ipsum dolor sit amet, consec est tetur adipisicing elit, sed do eiusmod.

This is a sample <blockquote> tag with class="big" and an additional <div> tag
(use <blockquote class="big"><div>....</div></blockquote>):

Lorem ipsum dolor sit amet, consec est tetur adipisicing elit, sed do eiusmod.

This is a sample <pre> tag:

pre {
background: #fff;
color: #333;
padding:10px;
border: 1px solid #ccc;
border-left: 5px solid #ccc;
}

E-mail

Ispis

Video tutorials

Napisao/la Dražan Jozić on 23 Svibanj 2014.

U ovom članku možete pronaći video zapise sa upustvima kako upravljati sa sadržajima na web stranci:

Primjer dodavanja jednostavnog članka

E-mail

Ispis

Raniji projekti na Kemijsko-tehnološkom fakultetu

Napisao/la Dražan Jozić on 20 Travanj 2014.

PROJEKTNO RAZDOBLJE 1991.-1996.
PROJEKTNO RAZDOBLJE 1996.-2002.
PROJEKTNO RAZDOBLJE 2002.-2006.
PROJEKTNO RAZDOBLJE 2007.-2014.

Naziv

E-mail

Ispis

Nastavnici i suradnici

Napisao/la Dražan Jozić on 19 Travanj 2014.

Redoviti profesori

Ime	Prezime	Zavod	Telefon
Branka	Andričić	Zavod za organsku tehnologiju	+385 21
Davor	Rušić	Zavod za kemijsko inženjerstvo	+385 21
Igor	Jerković	Zavod za organsku kemiju	+385 21
Ivka	Klarić	Zavod za organsku tehnologiju	+385 21
Jelena	Perić	Zavod za inženjerstvo okoliša	+385 21
Jelica	Zelić	Zavod za anorgansku tehnologiju	+385 21
Josip	Mastelić	Zavod za organsku kemiju	+385 21
Mladen	Miloš	Zavod za biokemiju	+385 21
Maja	Kliškić	Zavod za elektrokemiju i zaštitu materijala	+385 21
Nenad	Kuzmanić	Zavod za kemijsko inženjerstvo	+385 21
Njegomir	Radić	Zavod za analitičku kemiju	+385 21
Petar	Krolo	Zavod za anorgansku tehnologiju	+385 21
Vanja	Martinac	Zavod za termodinamiku	+385 21

Izvanredni profesori

Ime	Prezime	Zavod	Telefon
Ani	Radonić	Zavod za organsku kemiju	+385 21
Dražan	Jozić	Zavod za anorgansku tehnologiju	+385 21
Ivo	Tominić	Zavod za fizikalnu kemiju	+385 21
Ladislav	Vrsalović	Zavod za elektrokemiju i zaštitu materijala	+385 21
Marija	Bralić	Zavod za kemiju okoliša	+385 21
Matko	Erceg	Zavod za organsku tehnologiju	+385 21
Marina	Trgo	Zavod za inženjerstvo okoliša	+385 21
Nataša	Stipanelov-Vrandečić	Zavod za organsku tehnologiju	+385 21
Nediljka	Vukojević Medvidović	Zavod za inženjerstvo okoliša	+385 21
Pero	Dabić	Zavod za anorgansku tehnologiju	+385 21
Senka	Gudić	Zavod za elektrokemiju i zaštitu materijala	+385 21
Slobodan	Brinić	Zavod za opću i anorgansku kemiju	+385 21
Tea	Bilušić	Zavod za prehrambenu tehnologiju i biotehnologiju	+385 21
Višnja	Katalinić	Zavod za prehrambenu tehnologiju i biotehnologiju	+385 21
Zoran	Grubač	Zavod za opću i anorgansku kemiju	+385 21

Docenti

Ime	Prezime	Zavod	Telefon
Ivica	Blažević	Zavod za organsku kemiju	+385 21
Josipa	Giljanović	Zavod za analitičku kemiju	+385 21
Lea	Kukoč-Modun	Zavod za analitičku kemiju	+385 21
Magdi	Lučić-Lavčević	Zavod za fiziku	+385 21
Marijo	Buzuk	Zavod za opću i anorgansku kemiju	+385 21
Marija	Akrap	Zavod za kemijsko inženjerstvo	+385 21
Mila	Jukić	Zavod za biokemiju	+385 21
Miroslav	Labor	Zavod za termodinamiku	+385 21
Olivera	Politeo	Zavod za biokemiju	+385 21
Renato	Tomaš	Zavod za fizikalnu kemiju	+385 21
Sanja	Perinović Jozić	Zavod za organsku tehnologiju	+385 21
Sandra	Svilović	Zavod za kemijsko inženjerstvo	+385 21
Vesna	Sokol	Zavod za fizikalnu kemiju	+385 21

Viši asistenti

Ime	Prezime	Zavod	Telefon
Ivana	Smoljko	Zavod za elektrokemiju i zaštitu materijala	+385 21
Ivana	Generalić	Zavod za prehrambenu tehnologiju i biotehnologiju	+385 21

Asistenti

Ime	Prezime	Zavod	Telefon
Ante	Prkić	Zavod za analitičku kemiju	+385 21
Damir	Barbir	Zavod za anorgansku tehnologiju	+385 21
Ivana	Škugor	Zavod za opću i anorgansku kemiju	+385 21
Lucija	Mijić	Katedra za matematiku	+385 21
Lucija	Matković	Zavod za fiziku
Nives	Vladislavić	Zavod za opću i anorgansku kemiju	+385 21

Znanstveni novaci

Ime	Prezime	Zavod	Telefon
Ana	Lisica	Zavod za anorgansku tehnologiju	+385 21
Danijela	Skroza	Zavod za prehrambenu tehnologiju i biotehnologiju	+385 21
Franko	Burčul	Zavod za biokemiju	+385 21
Ivana	Carev	Zavod za biokemiju	+385 21
Irena	Banovac	Zavod za organsku tehnologiju	+385 21
Jelena	Jakić	Zavod za termodinamiku	+385 21
Marin	Ugrina	Zavod za inženjerstvo okoliša	+385 21
Marina	Zekić	Zavod za organsku kemiju	+385 21
Mario Nikola	Mužek	Zavod za anorgansku tehnologiju	+385 21
Miće	Jakić	Zavod za organsku tehnologiju	+385 21
Nuić	Ivona	Zavod za inženjerstvo okoliša	+385 21

Viši predavači

Ime	Prezime	Zavod	Telefon
Draga	Krpan-Lisica	Zavod za fiziku	+385 21

Predavači

Ime	Prezime	Zavod	Telefon
Branka	Gotovac	Katedra za matematiku	+385 21
Renato	Stipišić	Zavod za kemijsko inženjerstvo	+385 21

Ostali (tehničari, laboranti, viši laboranti)

Ime	Prezime	Zavod	Telefon
Anđelka	Brković	Zavod za opću i anorgansku kemiju	+385 21
Anita	Jenjić	Zavod za organsku tehnologiju	+385 21
Edita	Jelinčić	Zavod za organsku kemiju	+385 21
Josipa	Ercegović	Zavod za analitičku kemiju	+385 21
Jure	Škrapić	Zavod za kemijsko inženjerstvo	+385 21
Katica	Jurić	Zavod za organsku tehnologiju	+385 21
Marica	Mijić	Zavod za kemiju okoliša	+385 21
Mario	Radić	Zavod za fiziku	+385 21
Nives	Vujević	Zavod za fizikalnu kemiju	+385 21
Renata	Dumanić	Zavod za inženjerstvo okoliša	+385 21
Stipe	Ćubelić	Zavod za anorgansku tehnologiju	+385 21
Vedrana	Tomić-Ferić	Zavod za elektrokemiju i zaštitu materijala	+385 21

Zadnje novosti KTF-a

Top Panel

Typography

This is a H1 Header

This is a H2 Header

This is a H3 Header

This is a H4 Header

This is a H5 Header

This is a H6 Header

Video tutorials

Raniji projekti na Kemijsko-tehnološkom fakultetu

Nastavnici i suradnici

Više članaka ...