<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Nova kampanja</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="naziv">Naziv kampanje</label> <div class="col-md-4"> <input id="naziv" name="naziv" type="text" placeholder="" class="form-control input-md" required=""> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="narocnik">Naročnik kampanje</label> <div class="col-md-4"> <select id="narocnik" name="narocnik" class="form-control"> <option value="1">Janez Zupančič</option> <option value="2">Mateja Grobelnik</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="tip">Tip kampanje</label> <div class="col-md-4"> <select id="tip" name="tip" class="form-control"> <option value="1">Mesečne akcije</option> <option value="2">Mesečne novice (e-novice, Travel)</option> <option value="3">Raziskava</option> <option value="4">Nagradna igra</option> </select> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="opis">Opis</label> <div class="col-md-4"> <textarea class="form-control" id="opis" name="opis">Namen kampanje, kaj bo CTA, ali bo kampanja segmentirana, drugi načini obveščanja</textarea> </div> </div> <!-- Select Multiple --> <div class="form-group"> <label class="col-md-4 control-label" for="produktno_podrocje">Produktno področje</label> <div class="col-md-4"> <select id="produktno_podrocje" name="produktno_podrocje" class="form-control" multiple="multiple"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="id_izdelkov">ID izdelkov / blagovnih skupin</label> <div class="col-md-4"> <input id="id_izdelkov" name="id_izdelkov" type="text" placeholder="Blagovna številka" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="subject">Subject line</label> <div class="col-md-4"> <input id="subject" name="subject" type="text" placeholder="Prvi nagovor, optimalno 6-10 besed" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="preheader">Preheader</label> <div class="col-md-4"> <input id="preheader" name="preheader" type="text" placeholder="Vsebinsko dopolnjuje Subject line - teaser; optimalno do 140 znakov" class="form-control input-md"> </div> </div> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="kreative">Kreative</label> <div class="col-md-4"> <input id="kreative" name="kreative" class="input-file" type="file"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="kategorija">Kategorija</label> <div class="col-md-4"> <input id="kategorija" name="kategorija" type="text" placeholder="Tematsko opiše vsebino, npr. Vaš avto, Valentinovo, Nagradna igra…; optimalno ena ali 2 besedi skupaj do 10 znakov" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="naslov">Naslov</label> <div class="col-md-4"> <input id="naslov" name="naslov" type="text" placeholder="Tekst, ki predstavi najpomembnejše informacije sporočila, ni ponovljen subject line ali preheader" class="form-control input-md"> <span class="help-block">Optimalno do 80 znakov</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="podnaslov">Podnaslov</label> <div class="col-md-4"> <input id="podnaslov" name="podnaslov" type="text" placeholder="Dodatne informacije, ki se navezujejo na naslov." class="form-control input-md"> <span class="help-block">Optimalno do 80 znakov</span> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="glavni_tekst">Glavni tekst</label> <div class="col-md-4"> <textarea class="form-control" id="glavni_tekst" name="glavni_tekst"></textarea> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="CTA">CTA</label> <div class="col-md-4"> <input id="CTA" name="CTA" type="text" placeholder="Gumb, ki prejemnika poziva k akciji s" class="form-control input-md"> <span class="help-block">Vsebinsko se navezuje na glavno sporočilo in je v velelniku, npr. Obiščite, Najdite, Preverite...</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="CTA_link">CTA link</label> <div class="col-md-4"> <input id="CTA_link" name="CTA_link" type="text" placeholder="" class="form-control input-md"> </div> </div> </fieldset> </form> </div> </div>