جواد فیروز: تفاوت میان نسخه‌ها
صفحه‌ای تازه حاوی «<div style="position:fixed; top:0; left:0; width:100%; height:100%; background:#e6f2ff; z-index:-1;"></div> <div style="max-width:900px; margin:0 auto; font-family:Arial, sans-serif; padding:30px 20px;"> <!-- کارت ویزیت نویسنده--> <div style="background:#3a7bd5; background:linear-gradient(to right, #3a7bd5, #00d2ff); color:white; padding:25px; border-radius:10px; display:flex; align-items:center; gap:25px; box-sha...» ایجاد کرد |
بدون خلاصۀ ویرایش |
||
| خط ۱: | خط ۱: | ||
< | <!DOCTYPE html> | ||
<html lang="fa" dir="rtl"> | |||
<head> | |||
<meta charset="UTF-8"> | |||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |||
<title>جواد فیروز (متین)</title> | |||
</head> | |||
<body> | |||
<div style="max-width:900px; margin:0 auto; font-family:Arial, sans-serif; padding:30px 20px;"> | <div style="max-width:900px; margin:0 auto; font-family:Arial, sans-serif; padding:30px 20px;"> | ||
<!-- کارت ویزیت نویسنده--> | <!-- کارت ویزیت نویسنده با رنگ #3e6f73 --> | ||
<div style="background:# | <div style="background:#3e6f73; color:white; padding:25px; border-radius:10px; display:flex; align-items:center; gap:25px; box-shadow:0 5px 15px rgba(62,111,115,0.2); margin-bottom:30px;"> | ||
<!-- آواتار قلم --> | <!-- آواتار قلم --> | ||
<div style="min-width:120px; height:120px; background: | <div style="min-width:120px; height:120px; background:white; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:50px; border:3px solid white; color:#3e6f73;">✍️</div> | ||
<div> | <div> | ||
| خط ۱۵: | خط ۲۲: | ||
<!-- توضیحات نویسنده --> | <!-- توضیحات نویسنده --> | ||
<div style="background: | <div style="background:#3e6f73; padding:25px; border-radius:10px; margin-bottom:30px; border:1px solid rgba(62,111,115,0.3); box-shadow:0 2px 8px rgba(62,111,115,0.1);"> | ||
<h2 style="color: | <h2 style="color:white; margin-top:0; font-size:22px; border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:8px;">توضیحات</h2> | ||
<p style="line-height:1.7; color: | <p style="line-height:1.7; color:white; text-align:justify; opacity:0.9;"> | ||
.............................................. | .............................................. | ||
</p> | </p> | ||
</div> | </div> | ||
<!-- جدول کتاب‌ها --> | <!-- جدول کتاب‌ها --> | ||
<div style="background: | <div style="background:#3e6f73; padding:25px; border-radius:10px; border:1px solid rgba(62,111,115,0.3); box-shadow:0 2px 8px rgba(62,111,115,0.1);"> | ||
<h2 style="color: | <h2 style="color:white; margin-top:0; font-size:22px; border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:8px;">انتشارات تألیفی</h2> | ||
<div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:15px; margin-top:20px;"> | <div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:15px; margin-top:20px;"> | ||
<!-- کتاب 1 --> | <!-- کتاب 1 --> | ||
<div style="background:white; padding:15px; border-radius:8px; box-shadow:0 3px 10px rgba( | <div style="background:white; padding:15px; border-radius:8px; box-shadow:0 3px 10px rgba(62,111,115,0.1); transition:all 0.3s ease; border:1px solid rgba(62,111,115,0.2);" | ||
onmouseover="this.style.transform='translateY(-5px)';this.style.boxShadow='0 5px 15px rgba( | onmouseover="this.style.transform='translateY(-5px)';this.style.boxShadow='0 5px 15px rgba(62,111,115,0.2)';" | ||
onmouseout="this.style.transform='';this.style.boxShadow='0 3px 10px rgba( | onmouseout="this.style.transform='';this.style.boxShadow='0 3px 10px rgba(62,111,115,0.1)'"> | ||
<h3 style="color:# | <h3 style="color:#3e6f73; margin:0 0 5px 0; font-size:18px;">مقاله ....</h3> | ||
<p style="color:#666; margin:0; font-size:14px;">..........</p> | <p style="color:#666; margin:0; font-size:14px;">..........</p> | ||
</div> | </div> | ||
<!-- کتاب 2 --> | <!-- کتاب 2 --> | ||
<div style="background:white; padding:15px; border-radius:8px; box-shadow:0 3px 10px rgba( | <div style="background:white; padding:15px; border-radius:8px; box-shadow:0 3px 10px rgba(62,111,115,0.1); transition:all 0.3s ease; border:1px solid rgba(62,111,115,0.2);" | ||
onmouseover="this.style.transform='translateY(-5px)';this.style.boxShadow='0 5px 15px rgba( | onmouseover="this.style.transform='translateY(-5px)';this.style.boxShadow='0 5px 15px rgba(62,111,115,0.2)';" | ||
onmouseout="this.style.transform='';this.style.boxShadow='0 3px 10px rgba( | onmouseout="this.style.transform='';this.style.boxShadow='0 3px 10px rgba(62,111,115,0.1)'"> | ||
<h3 style="color:# | <h3 style="color:#3e6f73; margin:0 0 5px 0; font-size:18px;">مقاله ....</h3> | ||
<p style="color:#666; margin:0; font-size:14px;">..........</p> | <p style="color:#666; margin:0; font-size:14px;">..........</p> | ||
</div> | </div> | ||
<!-- کتاب 3 --> | <!-- کتاب 3 --> | ||
<div style="background:white; padding:15px; border-radius:8px; box-shadow:0 3px 10px rgba( | <div style="background:white; padding:15px; border-radius:8px; box-shadow:0 3px 10px rgba(62,111,115,0.1); transition:all 0.3s ease; border:1px solid rgba(62,111,115,0.2);" | ||
onmouseover="this.style.transform='translateY(-5px)';this.style.boxShadow='0 5px 15px rgba( | onmouseover="this.style.transform='translateY(-5px)';this.style.boxShadow='0 5px 15px rgba(62,111,115,0.2)';" | ||
onmouseout="this.style.transform='';this.style.boxShadow='0 3px 10px rgba( | onmouseout="this.style.transform='';this.style.boxShadow='0 3px 10px rgba(62,111,115,0.1)'"> | ||
<h3 style="color:# | <h3 style="color:#3e6f73; margin:0 0 5px 0; font-size:18px;">مقاله ....</h3> | ||
<p style="color:#666; margin:0; font-size:14px;">..............</p> | <p style="color:#666; margin:0; font-size:14px;">..............</p> | ||
</div> | </div> | ||
<!-- کتاب 4 --> | <!-- کتاب 4 --> | ||
<div style="background:white; padding:15px; border-radius:8px; box-shadow:0 3px 10px rgba( | <div style="background:white; padding:15px; border-radius:8px; box-shadow:0 3px 10px rgba(62,111,115,0.1); transition:all 0.3s ease; border:1px solid rgba(62,111,115,0.2);" | ||
onmouseover="this.style.transform='translateY(-5px)';this.style.boxShadow='0 5px 15px rgba( | onmouseover="this.style.transform='translateY(-5px)';this.style.boxShadow='0 5px 15px rgba(62,111,115,0.2)';" | ||
onmouseout="this.style.transform='';this.style.boxShadow='0 3px 10px rgba( | onmouseout="this.style.transform='';this.style.boxShadow='0 3px 10px rgba(62,111,115,0.1)'"> | ||
<h3 style="color:# | <h3 style="color:#3e6f73; margin:0 0 5px 0; font-size:18px;">مقاله ....</h3> | ||
<p style="color:#666; margin:0; font-size:14px;">............</p> | <p style="color:#666; margin:0; font-size:14px;">............</p> | ||
</div> | </div> | ||
<!-- کتاب 5 --> | <!-- کتاب 5 --> | ||
<div style="background:white; padding:15px; border-radius:8px; box-shadow:0 3px 10px rgba( | <div style="background:white; padding:15px; border-radius:8px; box-shadow:0 3px 10px rgba(62,111,115,0.1); transition:all 0.3s ease; border:1px solid rgba(62,111,115,0.2);" | ||
onmouseover="this.style.transform='translateY(-5px)';this.style.boxShadow='0 5px 15px rgba( | onmouseover="this.style.transform='translateY(-5px)';this.style.boxShadow='0 5px 15px rgba(62,111,115,0.2)';" | ||
onmouseout="this.style.transform='';this.style.boxShadow='0 3px 10px rgba( | onmouseout="this.style.transform='';this.style.boxShadow='0 3px 10px rgba(62,111,115,0.1)'"> | ||
<h3 style="color:# | <h3 style="color:#3e6f73; margin:0 0 5px 0; font-size:18px;">مقاله ....</h3> | ||
<p style="color:#666; margin:0; font-size:14px;">............</p> | <p style="color:#666; margin:0; font-size:14px;">............</p> | ||
</div> | </div> | ||
| خط ۶۹: | خط ۷۶: | ||
</div> | </div> | ||
</div> | </div> | ||
</body> | |||
</html> | |||
نسخهٔ کنونی تا ۱۰ اکتبر ۲۰۲۵، ساعت ۱۹:۴۴
<!DOCTYPE html>
✍️
جواد فیروز (متین)
توضیح کوتاه
توضیحات
..............................................
انتشارات تألیفی
مقاله ....
..........
مقاله ....
..........
مقاله ....
..............
مقاله ....
............
مقاله ....
............