index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Iman Rahmati</title>

  <!--
    - favicon
  -->
  <link rel="shortcut icon" href="./assets/images/logo.ico" type="image/x-icon">

  <!--
    - custom css link
  -->
  <link rel="stylesheet" href="./assets/css/style.css">

  <!--
    - google font link
  -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">
</head>

<body>

  <!-- Particles.js background -->
  <div id="particles-js"></div>

  <!--
    - #MAIN
  -->

  <main>

    <!--
      - #SIDEBAR
    -->

    <aside class="sidebar" data-sidebar>

      <div class="sidebar-info">

        <figure class="avatar-box">
          <img src="./assets/images/1.png" alt="Richard hanrick" width="80">
        </figure>

        <div class="info-content">
          <h1 class="name" title="Richard hanrick">Iman Rahmati</h1>

          <p class="title">Research Assistant</p>
        </div>

        <button class="info_more-btn" data-sidebar-btn>
          <span>Show Contacts</span>

          <ion-icon name="chevron-down"></ion-icon>
        </button>

      </div>

      <div class="sidebar-info_more">

        <div class="separator"></div>

        <ul class="contacts-list">

          <li class="contact-item">

            <div class="icon-box">
              <ion-icon name="mail-outline"></ion-icon>
            </div>

            <div class="contact-info">
              <p class="contact-title">Email</p>

              <a href="mailto:imanrht@gmail.com" class="contact-link">imanrht@gmail.com</a>
            </div>

          </li>

          <li class="contact-item">

            <div class="icon-box">
              <ion-icon name="phone-portrait-outline"></ion-icon>
            </div>

            <div class="contact-info">
              <p class="contact-title">Phone</p>

              <a href="tel:+989124802052" class="contact-link">+98 912 480 2052</a>
            
            </div>

          </li>

          <li class="contact-item">

            <div class="icon-box">
              <ion-icon name="calendar-outline"></ion-icon>
            </div>

            <div class="contact-info">
              <p class="contact-title">Birthday</p>

              <time datetime="1982-06-23">Oct 10, 1994</time>
            </div>

          </li>

          <li class="contact-item">

            <div class="icon-box">
              <ion-icon name="location-outline"></ion-icon>
            </div>

            <div class="contact-info">
              <p class="contact-title">Location</p>

              <address>Tehran, Iran</address>
            </div>

          </li>


        </ul>

          <div class="separator"></div>

          <ul class="social-list">
            <li class="social-item">
              <a href="https://github.com/imanRht" class="social-link">
                <ion-icon name="logo-github"></ion-icon>
              </a>
            </li>

            <li class="social-item">
              <a
                href="https://www.instagram.com/imanrahmatei/"
                class="social-link"
              >
                <ion-icon name="logo-instagram"></ion-icon>
              </a>
            </li>

            <li class="social-item">
              <a
                href="https://linkedin.com/in/iman-rahmati"
                class="social-link"
              >
                <ion-icon name="logo-linkedin"></ion-icon>
              </a>
            </li>

            <li class="social-item">
              <a
                href="https://api.whatsapp.com/send?phone=09124802052"
                class="social-link"
              >
                <ion-icon name="logo-whatsapp"></ion-icon>
              </a>
            </li>

            <li class="social-item">
              <a
                href="#"
                class="social-link"
              >
                <ion-icon name="logo-stackoverflow"></ion-icon>
              </a>
            </li>
          </ul>
        </div>

    </aside>


    <!--
      - #main-content
    -->

    <div class="main-content">

      <!--
        - #NAVBAR
      -->

      <nav class="navbar">

        <ul class="navbar-list">

          <li class="navbar-item">
            <button class="navbar-link  active" data-nav-link>About</button>
          </li>


          <li class="navbar-item">
            <button class="navbar-link" data-nav-link>CV</button>
          </li>


          <li class="navbar-item">
            <button class="navbar-link" data-nav-link>Project</button>
          </li>

          <li class="navbar-item">
            <button class="navbar-link" data-nav-link>Blog</button>
          </li>

          <li class="navbar-item">
            <button class="navbar-link" data-nav-link>Contact</button>
          </li>

        </ul>

      </nav>


      <!--
        - #ABOUT
      -->

      <article class="about  active" data-page="about">

        <header>
          <h2 class="h2 article-title">About me</h2>
        </header>

        <section class="about-text">
  

        <h3 class="h6">My Research Interests:</h3>
          <p>
            Distributed Systems, 
            Mobile Edge Computing, Deep Reinforcement Learning, Federated Learning, Software Defined Networking, Performance Evaluation
             
          </p>
        </section>


        <section class="testimonials">

        <h5 class="h5 testimonials-title">Currently I am juggling with: </h5>

        <ul class="testimonials-list has-scrollbar">

            <li class="testimonials-item">
              <div class="content-card" data-testimonials-item>

                <p class="testimonials-avatar-box">
                  <img src="./assets/images/ee.png" alt="" width="0" data-testimonials-avatar>
                </p>

                <h4 class="h4 testimonials-title" data-testimonials-title>Multi-Agent DRL</h4>

                <div class="testimonials-text" data-testimonials-text>
                  <p>
                    Multi-Agent Deep Reinforcement Learning for Energy-Efficient Cooperative Computation Offloading in Heterogeneous Mobile Edge Computing
                  </p>
                </div>

              </div>
            </li>

            <li class="testimonials-item">
              <div class="content-card" data-testimonials-item>

                <figure class="testimonials-avatar-box">
                  <img src="./assets/images/ee.png" alt="" width="0" data-testimonials-avatar>
                </figure>

                <h4 class="h4 testimonials-title" data-testimonials-title>Federated DRL</h4>

                <div class="testimonials-text" data-testimonials-text>
                  <p>
                    Federated Deep Reinforcement Learning Improves Dependent Task Offloading in Mobile Edge Computing
                  </p>
                </div>

              </div>
            </li>

            <li class="testimonials-item">
              <div class="content-card" data-testimonials-item>

                <figure class="testimonials-avatar-box">
                  <img src="./assets/images/ee.png" alt="" width="0" data-testimonials-avatar>
                </figure>

                <h4 class="h4 testimonials-title" data-testimonials-title>DRL-Based Rule Caching in SDN</h4>

                <div class="testimonials-text" data-testimonials-text>
                  <p>
                    Deep Reinforcement Learning for Efficient Collaborative Rule Caching Through Pairing of P4 Switches in SDNs
                  </p>
                </div>

              </div>
            </li>

        
          </ul>

          <ul class="testimonials-list has-scrollbar">

            <li class="testimonials-item">
              <div class="content-card" data-testimonials-item>

                <p class="testimonials-avatar-box">
                  <img src="./assets/images/ee.png" alt="" width="0" data-testimonials-avatar>
                </p>

                <h4 class="h4 testimonials-title" data-testimonials-title>QECO</h4>

                <div class="testimonials-text" data-testimonials-text>
                  <p>
                    A QoE-Oriented Computation Offloading Algorithm based on Deep Reinforcement Learning for Mobile Edge Computing
                  </p>
                </div>

              </div>
            </li>

            <li class="testimonials-item">
              <div class="content-card" data-testimonials-item>

                <figure class="testimonials-avatar-box">
                  <img src="./assets/images/ee.png" alt="" width="0" data-testimonials-avatar>
                </figure>

                <h4 class="h4 testimonials-title" data-testimonials-title>MEC Env</h4>

                <div class="testimonials-text" data-testimonials-text>
                  <p>
                    A Realistic Mobile Edge Computing environment; with matacouse conditions for deadline and energy Energy-Constrained
                  </p>
                </div>

              </div>
            </li>

        
          </ul>

        </section>


        <!--
          - testimonials modal
        -->

        <div class="modal-container" data-modal-container>

          <div class="overlay" data-overlay></div>

          <section class="testimonials-modal">

            <button class="modal-close-btn" data-modal-close-btn>
              <ion-icon name="close-outline"></ion-icon>
            </button>

            <div class="modal-img-wrapper">
              <figure class="modal-avatar-box">
                <img src="./assets/images/avatar-1.png" alt="Daniel lewis" width="80" data-modal-img>
              </figure>

              <img src="./assets/images/icon-quote.svg" alt="quote icon">
            </div>

            <div class="modal-content">

              <h4 class="h3 modal-title" data-modal-title>Daniel lewis</h4>

              <time datetime="2021-06-14">28 Oct, 2023</time>

              <div data-modal-text>
                <p>
                  Richard was hired to create a corporate identity. We were very pleased with the work done. She has a
                  lot of experience
                  and is very concerned about the needs of client. Lorem ipsum dolor sit amet, ullamcous cididt
                  consectetur adipiscing
                  elit, seds do et eiusmod tempor incididunt ut laborels dolore magnarels alia.
                </p>
              </div>

            </div>

          </section>

        </div>


        <!--
          - clients
        -->


      </article>


      <!--
        - #RESUME
      -->


      <article class="cv" data-page="cv">

      
        <a href="./assets/images/CV_ImanRahmati.pdf" class="contact-link">Download</a>
        <header>
            
          <h2 class="h2 article-title">My CV</h2>
            
        </header>
        
        
        <section class="timeline">

          <div class="title-wrapper">
            <div class="icon-box">
              <ion-icon name="book-outline"></ion-icon>
            </div>

            <h3 class="h3">Education</h3>
          </div>

          <ol class="timeline-list">

            <li class="timeline-item">

              <h4 class="h4 timeline-item-title">Sharif University of Technology</h4>

              <span>MSc. Computer Software Engineering</span>


              <h5 class="h5">Thesis Tilte:</h5>
              <p class="timeline-text">
                Optimizing Computational Task Offloading Problem in Energy-Constrained Mobile Edge Computing Systems with Deep Reinforcement Learning 
              </p>

              <p class="timeline-text">
                Supervisor: Prof. Ali Movaghar
              </p>
              <span>2019 — 2022</span>

            </li>

            <li class="timeline-item">

              <h4 class="h4 timeline-item-title">Khajeh Nasir Toosi University of Technology</h4>

              <span>BSc. Industrial Engineering</span>
              <span>2013 - 2019</span>


            </li>

          </ol>

        </section>

            <div class="separator"></div>

        <section class="timeline">

          <div class="title-wrapper">
            <div class="icon-box">
              <ion-icon name="book-outline"></ion-icon>
            </div>

            <h3 class="h3">Academic Experience</h3>
          </div>

          <ol class="timeline-list">

            <li class="timeline-item">

              <h4 class="h4 timeline-item-title">Research Engineer</h4>

              <span>EdgeAI Lab</span>

              <h5 class="h5">Research Theme:</h5>

              <p class="timeline-text">
                Developing hierarchical multi-agent DRL-based approaches for compu- tation offloading decision-making in heterogeneous MEC, with an emphasis on centralized training and decentralized execution to achieve collaborative global optimization.
              </p>

            <span>2019 - Present</span>
            </li>

            <li class="timeline-item">


                <h4 class="h4 timeline-item-title">Research Assistant</h4>

                <span>Performance and Dependability Laboratory</span>

                 <h5 class="h5">Research Theme:</h5>

                 <p class="timeline-text">
                    Designed and implemented an algorithm leveraging deep reinforcement learning to optimize computation offloading decisions within mobile edge computing, with a primary focus on enhancing the Quality of Experience (QoE) for end-users of mobile applications.
                 </p>

            <span>2013 - 2019</span>            

            </li>


            <li class="timeline-item">

              <h4 class="h4 timeline-item-title">Teaching Assistant</h4>

              <span>Sharif University of Technology</span>

                <h5 class="h5">Cources:</h5>
                <p class="timeline-text"></p>Perance Evaluation of Computer Systems</p>
                <p class="timeline-text"> # Prof. Ali Movaghar and Dr. Mahdi Dolati</p>
                <span>2023</span>
                <p class="timeline-text"></p>Software Defined Networking</p>
                <p class="timeline-text"> # Prof. Ali Movaghar and Dr. Mohammad Hosseini</p>
                <span>2022</span>
                <p class="timeline-text"></p>Verification of Reactive Systems</p>
                <p class="timeline-text"> # Prof. Ali Movaghar</p>
                <span>2021</span>
                <p class="timeline-text"></p>Theory of Machines and Languages</p>
                <p class="timeline-text"> # Prof. Ali Movaghar</p>
                <span>2021</span>

   
            </li>

            <li class="timeline-item">

              <h4 class="h4 timeline-item-title">Reviewer</h4>

              <span>Computer Society of Iran</span>

              <p class="timeline-text">
                27th International Computer Conference
              </p>
                <span>2022</span>
            </li>

          </ol>

        </section>

            <div class="separator"></div>

        <section class="Publication">

        <h3 class="h3 Publication-title">Publication</h3>
                <br>

                <h3 class="h5"># I. Rahmati, H. Shahmansouri, A. Movaghar, QECO: A QoE-Oriented Computation Offloading Algorithm based on Deep Reinforcement Learning for Mobile Edge Computing”, 2024.</h5>


                <br>

              <h3 class="h5"># I. Rahmati, H. Shah-Mansouri, H. Kebriaei, A. Movaghar, Multi-Agent Deep Reinforcement Learning for Energy-Efficient Cooperative Computation Offloading in Heterogeneous Mobile Edge Computing, work in progress.</h5>


                 <br>
              <h3 class="h5"># I. Rahmati, A. Movaghar, Federated Deep Reinforcement Learning Improves Dependent Task Offloading in Mobile Edge Computing, work in progress.</h5>
     

        </section>

        <div class="separator"></div>
        

        <section class="Publication">


          <h3 class="h3 skills-title">My skills</h3>

          
            <li class="skills-item">

              <div class="title-wrapper">
                <h5 class="h5">Programming Languages:</h5>
              </div>


              <p class="timeline-text">
                C, Python, LATEX
              </p>

            </li>

            
            <li class="skills-item">

              <div class="title-wrapper">
                <h5 class="h5">Frameworks & Tools:</h5>

              </div>
              <p class="timeline-text">
                Linux
              </p>

            </li>

            <li class="skills-item">

              <div class="title-wrapper">
                <h5 class="h5">Languages:</h5>
           
              </div>

              <p class="timeline-text">
                Farsi (Native), English (Working proficiency)
              </p>


            </li>


</section>
          

      </article>


      <!--
        - #PORTFOLIO
      -->

      <article class="project" data-page="project">

        <header>
          <h2 class="h2 article-title">Project</h2>
        </header>


        <section class="projects">


        <ul class="testimonials-list has-scrollbar">

            <li class="testimonials-item">
              <div class="content-card" data-testimonials-item>

                <p class="testimonials-avatar-box">
                  <img src="./assets/images/ee.png" alt="" width="0" data-testimonials-avatar>
                </p>

                <h4 class="h4 testimonials-title" data-testimonials-title>Multi-Agent DRL</h4>

                <div class="testimonials-text" data-testimonials-text>
                  <p>
                    Multi-Agent Deep Reinforcement Learning for Energy-Efficient Cooperative Computation Offloading in Heterogeneous Mobile Edge Computing
                  </p>
                </div>

              </div>
            </li>

            <li class="testimonials-item">
              <div class="content-card" data-testimonials-item>

                <figure class="testimonials-avatar-box">
                  <img src="./assets/images/ee.png" alt="" width="0" data-testimonials-avatar>
                </figure>

                <h4 class="h4 testimonials-title" data-testimonials-title>Federated DRL</h4>

                <div class="testimonials-text" data-testimonials-text>
                  <p>
                    Federated Deep Reinforcement Learning Improves Dependent Task Offloading in Mobile Edge Computing
                  </p>
                </div>

              </div>
            </li>

            <li class="testimonials-item">
              <div class="content-card" data-testimonials-item>

                <figure class="testimonials-avatar-box">
                  <img src="./assets/images/ee.png" alt="" width="0" data-testimonials-avatar>
                </figure>

                <h4 class="h4 testimonials-title" data-testimonials-title>DRL-Based Rule Caching in SDN</h4>

                <div class="testimonials-text" data-testimonials-text>
                  <p>
                    Deep Reinforcement Learning for Efficient Collaborative Rule Caching Through Pairing of P4 Switches in SDNs
                  </p>
                </div>

              </div>
            </li>

        
          </ul>

          <ul class="testimonials-list has-scrollbar">

            <li class="testimonials-item">
              <div class="content-card" data-testimonials-item>

                <p class="testimonials-avatar-box">
                  <img src="./assets/images/ee.png" alt="" width="0" data-testimonials-avatar>
                </p>

                <h4 class="h4 testimonials-title" data-testimonials-title>QECO</h4>

                <div class="testimonials-text" data-testimonials-text>
                  <p>
                    A QoE-Oriented Computation Offloading Algorithm based on Deep Reinforcement Learning for Mobile Edge Computing
                  </p>
                </div>

              </div>
            </li>

            <li class="testimonials-item">
              <div class="content-card" data-testimonials-item>

                <figure class="testimonials-avatar-box">
                  <img src="./assets/images/ee.png" alt="" width="0" data-testimonials-avatar>
                </figure>

                <h4 class="h4 testimonials-title" data-testimonials-title>MEC Env</h4>

                <div class="testimonials-text" data-testimonials-text>
                  <p>
                    A Realistic Mobile Edge Computing environment; with matacouse conditions for deadline and energy Energy-Constrained
                  </p>
                </div>

              </div>
            </li>

        
          </ul>


          <ul class="filter-list">

          </ul>

          <div class="filter-select-box">

            <button class="filter-select" data-select>

              <div class="select-value" data-selecct-value>Select category</div>

              <div class="select-icon">
                <ion-icon name="chevron-down"></ion-icon>
              </div>

            </button>

            <ul class="select-list">


            </ul>

          </div>

          <ul class="project-list">

            <li class="project-item  active" data-filter-item data-category="web development">
              <a href="https://github.com/ImanRHT/QoE_Offloading_DRL">

                <figure class="project-img">
                  <div class="project-item-icon-box">
                    <ion-icon name="logo-github"></ion-icon>
                  </div>

                  <img src="./assets/images/Q.png" alt="QOCO" loading="lazy">
                </figure>

                <h3 class="project-title">QOCO</h3>

                <p class="project-category">A QoE-Oriented Computation Offloading Algorithm based on Deep Reinforcement Learning for Mobile Edge Computing”, submitted on IEEE Internet of Things Journal 2023.</p>

              </a>
            </li>

            <li class="project-item  active" data-filter-item data-category="web development">
              <a href="#">

                <figure class="project-img">
                  <div class="project-item-icon-box">
                    <ion-icon name="eye-outline"></ion-icon>
                  </div>

                  <img src="./assets/images/MEC.png" alt="orizon" loading="lazy">
                </figure>

                <h3 class="project-title">MEC Env</h3>

                <p class="project-category">Realistic Mobile Edge Computing environment; with matacouse conditions for deadline and energy Energy-Constrained</p>

              </a>
            </li>

 
          </ul>

        </section>

      </article>
      <!--
        - #BLOG
      -->

      <article class="blog" data-page="blog">

        <header>
          <h2 class="h2 article-title">Blog</h2>
        </header>

        <section class="blog-posts">

          <ul class="blog-posts-list">

            <li class="blog-post-item">
              <a href="#">

                <figure class="blog-banner-box">
                  <img src="./assets/images/blog-1.jpg" alt="Design conferences in 2022" loading="lazy">
                </figure>

                <div class="blog-content">

                  <div class="blog-meta">
                    <p class="blog-category">Design</p>

                    <span class="dot"></span>

                    <time datetime="2022-02-23">Fab 23, 2022</time>
                  </div>

                  <h3 class="h3 blog-item-title">Design conferences in 2022</h3>

                  <p class="blog-text">
                    Veritatis et quasi architecto beatae vitae dicta sunt, explicabo.
                  </p>

                </div>

              </a>
            </li>

            <li class="blog-post-item">
              <a href="#">

                <figure class="blog-banner-box">
                  <img src="./assets/images/blog-2.jpg" alt="Best fonts every designer" loading="lazy">
                </figure>

                <div class="blog-content">

                  <div class="blog-meta">
                    <p class="blog-category">Design</p>

                    <span class="dot"></span>

                    <time datetime="2022-02-23">Fab 23, 2022</time>
                  </div>

                  <h3 class="h3 blog-item-title">Best fonts every designer</h3>

                  <p class="blog-text">
                    Sed ut perspiciatis, nam libero tempore, cum soluta nobis est eligendi.
                  </p>

                </div>

              </a>
            </li>

            <li class="blog-post-item">
              <a href="#">

                <figure class="blog-banner-box">
                  <img src="./assets/images/blog-3.jpg" alt="Design digest #80" loading="lazy">
                </figure>

                <div class="blog-content">

                  <div class="blog-meta">
                    <p class="blog-category">Design</p>

                    <span class="dot"></span>

                    <time datetime="2022-02-23">Fab 23, 2022</time>
                  </div>

                  <h3 class="h3 blog-item-title">Design digest #80</h3>

                  <p class="blog-text">
                    Excepteur sint occaecat cupidatat no proident, quis nostrum exercitationem ullam corporis suscipit.
                  </p>

                </div>

              </a>
            </li>

            <li class="blog-post-item">
              <a href="#">

                <figure class="blog-banner-box">
                  <img src="./assets/images/blog-4.jpg" alt="UI interactions of the week" loading="lazy">
                </figure>

                <div class="blog-content">

                  <div class="blog-meta">
                    <p class="blog-category">Design</p>

                    <span class="dot"></span>

                    <time datetime="2022-02-23">Fab 23, 2022</time>
                  </div>

                  <h3 class="h3 blog-item-title">UI interactions of the week</h3>

                  <p class="blog-text">
                    Enim ad minim veniam, consectetur adipiscing elit, quis nostrud exercitation ullamco laboris nisi.
                  </p>

                </div>

              </a>
            </li>

            <li class="blog-post-item">
              <a href="#">

                <figure class="blog-banner-box">
                  <img src="./assets/images/blog-5.jpg" alt="The forgotten art of spacing" loading="lazy">
                </figure>

                <div class="blog-content">

                  <div class="blog-meta">
                    <p class="blog-category">Design</p>

                    <span class="dot"></span>

                    <time datetime="2022-02-23">Fab 23, 2022</time>
                  </div>

                  <h3 class="h3 blog-item-title">The forgotten art of spacing</h3>

                  <p class="blog-text">
                    Maxime placeat, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                  </p>

                </div>

              </a>
            </li>

            <li class="blog-post-item">
              <a href="#">

                <figure class="blog-banner-box">
                  <img src="./assets/images/blog-6.jpg" alt="Design digest #79" loading="lazy">
                </figure>

                <div class="blog-content">

                  <div class="blog-meta">
                    <p class="blog-category">Design</p>

                    <span class="dot"></span>

                    <time datetime="2022-02-23">Fab 23, 2022</time>
                  </div>

                  <h3 class="h3 blog-item-title">Design digest #79</h3>

                  <p class="blog-text">
                    Optio cumque nihil impedit uo minus quod maxime placeat, velit esse cillum.
                  </p>

                </div>

              </a>
            </li>

          </ul>

        </section>

      </article>


      <!--
        - #CONTACT
      -->

      <article class="contact" data-page="contact">

        <header>
          <h2 class="h2 article-title">Contact</h2>
        </header>

        <section class="mapbox" data-mapbox>
          <figure>
            <iframe
              src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d199666.5651251294!2d-121.58334177520186!3d38.56165006739519!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x809ac672b28397f9%3A0x921f6aaa74197fdb!2sSacramento%2C%20CA%2C%20USA!5e0!3m2!1sen!2sbd!4v1647608789441!5m2!1sen!2sbd"
              width="400" height="300" loading="lazy"></iframe>
          </figure>
        </section>

        <section class="contact-form">

          <h3 class="h3 form-title">Contact Form</h3>

         <form action="https://formspree.io/f/xvgplavp" method="POST" class="form" data-form>

            <div class="input-wrapper">
              <input type="text" name="fullname" class="form-input" placeholder="Full name" required data-form-input>

              <input type="email" name="email" class="form-input" placeholder="Email address" required data-form-input>
            </div>

            <textarea name="message" class="form-input" placeholder="Your Message" required data-form-input></textarea>

            <button class="form-btn" type="submit" disabled data-form-btn>
              <ion-icon name="paper-plane"></ion-icon>
              <span>Send Message</span>
            </button>

          </form>

        </section>

      </article>

    </div>

  </main>


  <!--
    - custom js link
  -->
  <script src="./assets/js/script.js"></script>

  <!--
    - ionicon link
  -->
  <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
  <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>

</body>

</html>