CoolFace
Apppublic

aebrs/anycoder-d1e01dd0

sourceHugging Faceupdated 7mo agoView on Hugging Face
0likes
index.html388 linesDownload Raw Back to root
1<!DOCTYPE html>2<html lang="fa" dir="rtl">3 4<head>5  <meta charset="UTF-8">6  <meta name="viewport" content="width=device-width, initial-scale=1.0">7  <title>شرکت تعاونی پی وی سی مجد جی اصفهان</title>8  <link rel="preconnect" href="https://fonts.googleapis.com">9  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>10  <link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;700;900&display=swap" rel="stylesheet">11  <style>12    :root {--p:#00897b--pl:#26a69a--a:#ff6f00--bg:#f5f5f5--w:#fff--txt:#212121--s:#e0f2f1}13    *{margin:0;padding:0;box-sizing:border-box;font-family:'Vazirmatn',sans-serif}14    html{scroll-behavior:smooth}15    body{background:var(--bg);color:var(--txt);line-height:1.6;overflow-x:hidden}16    header{position:fixed;top:0;right:0;left:0;z-index:1000;background:rgba(255,255,255,.97);backdrop-filter:blur(20px);box-shadow:0 2px 20px rgba(0,0,0,.05);transition:.3s}17    .nav-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}18    .logo{text-decoration:none;display:flex;align-items:center;gap:.5rem}19    .logo-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--p),var(--pl));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:1.5rem;transition:.3s}20    .logo:hover .logo-icon{transform:scale(1.1)rotate(0)}21    .logo-text{font-size:1.3rem;font-weight:900;color:var(--p)}22    .logo-text span{color:var(--a)}23    nav{display:flex;align-items:center;gap:2rem}24    .nav-links{display:flex;list-style:none;gap:1.5rem}25    .nav-links a{text-decoration:none;color:var(--txt);font-weight:500;position:relative;padding:.5rem 0;transition:.3s}26    .nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--a);border-radius:2px;transition:.3s}27    .nav-links a:hover{color:var(--p)}28    .nav-links a:hover::after{width:100%}29    .cta-btn{background:linear-gradient(135deg,var(--p),var(--pl));color:#fff;padding:.8rem 1.5rem;border-radius:50px;text-decoration:none;font-weight:500;transition:.3s;box-shadow:0 4px 15px rgba(0,137,123,.3)}30    .cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,137,123,.4)}31    .mobile-menu-btn{display:none;background:0;border:0;font-size:1.5rem;cursor:pointer;color:var(--p)}32    .hero{min-height:100vh;display:flex;align-items:center;padding:8rem 2rem 4rem;background:radial-gradient(ellipse at 20% 80%,rgba(0,137,123,.08),transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,111,0,.08),transparent 50%),var(--bg);position:relative;overflow:hidden}33    .hero::before,.hero::after{content:'';position:absolute;border-radius:50%;animation:f 20s ease-in-out infinite}34    .hero::before{top:-50%;right:-20%;width:600px;height:600px;background:linear-gradient(135deg,var(--p),var(--pl));opacity:.05}35    .hero::after{bottom:-30%;left:-10%;width:400px;height:400px;background:var(--a);opacity:.05;animation-direction:reverse}36    @keyframes f{0%,100%{transform:translate(0)}50%{transform:translate(30px,-30px)}}37    .hero-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;width:100%}38    .hero-content{animation:fadeUp 1s ease forwards}39    @keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:0}}40    .hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#fff;padding:.5rem 1rem;border-radius:50px;box-shadow:0 10px 40px rgba(0,0,0,.08);margin-bottom:1.5rem;font-size:.9rem;color:var(--p);font-weight:500}41    .hero-badge::before{content:'';width:8px;height:8px;background:#4caf50;border-radius:50%;animation:pulse 2s ease-in-out infinite}42    @keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}43    .hero h1{font-size:3rem;line-height:1.3;margin-bottom:1.5rem}44    .hero h1 span{background:linear-gradient(135deg,var(--p),var(--pl));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}45    .hero p{font-size:1.1rem;color:#616161;margin-bottom:2rem;max-width:500px}46    .hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}47    .btn{padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:.3s;display:inline-flex;align-items:center;gap:.5rem}48    .btn-primary{background:linear-gradient(135deg,var(--p),var(--pl));color:#fff;box-shadow:0 4px 20px rgba(0,137,123,.3)}49    .btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,137,123,.4)}50    .btn-secondary{background:#fff;color:var(--p);border:2px solid var(--p)}51    .btn-secondary:hover{background:var(--p);color:#fff}52    .hero-visual{animation:fadeUp 1s ease .3s forwards;opacity:0}53    .hero-card{background:#fff;border-radius:30px;padding:2rem;box-shadow:0 10px 40px rgba(0,0,0,.1);position:relative}54    .hero-card::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(135deg,var(--p),var(--pl))}55    .hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem}56    .stat-item{text-align:center;padding:1rem;background:var(--s);border-radius:15px;transition:.3s}57    .stat-item:hover{transform:translateY(-5px);background:var(--p)}58    .stat-item:hover .stat-number,.stat-item:hover .stat-label{color:#fff}59    .stat-number{font-size:2rem;font-weight:900;color:var(--p);display:block}60    .stat-label{font-size:.85rem;color:#616161}61    .section{padding:6rem 2rem}62    .section-container{max-width:1400px;margin:0 auto}63    .section-header{text-align:center;margin-bottom:4rem}64    .section-tag{display:inline-block;background:rgba(0,137,123,.1);color:var(--p);padding:.5rem 1rem;border-radius:50px;font-size:.9rem;font-weight:500;margin-bottom:1rem}65    .section-title{font-size:2.5rem;font-weight:900;margin-bottom:1rem}66    .section-subtitle{color:#616161;max-width:600px;margin:0 auto}67    .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}68    .feature-card{background:var(--bg);border-radius:20px;padding:2rem;transition:.3s;position:relative;overflow:hidden}69    .feature-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(135deg,var(--p),var(--pl));transform:scaleX(0);transition:.3s}70    .feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px rgba(0,0,0,.12)}71    .feature-card:hover::before{transform:scaleX(1)}72    .feature-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--p),var(--pl));border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.5rem;color:#fff}73    .feature-card h3{font-size:1.3rem;margin-bottom:1rem}74    .feature-card p{color:#616161;font-size:.95rem}75    .services{background:radial-gradient(ellipse at 50% 100%,rgba(0,137,123,.05),transparent 50%),var(--bg)}76    .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}77    .service-card{background:#fff;border-radius:25px;padding:2.5rem 2rem;text-align:center;transition:.4s;box-shadow:0 5px 20px rgba(0,0,0,.05);position:relative}78    .service-card:hover{transform:translateY(-15px)rotate(1deg);box-shadow:0 20px 60px rgba(0,0,0,.12)}79    .service-number{position:absolute;top:1rem;left:1rem;font-size:3rem;font-weight:900;color:rgba(0,137,123,.1)}80    .service-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--s);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;transition:.3s}81    .service-card:hover .service-icon{background:linear-gradient(135deg,var(--p),var(--pl));color:#fff;transform:scale(1.1)rotate(10deg)}82    .service-card h3{font-size:1.2rem;margin-bottom:1rem}83    .service-card p{color:#616161;font-size:.9rem}84    .stats{padding:4rem 2rem;background:linear-gradient(135deg,var(--p),var(--pl));position:relative}85    .stats::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}86    .stats-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;position:relative;z-index:1}87    .stat-box{text-align:center;color:#fff}88    .stat-box .icon{font-size:2.5rem;margin-bottom:1rem;opacity:.9}89    .stat-box .number{font-size:3rem;font-weight:900;display:block;margin-bottom:.5rem}90    .stat-box .label{opacity:.8}91    .contact{background:#fff}92    .contact-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}93    .contact-info h2{font-size:2.5rem;margin-bottom:1.5rem}94    .contact-info p{color:#616161;margin-bottom:2rem}95    .contact-items{display:flex;flex-direction:column;gap:1.5rem}96    .contact-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg);border-radius:15px;transition:.3s}97    .contact-item:hover{transform:translateX(10px);box-shadow:0 10px 40px rgba(0,0,0,.08)}98    .contact-item .icon{width:50px;height:50px;background:linear-gradient(135deg,var(--p),var(--pl));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}99    .contact-item .text h4{font-size:1rem;margin-bottom:.2rem}100    .contact-item .text p{margin:0;font-size:.9rem;color:#616161}101    .contact-form{background:var(--bg);padding:2.5rem;border-radius:25px;box-shadow:0 10px 40px rgba(0,0,0,.08)}102    .contact-form h3{margin-bottom:1.5rem;font-size:1.5rem}103    .form-group{margin-bottom:1.5rem}104    .form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.9rem}105    .form-group input,.form-group textarea{width:100%;padding:1rem;border:2px solid transparent;border-radius:12px;background:#fff;font-family:inherit;font-size:1rem;transition:.3s}106    .form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--p);box-shadow:0 0 0 4px rgba(0,137,123,.1)}107    .form-group textarea{min-height:120px;resize:vertical}108    .submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--p),var(--pl));color:#fff;border:0;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:.3s}109    .submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,137,123,.4)}110    footer{background:#004d40;color:#fff;padding:4rem 2rem 2rem;position:relative}111    footer::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--p),var(--pl))}112    .footer-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem}113    .footer-brand .logo{margin-bottom:1rem}114    .footer-brand .logo-text{color:#fff}115    .footer-brand p{opacity:.7;margin-bottom:1.5rem;font-size:.9rem}116    .social-links{display:flex;gap:.8rem}117    .social-links a{width:40px;height:40px;background:rgba(255,255,255,.1);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:.3s}118    .social-links a:hover{background:var(--a);transform:translateY(-3px)}119    .footer-column h4{font-size:1.1rem;margin-bottom:1.5rem;position:relative}120    .footer-column h4::after{content:'';position:absolute;bottom:-.5rem;right:0;width:30px;height:3px;background:var(--a);border-radius:2px}121    .footer-column ul{list-style:none}122    .footer-column ul li{margin-bottom:.8rem}123    .footer-column ul a{color:rgba(255,255,255,.7);text-decoration:none;font-size:.9rem;transition:.3s}124    .footer-column ul a:hover{color:#fff;padding-right:5px}125    .footer-bottom{max-width:1400px;margin:3rem auto 0;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}126    .footer-bottom p{opacity:.7;font-size:.9rem}127    .anycoder-link{color:#ffa040;text-decoration:none;font-weight:500;transition:.3s}128    .anycoder-link:hover{color:#fff;transform:scale(1.05)}129    @media(max-width:1024px){130      .hero-container{grid-template-columns:1fr;text-align:center}131      .hero p{margin:0 auto 2rem}132      .hero-buttons{justify-content:center}133      .hero-visual{max-width:500px;margin:0 auto}134      .contact-container{grid-template-columns:1fr}135      .footer-container{grid-template-columns:1fr 1fr}136    }137    @media(max-width:768px){138      .nav-links,.cta-btn{display:none}139      .mobile-menu-btn{display:block}140      .hero h1{font-size:2.5rem}141      .section-title{font-size:2rem}142      .stats-container{grid-template-columns:repeat(2,1fr)}143      .footer-container{grid-template-columns:1fr;text-align:center}144      .footer-column h4::after{right:50%;transform:translateX(50%)}145      .social-links{justify-content:center}146    }147    @media(max-width:480px){148      .hero h1{font-size:2rem}149      .hero-stats,.stats-container{grid-template-columns:1fr}150      .btn{padding:.8rem 1.5rem;font-size:.9rem}151    }152  </style>153</head>154 155<body>156  <header id="header">157    <div class="nav-container">158      <a href="#" class="logo">159        <div class="logo-icon">م</div>160        <div class="logo-text">پی وی سی <span>مجد جی</span></div>161      </a>162      <nav>163        <ul class="nav-links">164          <li><a href="#home">خانه</a></li>165          <li><a href="#features">درباره ما</a></li>166          <li><a href="#services">محصولات</a></li>167          <li><a href="#contact">تماس</a></li>168        </ul>169        <a href="#contact" class="cta-btn">عضویت در تعاونی</a>170        <button class="mobile-menu-btn">☰</button>171      </nav>172    </div>173  </header>174  <section class="hero" id="home">175    <div class="hero-container">176      <div class="hero-content">177        <div class="hero-badge"><span>شرکت تعاونی پی وی سی مجد جی اصفهان</span></div>178        <h1>تولیدکنندگان محصولات <span>پلاستیکی</span> استان اصفهان</h1>179        <p>شرکت تعاونی پی وی سی مجد جی اصفهان با بیش از ۶۰ عضو حقیقی و حقوقی، بزرگترین تعاونی تولیدکنندگان محصولات پلاستیکی در استان اصفهان</p>180        <div class="hero-buttons">181          <a href="#contact" class="btn btn-primary">درخواست عضویت →</a>182          <a href="#features" class="btn btn-secondary">اطلاعات بیشتر</a>183        </div>184      </div>185      <div class="hero-visual">186        <div class="hero-card">187          <h3 style="text-align:center;margin-bottom:1rem;">اعضای تعاونی</h3>188          <div class="hero-stats">189            <div class="stat-item"><span class="stat-number">+60</span><span class="stat-label">عضو حقیقی</span></div>190            <div class="stat-item"><span class="stat-number">+60</span><span class="stat-label">عضو حقوقی</span></div>191            <div class="stat-item"><span class="stat-number">اصفهان</span><span class="stat-label">استان</span></div>192            <div class="stat-item"><span class="stat-number">+10</span><span class="stat-label">سال تجربه</span></div>193          </div>194        </div>195      </div>196    </div>197  </section>198  <section class="section features" id="features">199    <div class="section-container">200      <div class="section-header">201        <span class="section-tag">درباره تعاونی</span>202        <h2 class="section-title">چرا پی وی سی مجد جی؟</h2>203        <p class="section-subtitle">ما با اتحاد تولیدکنندگان پلاستیک، قدرت خرید و فروش را افزایش می‌دهیم</p>204      </div>205      <div class="features-grid">206        <div class="feature-card">207          <div class="feature-icon">🤝</div>208          <h3>اتحاد صنفی</h3>209          <p>یکپارچگی تولیدکنندگان برای افزایش قدرت چانه‌زنی</p>210        </div>211        <div class="feature-card">212          <div class="feature-icon">📦</div>213          <h3>خرید جمعی</h3>214          <p>تهیه مواد اولیه با قیمت رقابتی برای اعضا</p>215        </div>216        <div class="feature-card">217          <div class="feature-icon">🏭</div>218          <h3>تولید تخصصی</h3>219          <p>تخصص در تولید انواع محصولات پلاستیکی</p>220        </div>221        <div class="feature-card">222          <div class="feature-icon">💰</div>223          <h3>اعتبارات ویژه</h3>224          <p> دسترسی به تسهیلات بانکی و اعتباری</p>225        </div>226        <div class="feature-card">227          <div class="feature-icon">🎓</div>228          <h3>آموزش تخصصی</h3>229          <p>برگزاری دوره‌های آموزشی برای اعضا</p>230        </div>231        <div class="feature-card">232          <div class="feature-icon">🚀</div>233          <h3>بازاریابی مشترک</h3>234          <p>عرضه محصولات در بازارهای داخلی و خارجی</p>235        </div>236      </div>237    </div>238  </section>239  <section class="section services" id="services">240    <div class="section-container">241      <div class="section-header">242        <span class="section-tag">محصولات</span>243        <h2 class="section-title">زمینه‌های تولیدی</h2>244        <p class="section-subtitle">تنوع در تولید محصولات پلاستیکی متناسب با نیاز بازار</p>245      </div>246      <div class="services-grid">247        <div class="service-card"><span class="service-number">01</span>248          <div class="service-icon">🪣</div>249          <h3>ظروف پلاستیکی</h3>250          <p>تولید انواع ظروف بسته‌بندی و آشپزخانه</p>251        </div>252        <div class="service-card"><span class="service-number">02</span>253          <div class="service-icon">🔧</div>254          <h3>لوله و اتصالات</h3>255          <p>تولید لوله‌های پی وی سی و اتصالات</p>256        </div>257        <div class="service-card"><span class="service-number">03</span>258          <div class="service-icon">🛋️</div>259          <h3>مصنوعات پلاستیکی</h3>260          <p>تولید انواع مصنوعات صنعتی و خانگی</p>261        </div>262        <div class="service-card"><span class="service-number">04</span>263          <div class="service-icon">📦</div>264          <h3>بسته‌بندی</h3>265          <p>انواع محصولات بسته‌بندی پلاستیکی</p>266        </div>267        <div class="service-card"><span class="service-number">05</span>268          <div class="service-icon">🏗️</div>269          <h3>ساختمانی</h3>270          <p>محصولات پلاستیکی ساختمانی</p>271        </div>272        <div class="service-card"><span class="service-number">06</span>273          <div class="service-icon">🚗</div>274          <h3>خودرویی</h3>275          <p>قطعات پلاستیکی خودرو و صنعتی</p>276        </div>277      </div>278    </div>279  </section>280  <section class="stats">281    <div class="stats-container">282      <div class="stat-box">283        <span class="icon">👥</span><span class="number">+60</span><span class="label">عضو حقیقی</span>284      </div>285      <div class="stat-box">286        <span class="icon">🏢</span><span class="number">+60</span><span class="label">عضو حقوقی</span>287      </div>288      <div class="stat-box">289        <span class="icon">🏆</span><span class="number">+10</span><span class="label">سال فعالیت</span>290      </div>291      <div class="stat-box">292        <span class="icon">📍</span><span class="number">1</span><span class="label">استان اصفهان</span>293      </div>294    </div>295  </section>296  <section class="contact" id="contact">297    <div class="contact-container">298      <div class="contact-info">299        <h2>با ما در تماس باشید</h2>300        <p>آیا تولیدکننده محصولات پلاستیکی هستید؟ همین الان در تعاونی عضو شوید.</p>301        <div class="contact-items">302          <div class="contact-item">303            <div class="icon">📍</div>304            <div class="text">305              <h4>آدرس</h4>306              <p>استان اصفهان، شهر اصفهان</p>307            </div>308          </div>309          <div class="contact-item">310            <div class="icon">📞</div>311            <div class="text">312              <h4>تلفن</h4>313              <p>+98 31 1234 5678</p>314            </div>315          </div>316          <div class="contact-item">317            <div class="icon">✉️</div>318            <div class="text">319              <h4>ایمیل</h4>320              <p>info@pvc-majd.ir</p>321            </div>322          </div>323        </div>324      </div>325      <div class="contact-form">326        <h3>درخواست عضویت</h3>327        <form id="contactForm">328          <div class="form-group"><label for="name">نام و نام خانوادگی</label><input type="text" id="name" placeholder="نام خود را وارد کنید" required></div>329          <div class="form-group"><label for="company">نام شرکت/واحد تولیدی</label><input type="text" id="company" placeholder="نام شرکت یا واحد تولیدی"></div>330          <div class="form-group"><label for="email">ایمیل</label><input type="email" id="email" placeholder="ایمیل خود را وارد کنید" required></div>331          <div class="form-group"><label for="message">زمینه تولید</label><textarea id="message" placeholder="زمینه فعالیت و تولید خود را بنویسید..." required></textarea></div>332          <button type="submit" class="submit-btn">ارسال درخواست</button>333        </form>334      </div>335    </div>336  </section>337  <footer>338    <div class="footer-container">339      <div class="footer-brand">340        <a href="#" class="logo">341          <div class="logo-icon">م</div>342          <div class="logo-text">پی وی سی <span>مجد جی</span></div>343        </a>344        <p>شرکت تعاونی پی وی سی مجد جی اصفهان با بیش از ۶۰ عضو، بزرگترین تعاونی تولیدکنندگان محصولات پلاستیکی استان اصفهان</p>345        <div class="social-links">346          <a href="#">𝕏</a><a href="#">📷</a><a href="#">in</a><a href="#">✈️</a>347        </div>348      </div>349      <div class="footer-column">350        <h4>دسترسی سریع</h4>351        <ul>352          <li><a href="#">درباره ما</a></li>353          <li><a href="#">محصولات</a></li>354          <li><a href="#">اخبار</a></li>355          <li><a href="#">قوانین</a></li>356        </ul>357      </div>358      <div class="footer-column">359        <h4>محصولات</h4>360        <ul>361          <li><a href="#">ظروف پلاستیکی</a></li>362          <li><a href="#">لوله و اتصالات</a></li>363          <li><a href="#">بسته‌بندی</a></li>364          <li><a href="#">مصنوعات</a></li>365        </ul>366      </div>367      <div class="footer-column">368        <h4>تماس</h4>369        <ul>370          <li><a href="#">info@pvc-majd.ir</a></li>371          <li><a href="#">+98 31 1234 5678</a></li>372          <li><a href="#">اصفهان، ایران</a></li>373        </ul>374      </div>375    </div>376    <div class="footer-bottom">377      <p>© 2024 شرکت تعاونی پی وی سی مجد جی اصفهان. تمامی حقوق محفوظ است.</p>378      <a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank" class="anycoder-link">Built with anycoder</a>379    </div>380  </footer>381  <script>382    window.addEventListener('scroll',()=>document.getElementById('header').classList.toggle('scrolled',window.scrollY>50));383    document.getElementById('contactForm').addEventListener('submit',e=>{e.preventDefault();alert('با تشکر! درخواست عضویت شما ثبت شد.');e.target.reset()});384    document.querySelectorAll('a[href^="#"]').forEach(a=>a.addEventListener('click',e=>{e.preventDefault();document.querySelector(a.getAttribute('href'))?.scrollIntoView({behavior:'smooth'})}));385  </script>386</body>387 388</html>