Treść strony będzie bardzo prosta, dwie karty (w których możemy wpisać np. ofertę firmy) oraz dwa obrazki (mogą być dowolne, obrazki umieszczamy w nowo utworzonym folderze "images" dodatkowo utworzymy jedną kartę z samym tekstem, poniżej kod, oraz już gotowy wygląd strony:
<!-- content card --> <div class="container"> <div class="row"> <div class="col s12 m6"> <div class="card"> <div class="card-image"> <img src="images/obrazek.png"> </div> <div class="card-content"> <p>Przykładowy tekst i obrazek na stronę internetową.</p> </div> <div class="card-action"> <a href="http://www.website.info.pl/">Link</a> </div> </div> </div> <div class="col s12 m6"> <div class="card"> <div class="card-image"> <img src="images/obrazek.png"> </div> <div class="card-content"> <p>Przykładowy tekst i obrazek na stronę internetową.</p> </div> <div class="card-action"> <a href="http://www.website.info.pl/">Link</a> </div> </div> </div> </div> <div class="col s12"> <div class="card"> <div class="card-content teal lighten-5"> <span class="card-title">Przykładowy tekst</span> <p> Przykładowy tekst na stronę internetową:</p> </div> <div class="card-action white"> <a href="http://www.website.info.pl/">Link</a> </div> </div> </div> </div>
Przykładowy tekst na stronę internetową: