Spaces:
Running
Running
File size: 3,541 Bytes
49335b4 238224a 49335b4 238224a fdff77d 49335b4 fdff77d 49335b4 fdff77d 49335b4 fdff77d 36e1e48 fdff77d 36e1e48 49335b4 fdff77d 49335b4 fdff77d 36e1e48 49335b4 fdff77d 49335b4 fdff77d 36e1e48 238224a a46dfa9 36e1e48 49335b4 fdff77d 49335b4 fdff77d 49335b4 238224a |
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 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 |
<!DOCTYPE html>
<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>
|