You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
143 lines
6.3 KiB
HTML
143 lines
6.3 KiB
HTML
<!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> |