53 lines
No EOL
3.1 KiB
HTML
53 lines
No EOL
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>LY-DESIGN</title>
|
|
<link rel="stylesheet" type="text/css" href="style.css" />
|
|
</head>
|
|
<body class="lyb-body">
|
|
|
|
<div class="lyb-body-responsive">
|
|
|
|
<h1 class="lyb-h1 lyb-h">Page title</h1>
|
|
<h2 class="lyb-h2 lyb-h">Page title</h2>
|
|
<h3 class="lyb-h3 lyb-h">Page title</h3>
|
|
<h4 class="lyb-h4 lyb-h">Page title</h4>
|
|
|
|
<p class="lyb-text">
|
|
This is the normal textflow <a class="lyb-link">that</a> is used by the lybdesign guide and how it should look like to people.
|
|
I primarily like it because its nice to use and looks pretty fine to look at
|
|
</p>
|
|
|
|
|
|
|
|
<p class="lyb-info">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
</p>
|
|
|
|
<p class="lyb-text">
|
|
sdsadsadjsadosjdisajdoisadjo
|
|
</p>
|
|
<div class="lyb-img-container">
|
|
<img src="image.jpg" width="500px" height="500px" class="lyb-img" />
|
|
Bookmage
|
|
</div>
|
|
<p class="lyb-box lyb-box-info">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
</p>
|
|
|
|
<p class="lyb-box lyb-box-warn">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
</p>
|
|
|
|
<p class="lyb-box lyb-box-err">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
</p>
|
|
|
|
<p class="lyb-box">
|
|
<a href="about:blank" class="lyb-link">Page title</a>
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html> |