282 lines
10 KiB
PHP
282 lines
10 KiB
PHP
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
<meta name="csrf-token" content="{{ csrf_token() }}" />
|
|
<title>سامانه جامع راهداری</title>
|
|
<link rel="icon" href="../dist/images/fav.ico" type="image/ico" sizes="16x16">
|
|
|
|
<link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css" />
|
|
<link rel="stylesheet" href="../dist/css/adminlte.css" />
|
|
<link rel="stylesheet" href="../dist/css/fontiran.css">
|
|
<!-- bootstrap slider -->
|
|
<link rel="stylesheet" href="../plugins/bootstrap-slider/css/bootstrap-slider.min.css" />
|
|
<!-- chartjs -->
|
|
<link rel="stylesheet" href="../plugins/chart.js/Chart.min.css" />
|
|
<!-- leaflet -->
|
|
<link rel="stylesheet" href="../dist/css/leaflet.css">
|
|
<!-- persian-datepicker -->
|
|
<link rel="stylesheet" href="../dist/css/persian-datepicker.min.css">
|
|
<!-- select2 -->
|
|
<link rel="stylesheet" href="../plugins/select2/css/select2.min.css" />
|
|
<!-- datatable -->
|
|
<link rel="stylesheet" href="../plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
|
|
<!-- datatable button -->
|
|
<link rel="stylesheet" href="../plugins/datatables-buttons/css/buttons.bootstrap4.min.css">
|
|
<link rel="stylesheet" href="../dist/css/footer.css" />
|
|
|
|
<link rel="stylesheet" href="../dist/css/tablestyle.css" />
|
|
<style>
|
|
.contact-us .content-right {
|
|
width: 100%;
|
|
height: 100%;
|
|
border: 2px #ff5630 solid;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.content-bottom {
|
|
width: 100%;
|
|
height: 45%;
|
|
border: 2px #ff5630 solid;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.contact-us .content-right .btn-content-right {
|
|
background-color: white;
|
|
width: 100%;
|
|
border: 0;
|
|
}
|
|
|
|
.track-messages p {
|
|
font-size: 11px;
|
|
}
|
|
|
|
.contact-us .content-right .form-control::placeholder {
|
|
font-size: 9px
|
|
}
|
|
|
|
.appendix {
|
|
font-size: 12px
|
|
}
|
|
|
|
.contact-us .content-right .btn-handel-Follow {
|
|
background-color: #ff5630;
|
|
width: 100%;
|
|
border: 0;
|
|
color: white;
|
|
padding: 5 0;
|
|
border-radius: 5px
|
|
}
|
|
|
|
.map-iran {
|
|
border: 2px #ff5630 solid;
|
|
border-radius: 5px
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
.container,
|
|
.container-sm,
|
|
.container-md,
|
|
.container-lg,
|
|
.container-xl {
|
|
max-width: 1600px !important;
|
|
}
|
|
|
|
.content-bottom {
|
|
height: 25%;
|
|
}
|
|
}
|
|
|
|
.appendix {
|
|
background: white;
|
|
border: 1px solid gray;
|
|
width: 100%;
|
|
border-radius: 5px
|
|
}
|
|
|
|
.active {
|
|
border-bottom: 2px solid #ff5630 !important;
|
|
}
|
|
|
|
.btn-send {
|
|
background-color: #ff5630;
|
|
width: 100%;
|
|
border: 0;
|
|
color: white;
|
|
padding: 5 0;
|
|
border-radius: 5px
|
|
}
|
|
|
|
.leaflet-popup-content {
|
|
margin: 13px 19px;
|
|
line-height: 1.4;
|
|
font-family: 'IRANSansFaNum';
|
|
font-size: 10px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
@include('layouts.header')
|
|
<div class="container mt-3" style="width : 80%">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<h4>
|
|
تماس با ما
|
|
</h4>
|
|
</div>
|
|
</div>
|
|
<div class="row contact-us">
|
|
<div class="col-xl-4 col-lg-4 col-md-4 col-12 p-0">
|
|
<div class="content-right">
|
|
<div class="d-flex p-2">
|
|
<button id="pooria2" set="send-btn" class="btn-content-right active">
|
|
ارسال پیام
|
|
</button>
|
|
<button id="pooria1" set="follow-up-btn" class="btn-content-right">
|
|
پیگیری پیام
|
|
</button>
|
|
</div>
|
|
<div class="mt-3 track-messages" style="display: none">
|
|
<p class="text-right pr-2">
|
|
برای پیگیری پیام ارسال شده خود، کد پیگیری و شماره تلفن خود را وارد کنید.
|
|
</p>
|
|
<div class="p-2">
|
|
<div class="form-group">
|
|
<input forse='true' name="code" class="form-control" placeholder="کد پیگیری"
|
|
type="text">
|
|
</div>
|
|
<div class="form-group">
|
|
<input forse='true' name="phone" class="form-control" placeholder="شماره تلفن همراه"
|
|
type="text">
|
|
</div>
|
|
<div class="form-group w-75">
|
|
|
|
</div>
|
|
<div class="form-group">
|
|
<button class="btn-handel-Follow " class="w-100">پیگیری</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mt-3 send-Message">
|
|
<div class="row p-2">
|
|
<div class="col-xl-6 col-12">
|
|
<div class="form-group">
|
|
<input name="username" forse-messege="true" type="text" placeholder="نام"
|
|
class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-6 col-12">
|
|
<div class="form-group">
|
|
<input name="phonenumber" forse-messege="true" type="text"
|
|
placeholder="شماره تلفن همراه" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-6 col-12">
|
|
<div class="form-group">
|
|
<input name="title" forse-messege="true" type="text" placeholder="موضوع پیام"
|
|
class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="form-group">
|
|
<textarea name="content" forse-messege="true" type="text" placeholder="متن پیام"
|
|
class="form-control"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
|
|
<div class="form-group">
|
|
<button class="btn-send" class="w-100">
|
|
ارسال
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-8 col-lg-8 col-md-8 col-12 pr-2">
|
|
<div id="map" class="map-iran w-100" style="height: 320px;">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mt-3 content-bottom">
|
|
<div class="col-12 mt-3">
|
|
<div class="d-flex">
|
|
<i class="fa fa-location-arrow mt-1 ml-1"></i>
|
|
<p>تهران، بلوار كشاورز، خيابان فلسطين، خيابان دمشق، سازمان راهداري و حمل و نقل جاده اي، معاونت
|
|
راهداری
|
|
|
|
</p>
|
|
</div>
|
|
<div class="d-flex">
|
|
<i class="fa fa-phone ml-1"></i>
|
|
<p>
|
|
----------------------
|
|
</p>
|
|
</div>
|
|
<div class="d-flex">
|
|
<i class="fa fa-fax ml-1"></i>
|
|
<p>
|
|
----------
|
|
</p>
|
|
</div>
|
|
<div class="d-flex">
|
|
<i class="fa fa-comment ml-1"></i>
|
|
<p>
|
|
----
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@include('layouts.footer')
|
|
|
|
<!-- footer -->
|
|
</body>
|
|
<!-- jQuery -->
|
|
<script src="../plugins/jquery/jquery.min.js"></script>
|
|
<script src="../dist/js/jquery.rollNumber.js"></script>
|
|
<script src="../dist/js/jQuery-Plugin-For-Creating-An-Animated-Counter-kCounter/js/kcounter.js"></script>
|
|
<!-- Bootstrap 4 -->
|
|
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<!-- ChartJS -->
|
|
<script src="../plugins/chart.js/Chart.min.js"></script>
|
|
<!-- leaflet -->
|
|
<script src="../dist/js/leaflet.js"></script>
|
|
<script src="../dist/js/leaflet.markercluster.js"></script>
|
|
<script src="../dist/js/leaflet-routing-machine.js"></script>
|
|
<!-- persian-datepicker -->
|
|
<script src="../dist/js/persian-datepicker.min.js"></script>
|
|
<script src="../dist/js/persian-date.min.js"></script>
|
|
<!-- datatable -->
|
|
<script src="../plugins/datatables/jquery.dataTables.min.js"></script>
|
|
<script src="../plugins/datatables-bs4/js/dataTables.bootstrap4.js"></script>
|
|
<!-- datable button -->
|
|
<script src="../plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
|
|
<script src="../plugins/datatables-buttons/js/buttons.html5.min.js"></script>
|
|
<script src="../plugins/datatables-buttons/js/buttons.print.min.js"></script>
|
|
<script src="../dist/js/jszip.min.js"></script>
|
|
<!-- select2 -->
|
|
<script src="../plugins/select2/js/select2.full.min.js"></script>
|
|
<!-- inputmask -->
|
|
<script src="../plugins/inputmask/min/jquery.inputmask.bundle.min.js"></script>
|
|
<script src="../dist/js/header.js"></script>
|
|
<script src="../plugins/moment/moment.min.js"></script>
|
|
<script src="../dist/js/jalali-moment.browser.js"></script>
|
|
<!-- slider-bootstarp -->
|
|
<script src="../plugins/bootstrap-slider/bootstrap-slider.min.js"></script>
|
|
<script src="../dist/js/sweetalert2js.js"></script>
|
|
<script src="../dist/js/static.js"></script>
|
|
|
|
<!-- script page -->
|
|
<script src="../dist/js/ContactUs.js?ver=1.2"></script>
|
|
|
|
</html> |