84 lines
3.6 KiB
HTML
84 lines
3.6 KiB
HTML
<div class="call">
|
|
<div style="width:300px;margin: 50px auto 0 auto">
|
|
<div class="photo" style="background-color:#333;width:200px;height:200px;text-align:center;padding: 25px 0;margin:0 auto">
|
|
<i class="material-icons" style="font-size: 120px">person</i>
|
|
</div>
|
|
<div class="card">
|
|
<div>Nombre:</div>
|
|
<div>dd:</div>
|
|
</div>
|
|
<div class="dial">
|
|
<div class="callStatus" id="callStatus"></div>
|
|
<div class="callTimer">
|
|
<span id="timer">00:00:00</span>
|
|
</div>
|
|
<div class="controls">
|
|
<div class="columns">
|
|
<div class="column x25">
|
|
<a href="" class="btn big icon green" id="accept" title="Aceptar llamada">
|
|
<i class="material-icons">call</i>
|
|
</a>
|
|
</div>
|
|
<div class="column x25">
|
|
<a href="" class="btn big icon red" id="decline" title="Colgar">
|
|
<i class="material-icons">call_end</i>
|
|
</a>
|
|
</div>
|
|
<div class="column x25">
|
|
<a href="" class="btn big icon white" id="transfer" title="Transferir llamada">
|
|
<i class="material-icons">phone_forwarded</i>
|
|
</a>
|
|
</div>
|
|
<div class="column x25">
|
|
<a href="" class="btn big icon white" id="hold" title="Pausar llamada">
|
|
<i class="material-icons">phone_paused</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <div style="width:300px;margin: 50px auto 0 auto">
|
|
<div class="photo" style="background-color:#333;width:200px;height:200px;text-align:center;padding: 25px 0;margin:0 auto">
|
|
<i class="material-icons" style="font-size: 120px">person</i>
|
|
</div>
|
|
<div class="card">
|
|
<div>Nombre:</div>
|
|
<div>dd:</div>
|
|
</div>
|
|
<div class="dial">
|
|
<div class="callStatus" id="callStatus"></div>
|
|
<div class="callTimer">
|
|
<span id="timer">00:00:00</span>
|
|
</div>
|
|
<div class="controls">
|
|
<div class="columns">
|
|
<div class="column x25">
|
|
<a href="" class="btn big icon green" id="accept" title="Aceptar llamada">
|
|
<i class="material-icons">call</i>
|
|
</a>
|
|
</div>
|
|
<div class="column x25">
|
|
<a href="" class="btn big icon red" id="hangup" title="Colgar">
|
|
<i class="material-icons">call_end</i>
|
|
</a>
|
|
</div>
|
|
<div class="column x25">
|
|
<a href="" class="btn big icon white" id="transfer" title="Transferir llamada">
|
|
<i class="material-icons">phone_forwarded</i>
|
|
</a>
|
|
</div>
|
|
<div class="column x25">
|
|
<a href="" class="btn big icon white" id="pause" title="Pausar llamada">
|
|
<i class="material-icons">phone_paused</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> --> |