Some UI components designed by imitating Overwatch.
https://raw.githubusercontent.com/CairBin/OverwatchUI/main/main.css
You can use CDN.
https://cdn.jsdelivr.net/gh/CairBin/[email protected]/main.css
<button class="ow-button ow-cancel-button">No</button>
<button class="ow-button ow-ensure-button">Yes</button>
<div class="ow-ensure-menu">
<div class="ow-ensure-menu-title">Exit?</div>
<div class="ow-ensure-menu-option">
<button class="ow-button ow-cancel-button">No</button>
<button class="ow-button ow-ensure-button">Yes</button>
</div>
</div>
<div class="ow-card">
<img src="https://img.zmtc.com/2020/0211/20200211084406659.jpg" class="ow-card-img">
<div class="ow-card-title">
Title
</div>
<div class="ow-card-text">
Hello,World
</div>
</div>
<div class="ow-tip">
<div>tips</div>
<div class="ow-ver-split-line"></div>
<div>This is a test</div>
</div>
<img class="ow-avatar" src="https://img.zmtc.com/2020/0211/20200211084406659.jpg">
<div class="ow-list">
<div class="ow-list-item">
<div class="ow-list-item-title">
item
</div>
</div>
<div class="ow-list-item ow-list-item-selected">
<div class="ow-list-item-title">
item-selected
</div>
</div>
</div>
<div class="ow-nav">
<!-- To Do -->
</div>
<div class="ow-content">
<!-- To Do -->
</div>
<div class="ow-footer">
© Copyright XXXXX XXXX-XXXX
</div>