Create pbx.html
Ben Grabau
3 years ago
parent
53dc778fc9
commit
215c37c36b
@ -0,0 +1,143 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.0/dist/jquery.min.js"
|
||||
integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/fomantic-ui@2.9.2/dist/semantic.min.js"
|
||||
integrity="sha256-k89McqiQeAeH3zwEUu8tOiKsHSYgZ4cvxaYhPtPOg34=" crossorigin="anonymous"></script>
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.9.2/dist/semantic.min.css"
|
||||
integrity="sha256-ot9Eohfi9t3iQkCNQKYTu9O9kjKx5iJ5hkQ0u1xZLik=" crossorigin="anonymous">
|
||||
<script>
|
||||
$(document)
|
||||
.ready(function () {
|
||||
$('.special.card .image').dimmer({
|
||||
on: 'hover'
|
||||
});
|
||||
$('.star.rating')
|
||||
.rating()
|
||||
;
|
||||
$('.card .dimmer')
|
||||
.dimmer({
|
||||
on: 'hover'
|
||||
})
|
||||
;
|
||||
})
|
||||
;
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="ui container">
|
||||
<div class="ui four cards">
|
||||
<div class="ui card">
|
||||
<div class="image dimmable">
|
||||
<div class="ui blurring inverted dimmer transition hidden" style="display: none;">
|
||||
<div class="content">
|
||||
<div class="center">
|
||||
<div class="ui teal button">Add</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<img
|
||||
src="https://play-lh.googleusercontent.com/Ff_zjm74KtzCogwBAJLjUO6mGGYFlVIiQyr6tAegB9eXs1-c5e85ptj7Z5zE96wrtvA">
|
||||
<!-- <img src="https://placehold.co/600x400"> -->
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="header">Softphone only</div>
|
||||
<div class="meta">
|
||||
<a class="group">Use an app as your phone</a>
|
||||
</div>
|
||||
<div class="description">Use a powerful app as your office phone. For Windows, Mac, iOS and Android
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui three bottom attached basic buttons">
|
||||
<div class="ui button"><i class="minus icon"></i></div>
|
||||
<div class="ui button">0</div>
|
||||
<div class="ui button"><i class="plus icon"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui card">
|
||||
<div class="image dimmable">
|
||||
<div class="ui blurring inverted dimmer transition hidden" style="display: none;">
|
||||
<div class="content">
|
||||
<div class="center">
|
||||
<div class="ui teal button">Add</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<img src="https://fanvil.com/upload/images/20220413/10124btj44.png">
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="header">Basic Deskphone</div>
|
||||
<div class="meta">
|
||||
<a class="group">Fanvil X3S Lite</a>
|
||||
</div>
|
||||
<div class="description">A modern, Enterprise-ready phone</div>
|
||||
</div>
|
||||
<div class="ui three bottom attached basic buttons">
|
||||
<div class="ui button"><i class="minus icon"></i></div>
|
||||
<div class="ui button">0</div>
|
||||
<div class="ui button"><i class="plus icon"></i></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui card">
|
||||
<div class="image dimmable">
|
||||
<div class="ui blurring inverted dimmer transition hidden" style="display: none;">
|
||||
<div class="content">
|
||||
<div class="center">
|
||||
<div class="ui teal button">Add</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<img src="https://fanvil.com/upload/images/20210629/1500rx2r62.png">
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="header">Advanced Deskphone</div>
|
||||
<div class="meta">
|
||||
<a class="group">Fanvil X6U</a>
|
||||
</div>
|
||||
<div class="description">A high-end modern, Enterprise-ready phone</div>
|
||||
</div>
|
||||
<div class="ui three bottom attached basic buttons">
|
||||
<div class="ui button"><i class="minus icon"></i></div>
|
||||
<div class="ui button">0</div>
|
||||
<div class="ui button"><i class="plus icon"></i></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui card">
|
||||
<div class="image dimmable">
|
||||
<div class="ui blurring inverted dimmer transition hidden" style="display: none;">
|
||||
<div class="content">
|
||||
<div class="center">
|
||||
<div class="ui teal button">Add</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<img src="https://fanvil.com/upload/images/20210628/1127hv2046.png">
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="header">Executive Deskphone</div>
|
||||
<div class="meta">
|
||||
<a class="group">Fanvil X210</a>
|
||||
</div>
|
||||
<div class="description">A high-end modern, Enterprise-ready phone</div>
|
||||
</div>
|
||||
<div class="ui three bottom attached buttons">
|
||||
<div class="red ui button"><i class="minus icon"></i></div>
|
||||
<div class="ui button">0</div>
|
||||
<div class="green ui button"><i class="plus icon"></i></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue