Izradi web stranicu koristeći bootstrap. Tema su Newtonovi zakoni ili sklopovlje.
Materijali (tekst i slike) su na mapi \\krserver\radna\web
Na istoj mapi je i prezentacija koja ti može pomoći kod izrade stranice.
Sa stranice: https://getbootstrap.com/docs/4.0/getting-started/introduction/ kopiraj starter template
U body upiši <div class="jumbotron text-center"> </div>
Umetni h1 i p, te sadržaj za oboje
Umetni <div class="container">
Unutra njega umetni <div class="row">
Unutar njega umetni 3 * <div class="col-md-4"> (ili sm)
U svaki umetni sadržaj
Za manje promjene stila koristi inline CSS (ima prednost pred vanjskim)
Za slike možeš koristiti komponentu cards
https://getbootstrap.com/docs/4.3/components/card/
Umjesto servis (ili na vrhu) koristiti komponentu za navigaciju (kod servisa
vertikalnu, na vrhu stranice horizontalnu)
https://getbootstrap.com/docs/4.3/components/navs/
Promijeni svoj predložak tako da stvoriš željeni grid (promijeni primjer u nastavku)
<div class="jumbotron text-center">
<h1> Usluge </h1>
<p> Najbrža i najkvalitetnija usluga na tržištu</p>
</div>
<div class="container">
<div class="row">
<div class="col-md-4">
<h2>Servis</h2>
<p>Servisiramo uređaje</p>
</div>
<div class="col-md-4">
<h2>Garancija</h2>
<p>Garancija minimalno 1 godina</p>
</div>
<div class="col-md-4">
<h2>Povratna informacija</h2>
<p> Lorem ipsum dolor sit amet, consectetur adipisic</p>
</div>
</div>
Više primjera gridova je na https://getbootstrap.com/docs/4.0/layout/grid/ ili https://www.w3schools.com/bootstrap4/bootstrap_grid_examples.asp
Sa stranice https://getbootstrap.com/docs/4.0/components/alerts/ kopiraj komponentu koju trebaš i uključi ju u tvoj web
Za istu namjenu može ti poslužiti i https://www.w3schools.com/bootstrap4/bootstrap_cards.asp
Kompletni tutorial: https://www.w3schools.com/bootstrap4/default.asp
