Budowa treści strony.

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 i obrazek na stronę internetową.

Przykładowy tekst i obrazek na stronę internetową.

Przykładowy tekst

Przykładowy tekst na stronę internetową:



Zobacz również: