fedallbest/joplin-notes
Watch
1
0
Fork
You've already forked joplin-notes
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

initial

Browse source
This commit is contained in:
nm1 2026-11-04 00:33:23 +05:30
commit 74ae93a96e
1 changed files with 94691 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

88
joplin notion extension/Web Development/CSS/Tailwind/HTML Template.md Normal file
View file

@ -0,0 +1,88 @@
HTML Template
- By linking style.css of tailwind, all the default styles of elements imposed by browser will be gone
```html
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div>
<div>
<nav>
<div>
<h1>
<a href="/">Food Ninja</a>
</h1>
</div>
<ul>
<li>
<a href="#">
<span>Home</span>
</a>
</li>
<li>
<a href="#">
<span>About</span>
</a>
</li>
<li>
<a href="#">
<span>Contact</span>
</a>
</li>
</ul>
</nav>
</div>
<main>
<div>
<a href="#">Log in</a>
<a href="#">Sign up</a>
</div>
<header>
<h2>Recipes</h2>
<h3>For Ninjas</h3>
</header>
<div>
<h4>Latest Recipes</h4>
<div>
<!-- cards go here -->
<div>
<img src="img/stew.jpg" alt="stew" />
<div>
<span>5 Bean Chili Stew</span>
<span>Recipe by Mario</span>
</div>
</div>
</div>
<h4>Most Popular</h4>
<div>
<!-- cards go here -->
</div>
</div>
<div>
<div>Load more</div>
</div>
</main>
</div>
</body>
</html>
```
Without linking tailwind style file
![f83fc6b954ed77d200b5c0670d27ef10.png](../../../../_resources/f83fc6b954ed77d200b5c0670d27ef10.png)
With linking tailwind style file
![3425d014a947b459d58a59d6f1a7b43b.png](../../../../_resources/3425d014a947b459d58a59d6f1a7b43b.png)