contact.html

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

<head>
  <meta charset="utf-8">
  <title>SAS Lab</title>

  <!-- mobile responsive meta -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  <!-- ** Plugins Needed for the Project ** -->
  <!-- Bootstrap -->
  <link rel="stylesheet" href="plugins/bootstrap/bootstrap.min.css">
  <!-- slick slider -->
  <link rel="stylesheet" href="plugins/slick/slick.css">
  <!-- themefy-icon -->
  <link rel="stylesheet" href="plugins/themify-icons/themify-icons.css">
  <!-- animation css -->
  <link rel="stylesheet" href="plugins/animate/animate.css">
  <!-- aos -->
  <link rel="stylesheet" href="plugins/aos/aos.css">
  <!-- venobox popup -->
  <link rel="stylesheet" href="plugins/venobox/venobox.css">

  <!-- Main Stylesheet -->
  <link href="css/style.css" rel="stylesheet">

  <!--Favicon-->
  <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
  <link rel="icon" href="images/favicon.png" type="image/x-icon">

</head>

<body>
  <!-- preloader start -->
  <div class="preloader">
    <!-- <img src="images/preloader.gif" alt="preloader"> -->
  </div>
  <!-- preloader end -->

<!-- header -->
<header class="fixed-top header">
  <!-- top header -->
  <!-- navbar -->
  <div class="navigation w-100">
    <div class="container">
      <nav class="navbar navbar-expand-lg navbar-dark p-0">
        <a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="logo" width="70"></a>
        <a class="navbar-brand" href="index.html"> SAFE AUTONOMOUS SYSTEMS LAB </a>
        <button class="navbar-toggler rounded-0" type="button" data-toggle="collapse" data-target="#navigation"
          aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navigation">
          <ul class="navbar-nav ml-auto text-center">
            <li class="nav-item @@home">
              <a class="nav-link" href="index.html">Home</a>
            </li>
            <li class="nav-item @@reaserch">
              <a class="nav-link" href="research.html">Research</a>
            </li>
            <li class="nav-item @@people">
              <a class="nav-link" href="people.html">People</a>
            </li>
            <li class="nav-item @@publication">
              <a class="nav-link" href="publications.html">Publications</a>
            </li>
            <li class="nav-item @@news">
              <a class="nav-link" href="news.html">News</a>
            </li>
            <li class="nav-item dropdown view">
              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
                aria-haspopup="true" aria-expanded="false">
                Facilities
              </a>
              <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                <a class="dropdown-item" href="equipment.html">Equipment</a>
                <!-- <a class="dropdown-item" href="notice.html">Lab Schedule</a> -->
                <a class="dropdown-item" href="reservetime.html">Flight area Schedule</a>
              </div>
            </li>
<!--             <li class="nav-item @@equipment">
              <a class="nav-link" href="equipment.html">Equipment</a>
            </li> -->
            <li class="nav-item @@opening">
              <a class="nav-link" href="opening.html">Opening</a>
            </li>
            <li class="nav-item @@outreach">
              <a class="nav-link" href="outreach.html">Outreach</a>
            </li>
            <li class="nav-item active">
              <a class="nav-link" href="contact.html">CONTACT</a>
            </li>
          </ul>
        </div>
      </nav>
    </div>
  </div>
</header>
<!-- /header -->


<!-- page title -->
<section class="page-title-section overlay" data-background="images/backgrounds/page-title.jpg">
  <div class="container">
    <div class="row">
      <div class="col-md-8">
        <ul class="list-inline custom-breadcrumb">
          <li class="list-inline-item h2 text-primary font-secondary">Contact Us</li>
          <!-- <li class="list-inline-item text-white h3 font-secondary "></li> -->
        </ul>
        <!-- <p class="text-lighten">Do you have other questions? </p> -->
      </div>
    </div>
  </div>
</section>
<!-- /page title -->

<!-- contact -->
<section class="section bg-gray">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <h2 class="section-title">Contact Us</h2>
      </div>
    </div>
    <div class="row">
<!--       <div class="col-lg-7 mb-4 mb-lg-0">
        <form action="mailto:hjafarne@stevens.edu">
          <input type="text" class="form-control mb-3" id="name" name="name" placeholder="Your Name">
          <input type="email" class="form-control mb-3" id="mail" name="mail" placeholder="Your Email">
          <input type="text" class="form-control mb-3" id="subject" name="subject" placeholder="Subject">
          <textarea name="message" id="message" class="form-control mb-3" placeholder="Your Message"></textarea>
          <button type="submit" value="send" class="btn btn-primary">SEND MESSAGE</button>
        </form>
      </div> -->
       <div class="col-lg-5">
        <!-- <p class="mb-5"></p> -->
        <h4 class="section-title">Dr. Hamid Jafarnejad Sani</h4>
            <ul class="list-unstyled">
              <!-- <li class="mb-3"><a class="text-color" href="mailto:hjafarne@stevens.edu"><i class="ti-email mr-2"></i>hjafarne [at] stevens [dot] edu</a></li> -->
              <li class="mb-3"><i class="ti-email mr-2"></i>hjafarne [at] stevens [dot] edu</li>
              <li class="mb-3"><i class="ti-mobile mr-2"></i>201 216 5563</li>
              <!-- <li class="mb-3"><a class="text-color" href="#"><i class="ti-skype mr-2"></i>Hamid (?)...</a></li> -->
              <li class="mb-3"><a class="text-color" href="https://web.stevens.edu/facultyprofile/?id=2373" target="_blank"><i class="ti-world mr-2"></i>Homepage</a></li>
              <!-- <li class="mb-3"><a class="text-color" href="https://www.stevens.edu/sites/stevens_edu/files/files/Brand-Assets/Maps/StevensCampusMap.pdf"><i class="ti-location-pin mr-2"></i>Room 409, Edwin A. Stevens Hall</a></li> -->
            </ul>
      </div>
      <div class="col-lg-5">
        <!-- <p class="mb-5"></p> -->
        <h4 class="section-title">SAS Lab's Location</h4>
          <ul class="list-unstyled">
            <li class="mb-3">Carnegie Laboratory, Room 106</li>
            <li class="mb-3">Stevens Institute of Technology</li>
            <!-- <li class="mb-3 text-color"><i class="ti-location-pin mr-2"></i>Carnegie Laboratory, Room 107</li> -->
            <li class="mb-3">519 Hudson St.</li>
            <li class="mb-3">Hoboken, NJ 07030</li>
            <!-- <li class="mb-3">(201) 216-5563</li> -->
            <!-- <li class="mb-">hjafarne [at] stevens [dot] edu</li> -->
          </ul>
      </div>
    </div>
  </div>
</section>
<!-- /contact -->

<!-- gmap -->
<section class="text-center">
  <!-- Google Map -->
  <!-- <div id="map_canvas" data-latitude="40.7428402" data-longitude="-74.0278775"></div> -->
  <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2533.648403851515!2d-74.02622588308273!3d40.74766438623278!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c259dfc636ab25%3A0x753631a055860b46!2sCarnegie%20Laboratory%2C%20519%20Hudson%20St%2C%20Hoboken%2C%20NJ%2007030!5e0!3m2!1sen!2sus!4v1611549418359!5m2!1sen!2sus" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</section>
<!-- /gmap -->

<!-- footer -->
<footer>
  <!-- newsletter -->

  <!-- copyright -->
<div class="copyright py-4 bg-footer">
    <div class="container">
      <div class="row">
        <div class="col-sm-5 text-sm-left text-center">
          <p class="mb-0">Copyright © 2019 - 
            <script>
              var CurrentYear = new Date().getFullYear()
              document.write(CurrentYear)
            </script> 
             Hamidreza Jafarnejadsani.</p>
             <p>All rights reserved.</p>
             <p> Design: <a class="" href="https://themefisher.com/" target="_blank">themefisher</a></p>
        </div>
        <!-- <div class="col-lg-4 col-sm-8 mb-5 mb-lg-0"> -->
        <div class="col-sm text-sm-left text-center">
         <a href="https://www.stevens.edu/"><img src="images/Stevens_logo.png" class="img-responsive" alt="logo" width="200"></a> 
        </div>  
        <div class="col-sm-3 text-sm-left text-center">
          <ul class="list-unstyled">
            <li class="mb-1">Carnegie Laboratory, Room 106</li>
            <li class="mb-1">519 Hudson St.</li>
            <li class="mb-1">Hoboken, NJ 07030</li>
            <li class="mb-1">(201) 216-5563</li>
            <li class="mb-2">hjafarne [at] stevens [dot] edu</li>
          </ul>
        </div>
        <div class="col-sm text-sm-right text-center"> 
          <ul class="list-inline">
            <!-- <li class="list-inline-item"><a class="d-inline-block p-2" href="#"><i class="ti-facebook text-primary"></i></a></li> -->
            <li class="list-inline-item"><a class="d-inline-block p-2" href="https://github.com/SASLabStevens" target="_blank"><i class="ti-github text-primary"></i></a></li>
            <li class="list-inline-item"><a class="d-inline-block p-2" href="https://www.youtube.com/channel/UC5wWa4r58r1dMlbTwYGo9Mg" target="_blank"><i class="ti-youtube text-primary"></i></a></li>
            <!-- <li class="list-inline-item"><a class="d-inline-block p-2" href="#"><i class="ti-twitter-alt text-primary"></i></a></li> -->
          </ul>
        </div>
      </div>
    </div>
  </div>
</footer>
<!-- /footer -->


<!-- jQuery -->
<script src="plugins/jQuery/jquery.min.js"></script>
<!-- Bootstrap JS -->
<script src="plugins/bootstrap/bootstrap.min.js"></script>
<!-- slick slider -->
<script src="plugins/slick/slick.min.js"></script>
<!-- aos -->
<script src="plugins/aos/aos.js"></script>
<!-- venobox popup -->
<script src="plugins/venobox/venobox.min.js"></script>
<!-- filter -->
<script src="plugins/filterizr/jquery.filterizr.min.js"></script>
<!-- google map -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBu5nZKbeK-WHQ70oqOWo-_4VmwOwKP9YQ"></script>
<script src="plugins/google-map/gmap.js"></script>

<!-- Main Script -->
<script src="js/script.js"></script>

</body>
</html>