Spaces:
Running
Running
| <html lang="fa"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>eUM : اوپن پرفلکسی</title> | |
| <!-- لینک به CSS بوت‌استرپ --> | |
| <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"> | |
| <style> | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| body { | |
| padding: 2rem; | |
| font-family: 'Iran Sans', sans-serif; /* استفاده از فونت ایران سنس */ | |
| background-color: #f0f2f5; /* رنگ پس‌زمینه */ | |
| } | |
| header { | |
| background-color: #ffffff; /* رنگ پس‌زمینه هدر */ | |
| padding: 1rem; | |
| box-shadow: 0 1px 3px rgba(0,0,0,0.1); | |
| display: flex; | |
| align-items: center; | |
| gap: 1rem; | |
| border-radius: 8px; /* گوشه‌های گرد */ | |
| } | |
| .header-text { | |
| flex: 1; | |
| } | |
| h1 { | |
| font-size: 24px; /* اندازه بزرگتر برای عنوان */ | |
| margin-bottom: 0.5rem; | |
| color: #333; /* رنگ متن عنوان */ | |
| } | |
| p { | |
| color: rgb(107, 114, 128); /* رنگ متن مشابه فیس‌بوک */ | |
| font-size: 15px; /* اندازه متن */ | |
| } | |
| .visitor-badge { | |
| margin-right: 0.5rem; | |
| } | |
| iframe { | |
| flex: 1; | |
| width: 100%; | |
| border: none; | |
| border-radius: 8px; /* گوشه‌های گرد برای iframe */ | |
| } | |
| .card { | |
| max-width: 620px; | |
| margin: 20px auto; /* فاصله عمودی کارت */ | |
| padding: 16px; | |
| border: 1px solid #ddd; /* حاشیه کارت */ | |
| border-radius: 8px; /* گوشه‌های گرد کارت */ | |
| background-color: #ffffff; /* رنگ پس‌زمینه کارت */ | |
| box-shadow: 0 1px 3px rgba(0,0,0,0.2); /* سایه ملایم برای کارت */ | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <header class="mb-4"> | |
| <div class="header-text"> | |
| <h1>eUM : اوپن پرفلکسی</h1> | |
| <p>توسعه یافته توسط امین ناصری🏢 جامعه: <a href="https://discord.gg/openfreeai" target="_blank">https://discord.gg/openfreeai</a></p> | |
| </div> | |
| <div class="visitor-badge"> | |
| <a href="https://visitorbadge.io/status?path=https%3A%2F%2FVIDraft-eum.hf.space"> | |
| <img src="https://api.visitorbadge.io/api/visitors?path=https%3A%2F%2FVIDraft-eum.hf.space&countColor=%23263759" /> | |
| </a> | |
| </div> | |
| </header> | |
| <div class="card"> | |
| <p>این یک نمونه از محتوای داخل کارت است. شما می‌توانید اطلاعات بیشتری را در اینجا قرار دهید.</p> | |
| <p>این متن به شما کمک می‌کند تا با ساختار کلی صفحه آشنا شوید.</p> | |
| </div> | |
| <iframe src="https://eum-lovat.vercel.app" allowfullscreen></iframe> | |
| <!-- اسکریپت‌های بوت‌استرپ --> | |
| <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script> | |
| <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> | |
| </body> | |
| </html> | |