vtsns.edu.rsvtsns.edu.rs/.../2017/12/templateZaIapitIBootstrap.docx · Web viewCSS(оставите наслов CSS) Овде иде стил који сте дописали да

Предлог поена:

Коначно поена:

Увод у веб дизајн:

Испитни ПројекатДатум:

Петар Петровић, вд 12/12

12/12ПетарПетровић вд Page 1

Питања://оставите празну страницу за одговоре

12/12ПетарПетровић вд Page 2

Пројекат

Кратак опис:следи пример који треба обрисати и убацити свој пројекат

Применом Bootstrap- a креиран је веб сајт ........ који садржи странице приказане на сликама испод.

Слика1: Почетна страница

Слика2: Падајући мени

12/12ПетарПетровић вд Page 3

Слика3: Страница је рспонсивна

Напомена:слике треба да буду нумерисане, као и странице

12/12ПетарПетровић вд Page 4

Код: (обришите постојећи и копирајте ваш код)

//Коментари и објашњења нису дозвољена

HTML(оставите наслов HTML)<div class="row" id="content"><div class="col-sm-12 col-md-6 col-lg-8" id="test1"><h1>Вести</h1>

<div class="jumbotron"> <h1 class="display-3">Пријава ипсита</h1> <p class="lead">Пријава испита за јануарскин испитни рок траје од 15.11.2017-12.12.2017. године</p> <hr class="my-4"> <p>Накнадна пријава се плаћа 700 динара.</p> <p class="lead"> <a class="btn btn-primary btn-lg" href="#" role="button" style="background:green">Прочитај више</a> </p></div>

<div class="jumbotron"> <h1 class="display-3">Распоред испита</h1> <p class="lead">Објављен је распоред испита за јаnнуарски испитни рок.</p> <hr class="my-4"> <p>Молимо студенте да пријаве евентуалне грешке.</p> <p class="lead"> <button type="button" class="btn btn-primary btn-lg" data-toggle="collapse" data-target="#demo" style="background:green">Распоред</button> <div id="demo" class="collapse"> <div class="container"> <h2>Распоред испита </h2> <table class="table table-condensed">

12/12ПетарПетровић вд Page 5

<thead> <tr> <th>Датум</th>

<th>време</th> <th>Предмет</th> <th>Просторија</th> </tr> </thead> <tbody> <tr> <td>21.01.2017.</td> <td>9.00</td> <td>Увод у интернет технологије</td>

<td>А</td> </tr> <tr> <td>21.01.2017.</td> <td>14.00</td> <td>Математика</td>

<td>А</td> </tr> <tr> <td>22.01.2017.</td> <td>9.00</td> <td>Графички дизајн</td>

<td>П</td>> </tr> </tbody> </table></div> </div> </p></div>

</div>

12/12ПетарПетровић вд Page 6

CSS(оставите наслов CSS)Овде иде стил који сте дописали да бисте постојеће елементе прилагодили свом пројекту!Обавезно је имати и овај део!

// цео фајл из спољашњег фолдера, избацити коментаре

.carousel-inner > .item > img,

.carousel-inner > .item > a > img {

width: 100%;

margin: auto;

}

iframe{max-width:100%;}

navbar navbar-default{width:100%}

.navColor{background:beige;}

//#test1{background:green;}

//#test2{background:orange;}

#content{width:100%;margin:auto;}

#footer{background:beige;}

#myBtn {

display: none;

position: fixed;

bottom: 20px;

right: 30px;

z-index: 99;

border: none;

outline: none;

background-color: red;

12/12ПетарПетровић вд Page 7

color: white;

font-weight:bold;

cursor: pointer;

padding: 15px;

border-radius: 10px;

}

#myBtn:hover {

background-color: Tomato;

}

12/12ПетарПетровић вд Page 8