File size: 7.73Kb
<!doctype html>
<html lang="en">
<head>
<!-- Meta -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- favicon -->
<link rel="icon" sizes="16x16" href="assets/img/favicon.png">
<!-- Title -->
<title> Elmiz - Personal Portfolio Template </title>
<!-- CSS Plugins -->
<link rel="stylesheet" href="assets/css/all.css">
<link rel="stylesheet" href="assets/css/elegant-font-icons.css">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/owl.carousel.css">
<link rel="stylesheet" href="assets/css/animate.css">
<!-- Font Google -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700,800,900&display=swap" rel="stylesheet">
<!-- main style -->
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/colors/color-6.css">
<link rel="stylesheet" href="assets/css/custom.css">
</head>
<body>
<!--Menu-->
<div class="main-menu fixed-top main-menu-left">
<nav class="nav-menu" >
<ul class="menu">
<li>
<a href="index-1.html">Home</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="services.html">Services</a>
</li>
<li>
<a href="works.html">Works</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="contact.html" class="active">Contact</a>
</li>
</ul>
</nav>
<!--hamburger-menu-->
<a class="hamburger-menu js-toggle-menu" href="#">
<div class="g-lines">
<span class="line line-dark"></span>
<span class="line line-dark"></span>
<span class="line line-dark"></span>
</div>
</a>
</div>
<!-- contact-->
<div class="section contact">
<div class="container">
<div class="row">
<div class="col-12">
<!--Section title-->
<div class="section-heading">
<p class="section-description bg-base-color">Feel free to conatct me</p>
<h2 class="section-title"> Contact Me</h2>
</div>
</div>
</div>
<div class="row ">
<div class="col-lg-3 col-md-6">
<!--phone-->
<div class="contact-item ">
<p><i class="fab fa-whatsapp base-color"></i> Phone: </p>
<p><a href="tel:+31234567891">+3 (123)-456-78-91</a></p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<!--Email-->
<div class="contact-item">
<p><i class="fas fa-envelope base-color"></i> Email: </p>
<p> <a href="mailto:elizabeth.elmiz@gmail.com">elizabeth93@gmail.com </a></p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<!--Adress-->
<div class="contact-item">
<p><i class="fas fa-map-marker-alt base-color"></i> Adress: </p>
<p>New York City, USA</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<!--social-icons-->
<div class="contact-item">
<p><i class="fas fa-share-alt base-color"></i>Socials media: </p>
<ul class="social-icons list-inline">
<li><a href="#"><i class="fab fa-facebook"></i></a></li>
<li><a href="#"> <i class="fab fa-twitter"></i></a></li>
<li><a href="#"> <i class="fab fa-instagram"></i></a></li>
<li><a href="#"><i class="fab fa-behance"></i></a></li>
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="row mb-30" >
<!--form-->
<div class="col-lg-7 wow customFadeInUp slow" >
<form action="assets/php/mail.php" class="contact_form" method="POST" id="main_contact_form">
<div class="alert alert-success contact_msg" style="display: none" role="alert">
Your message was sent successfully.
</div>
<div class="form-group">
<input type="text" name="name" id="name" class="form-control" placeholder="Name" required="required">
</div>
<div class="form-group">
<input type="email" name="email" id="email" class="form-control" placeholder="Email" required="required">
</div>
<div class="form-group">
<input type="text" name="subject" id="subject" class="form-control" placeholder="Subject" required="required">
</div>
<div class="form-group">
<textarea name="message" id="message" cols="30" rows="5" class="form-control" placeholder="Message" required="required"></textarea>
</div>
<button type="submit" name="submit" class="btn-custom">Send Message</button>
</form>
</div>
<!--google-map-->
<div class="col-lg-5 wow customFadeInUp delay-0-4s slow">
<div class="google-map mb-30">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3104.5761533072873!2d-78.19644468515456!3d38.91080675375955!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89b5c5dc680d0b2b%3A0x1e9ff0b6bb7a2f87!2s1000%20Proctor%20Ln%2C%20Front%20Royal%2C%20VA%2022630%2C%20%C3%89tats-Unis!5e0!3m2!1sfr!2sma!4v1578068093888!5m2!1sfr!2sma" allowfullscreen="">
</iframe>
</div>
</div>
</div>
</div>
</div>
<!--loading -->
<div class="loading">
<div class="circle"></div>
</div>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="assets/js/jquery-3.5.0.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<!-- JS Plugins -->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/jquery.mixitup.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/jquery.animatedheadline.min.js"></script>
<script src="assets/js/ajax-contact.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>