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

<head>
    <title>کریپتو پلاس</title>
    <meta charset="UTF-8">
    <meta name="description" content="Cryptoplus Landing Page Template">
    <meta name="keywords" content="cryptoplus, crypto, creative, html, landing_page">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Favicon -->
    <link href="images/favicon.ico" rel="shortcut icon" />

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">

    <!-- Stylesheets -->
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/font-awesome.min.css" />
    <link rel="stylesheet" href="css/fontiran.css" />
    <link rel="stylesheet" href="css/themify-icons.css" />
    <link rel="stylesheet" href="css/animate.css" />
    <link rel="stylesheet" href="css/owl.carousel.css" />
    <link rel="stylesheet" href="css/style.css" />


    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>
<!-- Page Preloder -->
<div id="preloder">
    <div class="loader"></div>
</div>

<!-- Header section -->
<?php

include 'include/header.php';

?>
<!-- Header section end -->



<!-- Page info section -->
<section class="page-info-section">
    <div class="container">
        <h2>ارتباط با ما</h2>
        <div class="site-beradcamb">
            <a href="">صفحه نخست</a>
            <span><i class="fa fa-angle-right"></i> تماس با ما</span>
        </div>
    </div>
</section>
<!-- Page info end -->



<!-- Contact section -->
<section class="contact-page spad">
    <div class="container">
        <div class="row">
            <div class="col-lg-7">
                <form class="contact-form">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <input class="check-form" type="text" placeholder="نام">
                                <span><i class="ti-check"></i></span>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <input class="check-form" type="text" placeholder="نام خانوادگی">
                                <span><i class="ti-check"></i></span>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <input class="check-form" type="text" placeholder="ایمیل">
                                <span><i class="ti-check"></i></span>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <input class="check-form" type="text" placeholder="تلفن">
                                <span><i class="ti-check"></i></span>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
									<textarea
                                        placeholder="برای دریافت راهنمایی یا اطلاعات بیشتر با ما در تماس باشید"></textarea>
                            </div>

                            <button class="site-btn sb-gradients mt-4">ارسال فرم</button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="col-lg-5 mt-5 mt-lg-0">
                <div class="map" id="map-canvas"></div>
            </div>
        </div>
    </div>
</section>
<!-- Contact section end -->


<!-- Newsletter section -->
<section class="newsletter-section gradient-bg">
    <div class="container text-white">
        <div class="row">
            <div class="col-lg-7 newsletter-text">
                <h2>مشترک خبرنامه کریپتو پلاس شوید</h2>
                <p>با عضویت در خبرنامه زودتر از بقیه از اخبار بازار رمز ارزها مطلع شوید.</p>
            </div>
            <div class="col-lg-5 col-md-8 offset-lg-0 offset-md-2">
                <form class="newsletter-form">
                    <input type="text" placeholder="ایمیل خود را وارد کنید">
                    <button>عضویت</button>
                </form>
            </div>
        </div>
    </div>
</section>
<!-- Newsletter section end -->


<!-- Footer section -->
<?php
include  'include/footer.php';
?>
<!-- Footer section end -->


<!--====== Javascripts & Jquery ======-->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>



<!-- load for map -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB0YyDTa0qqOjIerob2VTIwo_XVMhrruxo"></script>
<script src="js/map.js"></script>

</body>

</html>