Typography Preview

Publish: Wednesday, April 2, 2025 Reading Time: 4 min Last Modified: Wednesday, April 2, 2025

This content shows a preview of typography elements supported by the My Notes theme.
Happy Reading!

Headings

Here are examples of various headings:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lists

Unordered List

• List 1
• List 2
  • List 1 inside List 2
  • List 2 inside List 2
• List 3

Ordered List

1. Ordered List 1
2. Ordered List 2
   1. Ordered List 1 inside Ordered List 2
   2. Ordered List 2 inside Ordered List 2
3. Ordered List 3

Definition List

First Term

This is the definition of the first term.

Second Term

This is the definition of the second term.

This is another definition of the second term.

Task List

• Not done
• Done

Table

Images

Left Aligned Image

Anim nostrud cupidatat aliquip nulla fugiat fugiat ullamco exercitation dolore proident culpa laborum adipisicing anim. Officia nisi laborum laborum non reprehenderit consectetur qui culpa consequat. In amet nulla dolore nostrud proident duis laboris et officia sit. Tempor dolore voluptate in mollit deserunt non incididunt ex nostrud non officia nisi ut dolore.

Reprehenderit enim nisi magna cillum aute eiusmod aute laboris ut. Aliqua voluptate exercitation ea sint deserunt magna et. Aliqua quis esse id consequat consequat irure quis eu occaecat exercitation officia nisi do est. Sint minim duis minim adipisicing consequat duis.

Right Aligned Image

Consequat anim aliquip veniam consequat officia aliqua. Ullamco tempor deserunt cillum irure. Et est ut laborum ad laboris consectetur laborum consectetur esse minim ad. Est ut cillum fugiat occaecat adipisicing ipsum irure Lorem elit reprehenderit sit anim anim incididunt. Magna sunt velit in laboris ad proident aliqua magna fugiat irure aliqua consectetur. Esse anim sit ad pariatur commodo occaecat est quis.

Duis eiusmod amet est aliquip cillum labore consectetur deserunt. Labore aliqua cillum mollit cupidatat ullamco. Mollit dolore aliqua nostrud occaecat labore cillum et labore. Sint velit culpa et fugiat incididunt excepteur reprehenderit Lorem duis voluptate voluptate occaecat. Est quis labore irure in adipisicing nisi. Sunt et dolor in Lorem irure laborum deserunt. Incididunt aute id ad Lorem nostrud culpa elit ipsum id.

Center Aligned Image

Laborum ex duis voluptate tempor consequat veniam velit sunt elit. Elit et ipsum ullamco amet aliquip ea ullamco incididunt consequat do aliquip cillum. Anim ullamco non excepteur ullamco consectetur.

Reprehenderit veniam enim adipisicing duis anim aliquip sint laboris esse sint. Officia adipisicing esse aliquip cupidatat. Commodo nostrud laboris dolore ut incididunt fugiat est nostrud duis et non ullamco velit. Veniam duis nisi irure occaecat veniam adipisicing dolor commodo. Cupidatat culpa id nisi do dolore pariatur.

Links

Go to Google

Quotes and Alerts

Default Quote

This is a default quote.

Quote with Alerts

Information

This is an information alert.

Tips

This is a tip alert.

Warning

This is a warning alert.

Danger

This is a danger alert.

Error

This is an error alert.

See complete Visit: Alert Collection

Code

Python

 1# Simple Python Program
 2def main():
 3    print("Hello, World!")
 4    
 5    # Addition operation
 6    a = 5
 7    b = 3
 8    hasil = a + b
 9    print(f"Hasil penjumlahan {a} + {b} = {hasil}")
10
11if __name__ == "__main__":
12    main()

Golang

 1package main
 2
 3import "fmt"
 4
 5func main() {
 6    fmt.Println("Hello, World!")
 7
 8    // Addition operation
 9    a := 5
10    b := 3
11    hasil := a + b
12    fmt.Printf("Hasil penjumlahan %d + %d = %d\n", a, b, hasil)
13}

Matematika

$$ \int_{0}^{\infty} \frac{x^2 e^{-x^2}}{1 + e^{x}} , dx = \frac{\sqrt{\pi}}{2} \left( \text{Li}_2 \left( -e^{-1} \right) - \text{Li}_2 \left( -e^{-2} \right) \right)
$$

Diagram

Flowchart

  graph TD;
    A[Mulai] --> B{Apakah berhasil?};
    B -- Ya --> C[Tampilkan hasil];
    B -- Tidak --> D[Perbaiki bug];
    D --> B;

Sequence Diagram

  sequenceDiagram
    participant User
    participant Server
    User->>Server: Request data
    Server-->>User: Response data

Gantt Chart

  gantt
    title Proyek Web Development
    dateFormat  YYYY-MM-DD
    section Desain
    Wireframing     :done, 2024-03-01, 2024-03-07
    UI/UX           :active, 2024-03-08, 2024-03-15
    section Pengembangan
    Frontend        : 2024-03-16, 2024-03-30
    Backend         : 2024-04-01, 2024-04-15

GoAT ASCII

YouTube

HTML in Markdown

Red Text With 700 Weight