--- a/index.xhtml
+++ b/index.xhtml
@@ -92,6 +92,35 @@ Enter your nickname, so people you know 
 </div>
 </div>
 
+<hr class="tab-profile"/>
+
+<div class="row tab-profile">
+<div class="col-sm-4">
+<h2>vCard</h2>
+<p>Who are you?</p>
+<img width="24" height="24" id="vcard-spinner" hidden=""/>
+</div>
+<div class="col-sm-8">
+<p>
+<label>Full name<br/>
+<input id="vcard-fullname" disabled=""/></label><br/>
+Enter your name, so people you know can recognize you.
+</p>
+<p>
+<label>Email<br/>
+<input id="vcard-email" disabled=""/></label><br/>
+This can be used if you forget your password.
+</p>
+<p>
+<label>Who can see your vCard?<br/>
+<select id="vcard-access">
+<option value="open">Anyone</option>
+<option value="presence">Only your contacts</option>
+</select></label> <img width="24" height="24" id="vcard-access-spinner" hidden=""/>
+</p>
+</div>
+</div>
+
 <div class="row tab-account" hidden="">
 <div class="col-sm-4">
 <h2>Contact list</h2>
@@ -189,6 +218,7 @@ Enter your nickname, so people you know 
 <script src="client.js"/>
 <script src="nickname.js"/>
 <script src="avatar.js"/>
+<script src="vcard.js"/>
 <script src="pep.js"/>
 <script src="roster.js"/>
 <script src="mam.js"/>