mirror of
https://gitlab.com/bramw/baserow.git
synced 2025-04-10 23:50:12 +00:00
121 lines
7.3 KiB
HTML
Executable file
121 lines
7.3 KiB
HTML
Executable file
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Baserow</title>
|
|
</head>
|
|
<body>
|
|
<div style="padding: 20px">
|
|
<h1>Heading 1</h1>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, <a href="#">consectetur</a> adipiscing elit. Sed quis gravida ante. Nulla nec elit dui. Nam nec dui ligula. Pellentesque feugiat erat vel porttitor euismod. Duis nec viverra urna. Praesent lobortis feugiat erat, nec volutpat nulla tincidunt vel. In hac habitasse platea dictumst. Aenean fringilla lacus nunc, non pharetra mauris pulvinar lacinia. Aenean ut sem lacinia, sagittis quam sed, pellentesque orci. Aenean non consequat mi. Nunc laoreet ligula a nunc eleifend, nec accumsan felis euismod.
|
|
</p>
|
|
<h2>Heading 2</h2>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, <a href="#">consectetur</a> adipiscing elit.
|
|
</p>
|
|
<h3>Heading 3</h3>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, <a href="#">consectetur</a> adipiscing elit. Sed quis gravida ante. Nulla nec elit dui. Nam nec dui ligula. Pellentesque feugiat erat vel porttitor euismod. Duis nec viverra urna. Praesent lobortis feugiat erat, nec volutpat nulla tincidunt vel. In hac habitasse platea dictumst. Aenean fringilla lacus nunc, non pharetra mauris pulvinar lacinia. Aenean ut sem lacinia, sagittis quam sed, pellentesque orci. Aenean non consequat mi. Nunc laoreet ligula a nunc eleifend, nec accumsan felis euismod.
|
|
</p>
|
|
<div style="margin-bottom: 20px;">
|
|
<div class="alert alert-has-icon">
|
|
<div class="alert-icon">
|
|
<i class="fas fa-exclamation"></i>
|
|
</div>
|
|
<div class="alert-title">Notification message</div>
|
|
<p class="alert-content">
|
|
Lorem ipsum dolor sit amet, <a href="#">consectetur</a> adipiscing elit. Sed quis gravida ante. Nulla nec elit dui. Nam nec dui ligula. Pellentesque feugiat erat vel porttitor euismod. Duis nec viverra urna. Praesent.
|
|
</p>
|
|
</div>
|
|
<div class="alert">
|
|
<div class="alert-title">Notification message</div>
|
|
<p class="alert-content">
|
|
Lorem ipsum dolor sit amet, <a href="#">consectetur</a> adipiscing elit. Sed quis gravida ante. Nulla nec elit dui. Nam nec dui ligula. Pellentesque feugiat erat vel porttitor euismod. Duis nec viverra urna. Praesent lobortis feugiat erat, nec volutpat nulla tincidunt vel. In hac habitasse platea dictumst. Aenean fringilla lacus nunc, non pharetra mauris pulvinar lacinia. Aenean ut sem lacinia, sagittis quam sed, pellentesque orci. Aenean non consequat mi. Nunc laoreet ligula a nunc eleifend, nec accumsan felis euismod.
|
|
</p>
|
|
</div>
|
|
<div class="alert alert-success alert-has-icon">
|
|
<div class="alert-icon">
|
|
<i class="fas fa-exclamation"></i>
|
|
</div>
|
|
<div class="alert-title">Notification message</div>
|
|
<p class="alert-content">
|
|
Lorem ipsum dolor sit amet, <a href="#">consectetur</a> adipiscing elit. Sed quis gravida ante. Nulla nec elit dui. Nam nec dui ligula. Pellentesque feugiat erat vel porttitor euismod. Duis nec viverra urna. Praesent.
|
|
</p>
|
|
</div>
|
|
<div class="alert alert-warning alert-has-icon">
|
|
<div class="alert-icon">
|
|
<i class="fas fa-exclamation"></i>
|
|
</div>
|
|
<div class="alert-title">Notification message</div>
|
|
<p class="alert-content">
|
|
Lorem ipsum dolor sit amet, <a href="#">consectetur</a> adipiscing elit. Sed quis gravida ante. Nulla nec elit dui. Nam nec dui ligula. Pellentesque feugiat erat vel porttitor euismod. Duis nec viverra urna. Praesent.
|
|
</p>
|
|
</div>
|
|
<div class="alert alert-error alert-has-icon">
|
|
<div class="alert-icon">
|
|
<i class="fas fa-exclamation"></i>
|
|
</div>
|
|
<div class="alert-title">Notification message</div>
|
|
<p class="alert-content">
|
|
Lorem ipsum dolor sit amet, <a href="#">consectetur</a> adipiscing elit. Sed quis gravida ante. Nulla nec elit dui. Nam nec dui ligula. Pellentesque feugiat erat vel porttitor euismod. Duis nec viverra urna. Praesent.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div style="margin-bottom: 20px;">
|
|
<a href="#" class="button">Sign in</a>
|
|
<a href="#" class="button disabled">Sign in</a>
|
|
<a href="#" class="button button-success">Sign in</a>
|
|
<a href="#" class="button button-warning">Sign in</a>
|
|
<a href="#" class="button button-error">Sign in</a>
|
|
<a href="#" class="button">
|
|
Sign in
|
|
<i class="button-icon fas fa-lock-open"></i>
|
|
</a>
|
|
<a href="#" class="button">
|
|
<i class="button-icon fas fa-arrow-left"></i>
|
|
Go back
|
|
</a>
|
|
<a href="#" class="button button-ghost">Go back</a>
|
|
<a href="#" class="button">
|
|
<i class="fas fa-user-check"></i>
|
|
</a>
|
|
<a href="#" class="button button-ghost">
|
|
<i class="fas fa-user-check"></i>
|
|
</a>
|
|
</div>
|
|
<div style="margin-bottom: 20px;">
|
|
<button class="button">Sign in</button>
|
|
<button class="button" disabled>Sign in</button>
|
|
<button class="button button-success">Sign in</button>
|
|
<button class="button button-warning">Sign in</button>
|
|
<button class="button button-error">Sign in</button>
|
|
<button class="button">
|
|
Sign in
|
|
<i class="button-icon fas fa-lock-open"></i>
|
|
</button>
|
|
<button class="button">
|
|
<i class="button-icon fas fa-arrow-left"></i>
|
|
Go back
|
|
</button>
|
|
<button class="button button-ghost">Go back</button>
|
|
</div>
|
|
<div style="margin-bottom: 20px;">
|
|
<a href="#" class="button button-large">Sign in</a>
|
|
<a href="#" class="button button-large disabled">Sign in</a>
|
|
<a href="#" class="button button-large button-success">Sign in</a>
|
|
<a href="#" class="button button-large button-warning">Sign in</a>
|
|
<a href="#" class="button button-large button-error">Sign in</a>
|
|
<a href="#" class="button button-large">
|
|
Sign in
|
|
<i class="button-icon fas fa-lock-open"></i>
|
|
</a>
|
|
<a href="#" class="button button-large">
|
|
<i class="button-icon fas fa-arrow-left"></i>
|
|
Go back
|
|
</a>
|
|
<a href="#" class="button button-large button-ghost">Go back</a>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|