<html>
<head>
  <title>صفحه من</title>
</head>

<body>
  سلام!
</body>
</html>

اره خلاصه😉

پشتکار

@layer  components {}

@layer  components {
 .btn{
   display:flex;
   justify-content: center;
   align-items: center;
}
}

@layer  components {
 .btn{
@apply flex justify-center items-center;
}
}

project/
├── index.html
├── about.html
├── contact.html
└── js/
    └── components.js

<div id="header"></div>

<main>
    <h1>صفحه اصلی</h1>
</main>

<div id="footer"></div>

<script src="./js/components.js"></script>

const header = document.querySelector("#header");

header.innerHTML = `
    <header>
        <nav>
            <a href="index.html">خانه</a>
            <a href="about.html">درباره ما</a>
            <a href="contact.html">تماس با ما</a>
        </nav>
    </header>
`;

const footer = document.querySelector("#footer");

footer.innerHTML = `
    <footer>
        <p>© 2026 My Website</p>
    </footer>
`;

text-center md:text-left

Mobile First یعنی اول بهترین تجربه را برای کوچک‌ترین صفحه بساز، بعد امکانات و جزئیات را برای صفحه‌های بزرگ‌تر اضافه کن. این رویکرد هم با فلسفه Tailwind هماهنگ است و هم باعث می‌شود کد مرتب‌تر، قابل توسعه‌تر و کاربرپسندتر داشته باشیم.

قابلیت خفن و جذاب آیفون دوئو تو بخش عکاسی و فیلمبرداری ته خلاقیت و شاهکاره.
سوژه موقع عکاسی میتونه تصویر خودش رو ببینه تا بتونه ژست بهتری بگیره.
یا وقتی که از یه بچه تخم‌سگ میخواید عکس بگیرید و اذیت میکنه، میتونید کارتون پخش کنید تا حواسش بیاد به سمت دوربین.