Bootstrap Snippet Mastering CSS Project Assignment #3

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
<label for="biz-card">
    <input type="checkbox" id="biz-card"/>
    <div class="card">
<div class="front">
    <h1>HARUN PEHLİVAN</h1>
    <p> FOUNDER,CEO BLOGGER</p>
    <p><a href="https://harunpehlivantebimtebitagem.carrd.co" target="_blank"> FOUNDER,CEO BLOGGER</a> <a href="https://www.udemy.com/user/harunpehlivan2">Udemy</a>.</p>
    <p class="encyclopedia">HARUN PEHLİVAN on <a>TEBİM/TEBİTAGEM</a></p>
    <p class="flip"><img src="http://toddaustin.com/images/mod-dev/cardAssets/flip.png" alt="" /></p>
    <p class="social">
      <a href="https://twitter.com/HTERCUMANP"><img src="http://toddaustin.com/images/mod-dev/cardAssets/twitter.png" alt="" /></a>  <a href="https://github.com/harunpehlivan"><img src="http://toddaustin.com/images/mod-dev/cardAssets/github1.png" alt="" /></a>
      <a href="https://www.linkedin.com/in/harun-pehlivan-0aa34252/"><img src="http://toddaustin.com/images/mod-dev/cardAssets/linkedin.png" alt="" /></a>    
    </p>
      </div> 
        <div class="back"><p class="flip"><img src="http://toddaustin.com/images/mod-dev/cardAssets/flip.png" alt="" /></p>
      <p class="nameplate">HARUN PEHLİVAN</p></div>
    </div>
</label>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
html {
    box-sizing: border-box;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}
body {
    background-color: #fff;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
label {
    display: block;
    height: 375px;
    margin: 0 auto;
    perspective: 600px;
    width: 630px;
}
input[type=checkbox] {
    display: none;
}
.card {
    height: 375px;
    padding: 80px;
    position: relative;
    transform-style: preserve-3d;
    transition: 0.6s;
    width: 630px;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Mastering CSS Project Assignment #3 - Business Card"
Bootstrap 3.0.0 Snippet by harunpehlivan

Related: See More

Questions / Comments:

"Mastering CSS Project Assignment #3 - Business Card" Bootstrap 3.0.0 Snippet by harunpehlivan

Related: See More

Questions / Comments:

"Mastering CSS Project Assignment #3 - Business Card"
Bootstrap 3.0.0 Snippet by harunpehlivan