-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblogContent.html
58 lines (45 loc) · 2.33 KB
/
blogContent.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<h1 class="mt-5 blog-title"></h1>
<!-- Style 1) Blog Title -->
<p class="blog-desc"></p>
<!-- Style 2) Blog Description -->
<a href="" target="_blank" rel="noopener noreferrer"></a>
<!-- Anchor tag Hyperlink -->
<span class="blog-content-bold"></span>
<span class="blog-content-italic"></span>
<span class="blog-content-highlight"></span>
<!-- Style 3) Bold Text
Style 4) Italic Text
Style 5) Highlighted Text-->
<span class="blog-content-inline"></span>
<!-- Style 15) Inline code CSS -->
<div class="blog-image">
<img src="/images/blog/reactjs-project-structure-logo.png" alt="" class="img-fluid">
</div>
<!-- Style 6) Image ne jarur hoy to -->
<p class="mb-3 mt-5 blog-desc-title"></p>
<!-- Style 7) Blog no main point -->
<p class="mb-3 mt-5 blog-desc-sub-title"></p>
<!-- Style 8) Main point no first point -->
<p class="mb-3 mt-5 blog-desc-sub-title-2"></p>
<!-- Style 9) Style 8 no second point -->
<div class="cust-divider"></div>
<!-- Style 10) Divider like bottom ma bullets hoy so 2 points separate kare -->
<div class="custinfobox custinfobox-1">
<p>sometimes overthinking does not help.</p>
</div>
<!-- Style 11) Quotes mate style -->
<p class="list-title">Bullet List header</p>
<ul class="bullet-list">
<li>List no 1</li>
</ul>
<!-- Style 12) Bullet list mate -->
<p class="list-title">Numbered List header so niche bullet na badle 1, 2, 3</p>
<ul class="number-list">
<li>List no 1</li>
</ul>
<!-- Style 13) Numbered list mate -->
<div class="code-iframe">
<iframe style="height: 400px;" frameborder=0 scrolling="no" seamless="seamless" srcdoc='<html><body><style type="text/css">.gist .blob-code-inner {white-space: pre-wrap !important;} .gist .gist-data { width: 100%; height: 400px; }</style><script src="https://gist.github.com/sundbry/55bb902b66a39c0ff83629d9a8015ca4.js"></script></body></html>'></iframe>
</div>
<!-- Style 14) Iframe ni height width set karvani che -->
<p class="summary-text summary-text-uppercase">PS: aa text summary mate che so minor different in the style. Bija text karta.</p>