"Awesome Form Complaints Or Suggestions Via E-mail"
Bootstrap 3.3.0 Snippet by ndang17

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
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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 rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link type="text/css" rel="stylesheet" href="http://dinus.org/assets/mail/mailtip.css"/>
<script type="text/javascript" src="http://dinus.org/assets/mail/jquery.mailtip.js"></script>
<div class="container">
<div class="row">
<center><h2>Awesome Form Complaints Or Suggestions Via E-mail</h2></center>
<div class="col-md-4"></div>
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-body">
<div class="col-md-12 row" style="padding:0px;margin-bottom:10px;">
<div class="col-md-2">
<img src="http://dinus.org/img/fakultas/FIK/cs/cs.svg">
<div style="margin-left:30px;">
<img src="http://dinus.org/img/fakultas/FIK/cs/cs.png" width="70px" height="70px" class="img-circle" style="border:3px solid #052C52;">
</div>
</div>
<div class="col-md-10">
<hr>
<p style="padding-left:55px;font-size:1.3em;"><strong>Zaskia Amanda</strong></p>
</div>
</div>
<form>
<table class="table">
<tr>
<td>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
body {
background-color:#f1f1f1;
}
div.center{
margin-left:400px;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
$(function (){
var info = $('.info');
$('#mailtip2').mailtip({
onselected: function (mail){
info.text('you choosed email: ' + mail)
}
});
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: