<body>  <span class="nav-btn" id="nav-btn"> <i class="bi bi-list-nested"></i> </span> <nav class="navbar" id="navbar"> <div class="navbar-header"> <span class="nav-close" id="nav-close"> <i class="bi bi-x"></i> </span> </div> <ul class="nav-items"> <li> <a href="index.html" class="nav-link"> <i class="bi bi-house-fill"></i> صفحه اصلی </a> </li> <li> <a href="about.html" class="nav-link"> <i class="bi bi-info-circle-fill"></i> درباره ما </a> </li> <li> <a href="products.html" class="nav-link"> <i class="bi bi-box-seam-fill"></i> محصولات </a> </li> <li> <a href="services.html" class="nav-link"> <i class="bi bi-calendar2-check-fill"></i> خدمات </a> </li> <li> <a href="contact-us.html" class="nav-link"> <i class="bi bi-chat-right-dots-fill"></i> تماس با ما </a> </li> </ul> </nav>   <header class="header"> <div class="banner"> <h1>لورم ایپسوم متن ساختگی</h1> <h2> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ </h2> <a class="btn btn-banner" href="./products.html">محصولات</a> </div> </header> <div class="content-divider"></div>   <section class="features clearfix"> <article class="feature"> <span class="feature-icon"> <i class="bi bi-x-diamond-fill"></i> </span> <h4 class="feature-title">لورم ایپسوم</h4> <p class="feature-text"> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است </p> </article> <article class="feature"> <span class="feature-icon"> <i class="bi bi-symmetry-vertical"></i> </span> <h4 class="feature-title">لورم ایپسوم</h4> <p class="feature-text"> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است </p> </article> <article class="feature"> <span class="feature-icon"> <i class="bi bi-subtract"></i> </span> <h4 class="feature-title">لورم ایپسوم</h4> <p class="feature-text"> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است </p> </article> <article class="feature"> <span class="feature-icon"> <i class="bi bi-server"></i> </span> <h4 class="feature-title">لورم ایپسوم</h4> <p class="feature-text"> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است </p> </article> </section>   <section class="section-center clearfix">  <article class="about-img"> <div class="about-picture-container"> <img class="about-picture" src="./images/about-bcg.jpg" alt="about-image" /> </div> </article>  <article class="about-info">  <div class="section-title"> <h3>درباره ما</h3> <h2>لورم ایپسوم</h2> </div> <p class="about-text"> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است </p> <p class="about-text"> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است </p> <a class="btn about-btn" href="about.html">درباره ما</a> </article> </section>   <section class="products"> <div class="section-center clearfix"> <article class="products-info"> <div class="section-title"> <h3>محصولات</h3> <h2>لورم ایپسوم</h2> </div> <p class="product-text"> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است </p> <a class="btn btn-products" href="products.html">مشاهده محصولات</a > </article> <article class="products-cards clearfix"> <div class="product"> <img class="product-img" src="./images/product-1.jpg" alt="product-img" /> <h4 class="product-title">لورم ایپسوم متن</h4> <h4 class="product-price">65,000 <span>تومان</span></h4> </div> <div class="product"> <img class="product-img" src="./images/product-2.jpg" alt="product-img" /> <h4 class="product-title">لورم ایپسوم</h4> <h4 class="product-price">59,000 <span>تومان</span></h4> </div> <div class="product"> <img class="product-img" src="./images/product-3.jpg" alt="product-img" /> <h4 class="product-title">لورم ایپسوم متن</h4> <h4 class="product-price"> 369,000 <span>تومان</span> </h4> </div> </article> </div> </section>   <section class="section-center"> <div class="section-title services-title"> <h3>خدمات</h3> <h2>لورم ایپسوم</h2> </div> <div class="clearfix"> <article class="service-card"> <div class="service-img-container"> <img class="service-img" src="./images/product-1.jpg" alt="single service" /> <span class="service-icon"> <i class="bi bi-app-indicator"></i> </span> </div> <div class="service-info"> <h4>لورم ایپسوم متن</h4> <p> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. </p> <a class="btn btn-sevice" href="products.html" >مشاهده بیشتر</a > </div> </article> <article class="service-card"> <div class="service-img-container"> <img class="service-img" src="./images/product-2.jpg" alt="single service" /> <span class="service-icon"> <i class="bi bi-bar-chart-line"></i> </span> </div> <div class="service-info"> <h4>لورم ایپسوم</h4> <p> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. </p> <a class="btn btn-sevice" href="products.html" >مشاهده بیشتر</a > </div> </article> <article class="service-card"> <div class="service-img-container"> <img class="service-img" src="./images/product-3.jpg" alt="single service" /> <span class="service-icon"> <i class="bi bi-subtract"></i> </span> </div> <div class="service-info"> <h4>لورم ایپسوم متن</h4> <p> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. </p> <a class="btn btn-sevice" href="products.html" >مشاهده بیشتر</a > </div> </article> </div> </section>   <section class="contact"> <div class="section-center clearfix"> <article class="contact-info"> <div class="contact-item"> <h4 class="contact-title"> <span class="contact-icon"> <i class="bi bi-geo-alt-fill"></i> </span> آدرس </h4> <h4 class="contact-text"> لورم ایپسوم متن ساختگی <br /> تولید سادگی نامفهوم از صنعت چاپ </h4> </div> <div class="contact-item"> <h4 class="contact-title"> <span class="contact-icon"> <i class="bi bi-envelope-fill"></i> </span> ایمیل </h4> <h4 class="contact-text">email@email.com</h4> </div> <div class="contact-item"> <h4 class="contact-title"> <span class="contact-icon"> <i class="bi bi-telephone-fill"></i> </span> شماره تماس </h4> <h4 class="contact-text">0910 000 000</h4> </div> </article> <article class="contact-form"> <h3>تماس با ما</h3> <form> <div class="form-group"> <input class="form-control" type="text" placeholder="نام" name="name" /> <input class="form-control" type="email" placeholder="ایمیل" name="email" /> <textarea name="message" placeholder="متن پیام" class="form-control" rows="5" ></textarea> </div> <button type="submit" class="btn submit-btn"> ارسال پیام </button> </form> </article> </div> </section>   <footer class="footer"> <div class="section-center"> <div class="social-icons"> <a class="social-icon" href="#"> <i class="bi bi-whatsapp"></i> </a> <a class="social-icon" href="#"> <i class="bi bi-twitter"></i> </a> <a class="social-icon" href="#"> <i class="bi bi-instagram"></i> </a> </div> <h4 class="footer-text"> <span class="company">آکادمی محمدی</span> کلیه‌ی حقوق نزد وب پروگ محفوظ است و هر گونه کپی‌برداری از مطالب، پیگرد قانونی دارد. </h4> </div> </footer>  <script src="./js/app.js"></script> </body> </html>