Link Card Generator
About
URLを入力
リンクカード生成
プレビュー
Beautiful Clock
A simple desktop clock.
beautiful-clock.net
<div style="width: 100%; max-width: 36rem; height: 9rem; border-width: 1px; border-style: solid; border-color: rgb(209, 213, 219); display: flex; background-color: rgb(255, 255, 255);" onMouseOut="this.style.background='rgb(255, 255, 255)'" onMouseOver="this.style.background='rgb(243, 244, 246)'"> <div style="padding: 0.75rem; width: 75%; display: flex; flex-direction: column; justify-content: space-between;"> <div> <h3 style="color: rgb(31, 41, 55); font-size: 1.125rem; line-height: 1.75rem;">Beautiful Clock</h3> <div style="font-size: 0.875rem; line-height: 1.25rem; color: rgb(107, 114, 128); overflow: hidden;">A simple desktop clock.</div> </div> <p style="font-size: 0.75rem; line-height: 1rem; color: rgb(31, 41, 55);">beautiful-clock.net</p> </div> <div style="border-left-width: 1px; width: 25%;"> <img src=https://beautiful-clock.net/ogp.png alt="No Image" style="object-fit: cover; width: 100%; height: 100%;" /> </div> </div>
HTMLソースをクリップボードにコピー
©2021 Link Card Generator