V-Card

 V-Card merupakan list yang menampilkan alamat. Pada HTML biasanya ditulis di dalam tag <address>, namun di dalam foundation menggunakan tag <ul> dan <li> sehingga tidak perlu menambahkan tag <br>pada setiap barisnya.

Class-class yang digunakan untuk membuat v-card yaitu sebagai berikut:

.v-card, merupakan class yang diberikan pada tag <ul> yang menunjukkan list yang berisi alamat.

.fn, menunjukkan nama orang, perusahaan atau sebagainya yang memiliki alamat tersebut.

.street-address, menunjukkan alamat berupa nama jalan.

.locality. menunjukkan alamat berupa nama kota.

.state, menunjukkan alamat berupa nama negara atau provinsi.

.zip, menunjukkan alamat berupa kode pos.

.email, menunjukkan alamat email.

Skrip vcard.html

<ul class="vcard">

    <li class="fn">Rohi Abdulloh</li>

    <li class="street-address">Jl. Citarum No.52</li>

    <li class="locality">Slawi</li>

    <li><span class="state">Tegal</span>,

        <span class="zip">12345</span></li>

    <li class="email">

        <a href="#">rohi.abdulloh@gmail.com</a>

    </li>

</ul>

Share :