Skip to content

Instantly share code, notes, and snippets.

@SealtielFreak

SealtielFreak/tui-css.html

Created July 21, 2024 19:39
Show Gist options
  • Save SealtielFreak/9ef71806ef3a16a6d9dd8193a7d7ff71 to your computer and use it in GitHub Desktop.
Save SealtielFreak/9ef71806ef3a16a6d9dd8193a7d7ff71 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
tui-css.html
<!DOCTYPE html>
<html lang="en" class="tui-bg-cyan-white">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="https://images.vexels.com/media/users/3/140866/isolated/preview/96676393ee3780e2827a827587feee79-logo-de-msdos.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"
integrity="sha512-NhSC1YmyruXifcj/KFRWoC561YpHpc5Jtzgvbuzx5VozKpWvQ+4nXhPdFgmx8xqexRcpAglTj9sIBWINXa8x5w=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tuicss.min.css" rel="stylesheet">
<link href="https://fonts.cdnfonts.com/css/perfect-dos-vga-437" rel="stylesheet">
<title>TuiCSS</title>
</head>
<body>
<main class="container">
<h1>
Welcom to my page
</h1>
<hr class="tui-divider"></hr>
<div class="">
<div class="tui-window">
<fieldset class="tui-fieldset">
<legend>Message</legend>
Welcom to my page <a href="https://github.com/vinibiavatti1/TuiCss" class="tui-button">TuiCSS</a>
</fieldset>
</div>
</div>
</main>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/tuicss.min.js"></script>
<style>
* {
font-family: 'Perfect DOS VGA 437', sans-serif;
font-family: 'Perfect DOS VGA 437 Win', sans-serif;
}
</style>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment