HTML Elements

HTML Elements

deLucide supports all kinds of HTML elements that you will need to nicely style your online portfolio website. Text, images, buttons, code and much more will look lucent.

Button Style

To create a button like you can see below simply apply the CSS class .btn to your anchor tag.

Use .btn for Buttons

<a href="#" class="btn">Use .btn for Buttons</a>

Images

Cool dude

Cool dude

Vivamus tempor nisi in leo pharetra sed accumsan nunc tempus. Maecenas sit amet sem est. Nullam vehicula placerat tincidunt. Sed consequat porttitor lacinia. Nam blandit commodo tempor. Nulla vulputate diam lacinia ante accumsan non molestie leo viverra. In eget suscipit arcu. Nulla non tortor mauris, id pretium mauris. Pellentesque non nunc enim, et euismod justo.

Donec iaculis pellentesque ligula. Sed a vehicula mauris. Duis a risus sed metus bibendum auctor non quis purus. Sed pulvinar malesuada tellus, nec aliquet leo bibendum at. Suspendisse condimentum ullamcorper faucibus. Duis metus nunc, commodo nec dignissim eu, tincidunt nec urna.

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eleifend lectus quis turpis porta tempus. Aliquam nec tristique lacus? Etiam congue nisl quis risus sagittis.

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraphs and Links

Aenean feugiat mollis sagittis. Mauris ac dui nec nisi adipiscing tristique! Ut molestie hendrerit porta. Fusce ornare scelerisque ante, ac tincidunt augue pellentesque a Maecena. Aenean feugiat mollis sagittis. Mauris ac dui nec nisi adipiscing tristique! Ut molestie hendrerit porta. Fusce ornare scelerisque ante, ac tincidunt augue pellentesque a Maecena.

Lists

  • This is a list item
  • This is a list item
    • This is a list item
    • This is a list item
    • This is a list item
    • This is a list item
    • This is a list item
  • This is a list item
  • This is a list item
  • This is a list item
  1. This is a list item
  2. This is a list item
  3. This is a list item
    1. This is a list item
    2. This is a list item
    3. This is a list item
    4. This is a list item
    5. This is a list item
  4. This is a list item
  5. This is a list item

Code and Pre

Vivamus a ipsum arcu, varius cursus leo. Nunc scelerisque, lorem id elementum ultrices, quam ante imperdiet erat, at tincidunt leo tortor lacinia eros. Vestibulum molestie. Vivamus a ipsum arcu, varius cursus leo. Nunc scelerisque, lorem id elementum ultrices. Quam ante imperdiet erat, at tincidunt leo tortor lacinia eros.

<pre><code>Vivamus a ipsum arcu, varius cursus leo. Nunc scelerisque, lorem id elementum ultrices, quam ante imperdiet erat, at tincidunt leo tortor lacinia eros. Vestibulum molestie. Vestibulum molestie. Vivamus a ipsum arcu, varius cursus leo. Nunc scelerisque, lorem id elementum ultrices, quam ante imperdiet erat, at tincidunt leo tortor lacinia eros. Vestibulum molestie.</code></pre>