|
| 1 | +# Header 1 |
| 2 | +This is sample Header 1 |
| 3 | + |
| 4 | +## Header 2 |
| 5 | +This is sample Header 2 |
| 6 | + |
| 7 | +### Header 3 |
| 8 | +This is sample Header 3 |
| 9 | + |
| 10 | + |
| 11 | +# Page Break |
| 12 | +Next Section will start on new page in pdf |
| 13 | +<div style="page-break-after: always; break-after: page;"></div> |
| 14 | + |
| 15 | +# Paragraphs |
| 16 | +This is a simple paragraph to test text formatting. |
| 17 | + |
| 18 | +Another paragraph with **bold**, *italic*, and ~~strikethrough~~ text. Also, some `inline code`. |
| 19 | + |
| 20 | +# Bullet List |
| 21 | +- This is bullet list 1 |
| 22 | +- This is bullet list 2 |
| 23 | +- This is bullet list 3 |
| 24 | + - Nested bullet 1 |
| 25 | + - Nested bullet 2 |
| 26 | + |
| 27 | +# Numbered List |
| 28 | +1. Numbered List 1 |
| 29 | +2. Numbered List 2 |
| 30 | +3. Numbered List 3 |
| 31 | + 1. Nested Numbered 1 |
| 32 | + 2. Nested Numbered 2 |
| 33 | + |
| 34 | +# Checklist |
| 35 | +- [x] Checked item |
| 36 | +- [ ] Unchecked item |
| 37 | + |
| 38 | +# Definition List |
| 39 | +Term 1 |
| 40 | +: Definition for term 1 |
| 41 | + |
| 42 | +Term 2 |
| 43 | +: Definition for term 2 |
| 44 | + |
| 45 | +# Emojis |
| 46 | +- ✅ Ok |
| 47 | +- ❌ Error |
| 48 | +- ⚠️ Warning |
| 49 | +- ℹ️ Info |
| 50 | + |
| 51 | + |
| 52 | +# Code Block |
| 53 | +```python |
| 54 | +# This is a code block |
| 55 | +print("Hello, World!") |
| 56 | +``` |
| 57 | + |
| 58 | +# Links |
| 59 | +- [GitHub](https://github.com) |
| 60 | +- [Youtube](https://github.com) |
| 61 | + |
| 62 | + |
| 63 | +# Blockquote |
| 64 | +> This is a blockquote. It can span multiple lines. |
| 65 | +> Second line of blockquote. |
| 66 | +
|
| 67 | +# Call outs |
| 68 | + |
| 69 | +{: .tip } |
| 70 | +Tip/Idea callout |
| 71 | + |
| 72 | +{: .info } |
| 73 | +Info Type Callout |
| 74 | + |
| 75 | +{: .warning } |
| 76 | +warning Type Callout |
| 77 | + |
| 78 | +{: .danger } |
| 79 | +danger Type Callout |
| 80 | + |
| 81 | + |
| 82 | + |
| 83 | +# Math |
| 84 | +Inline math: $$E = mc^2$$ |
| 85 | + |
| 86 | +Block math: |
| 87 | +$$ |
| 88 | +\int_{a}^{b} x^2 dx |
| 89 | +$$ |
| 90 | + |
| 91 | +# Footnote |
| 92 | +Here is a statement with a footnote.[^1] |
| 93 | + |
| 94 | +[^1]: This is the footnote text. |
| 95 | + |
| 96 | +# Table |
| 97 | + |
| 98 | +| Header 1 | Header 2 | Header 3 | |
| 99 | +|----------|----------|----------| |
| 100 | +| Row 1 | Data 1 | Data 2 | |
| 101 | +| Row 2 | Data 3 | Data 4 | |
| 102 | + |
| 103 | +| Class | Small screen size `font-size` | Large screen size `font-size` | |
| 104 | +|:--------|:-------------------------------|:------------------------------| |
| 105 | +| `.fs-1` | 9px | 10px | |
| 106 | +| `.fs-2` | 11px | 12px | |
| 107 | +| `.fs-3` | 12px | 14px | |
| 108 | +| `.fs-4` | 14px | 16px | |
| 109 | +| `.fs-5` | 16px | 18px | |
| 110 | +| `.fs-6` | 18px | 24px | |
| 111 | +| `.fs-7` | 24px | 32px | |
| 112 | +| `.fs-8` | 32px | 38px | |
| 113 | +| `.fs-9` | 38px | 42px | |
| 114 | +| `.fs-10`| 42px | 48px | |
| 115 | + |
| 116 | +# Table with Math |
| 117 | + |
| 118 | +| **Part** | **Formula** | **Calculation** | **Area (mm²)** | |
| 119 | +| :---: | :---: | :---: | :---: | |
| 120 | +| Top Flange | $bf_1 \times tf_1$ | $130 \times 10$ | 1300 | |
| 121 | +| Web | $dw_1 \times tw_1$ | $1180 \times 8$ | 9440 | |
| 122 | +| Bottom Flange | $bf_1 \times tf_1$ | $130 \times 10$ | 1300 | |
| 123 | +| **Total Area** | | | **12040** | |
| 124 | + |
| 125 | + |
| 126 | + |
| 127 | +# Horizontal Separator |
| 128 | + |
| 129 | +--- |
| 130 | + |
| 131 | +# Image Local |
| 132 | + |
| 133 | + |
| 134 | +# Image Online |
| 135 | + |
0 commit comments