Junyangong (Talk | contribs) |
Junyangong (Talk | contribs) |
||
Line 5: | Line 5: | ||
<head> | <head> | ||
+ | |||
+ | <script src="https://code.jquery.com/jquery-2.1.4.min.js"> | ||
+ | <script src="https://cdn.rawgit.com/nnattawat/flip/master/dist/jquery.flip.min.js"> | ||
+ | |||
<style> | <style> | ||
html { | html { | ||
Line 102: | Line 106: | ||
<div class="card"> | <div class="card"> | ||
<img class="profile" src="https://scontent-lht6-1.xx.fbcdn.net/v/t1.0-9/1609790_1027046553983395_5053823064411142629_n.jpg?oh=4c6ad0647314178e4da6d2c27500a27b&oe=59CAE8CC" alt="James Engleback" style="width:100%"> | <img class="profile" src="https://scontent-lht6-1.xx.fbcdn.net/v/t1.0-9/1609790_1027046553983395_5053823064411142629_n.jpg?oh=4c6ad0647314178e4da6d2c27500a27b&oe=59CAE8CC" alt="James Engleback" style="width:100%"> | ||
− | <div class="container"> | + | <div class="container" id="idcard"> |
− | <h2>James Engleback</h2> | + | <div class="front"> |
− | + | <h2>James Engleback</h2> | |
− | + | <p class="title">Lab</p> | |
− | + | <p>Unemployed</p> | |
− | + | <p>University of Manchester</p> | |
+ | </div> | ||
+ | <div class="back"> | ||
+ | <h2>James Engleback</h2> | ||
+ | <p>on the back</p> | ||
+ | <p>on the back</p> | ||
+ | <p>on the back</p> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 320: | Line 331: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | $("#idcard").flip(); | ||
<div class="clear"></div> | <div class="clear"></div> |
Revision as of 09:32, 7 July 2017